how to change button image by javascript

Question

I have 2 button and i want to change background image of that button which is clicked.

<input style="float:right; padding-right:10px;" name="comp_sephora" id="comp_sephora" type="submit" value="Sephora" onClick="change(this.style);">

<input style="float:right;" type="submit" name="comp_bloom" id="comp_bloom" value="Bloom" onClick="change(this.style);">

i have used javascript function for that:

function change(style)
{
    //alert(val);
    style.backgroundImage = "url(<?php echo  IMAGES."btn1.bmp"; ?>)";
    //style.color = "#000000";
}

but when i was clicked then image changed for only few seconds. i want to maintain that image after page reload.

row1 · Accepted Answer · 2011-02-14 13:30:57Z

2

You need to return false to prevent the page from being "submitted".

function change(style)
{
    //alert(val);
    style.backgroundImage = "url(<?php echo  IMAGES."btn1.bmp"; ?>)";
    return false;
}

And then change the onclick to this onClick="return change(this.style);"

answered Feb 14, 2011 at 13:30

row1

5,5883 gold badges48 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Marvin Smit · Accepted Answer · 2011-02-14 13:32:16Z

0

Changing your type from "submit" to "button" should do the trick.

Hope this helps,

answered Feb 14, 2011 at 13:32

Marvin Smit

4,1181 gold badge24 silver badges21 bronze badges

Collectives™ on Stack Overflow

how to change button image by javascript

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related