 |  |  |  |  |  |  |  |
change input's bg image with js
Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
 |
•
•
Join Date: Nov 2006
Posts: 66
Reputation: 
Solved Threads: 1
Junior Poster in Training
Hi. I have an input with a background image (done in css);
I want to change the background image with the click of a button.
How do it do it?
I want to change the background image with the click of a button.
How do it do it?
•
•
Join Date: Jun 2006
Posts: 7,620
Reputation: 
Solved Threads: 468
Post some code so we can easily help you out without rewriting the same thing over again.
I don't accept change; I don't deserve to live.
•
•
Join Date: Nov 2006
Posts: 66
Reputation:
Solved Threads: 1
Junior Poster in Training
this is the input...
<input blah blah blah class='someclasss' onclick='changeSrc(this)'>
.someclass
{
background-image:url(someimage.someformat);
}
function changeSrc(clicked)
{
clicked.style.backgroundImage = 'someotherimage.someformat' //this won't work in IE7!
}
Manipulate the code freely. thanks
<input blah blah blah class='someclasss' onclick='changeSrc(this)'>
.someclass
{
background-image:url(someimage.someformat);
}
function changeSrc(clicked)
{
clicked.style.backgroundImage = 'someotherimage.someformat' //this won't work in IE7!
}
Manipulate the code freely. thanks
•
•
Join Date: Jan 2007
Posts: 3,210
Reputation:
Solved Threads: 164
You need an id on the same object with someclass. That id becomes the target of the assignment statement:
Put both the class and the id in the object with the background
JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
Put both the class and the id in the object with the background
JavaScript / DHTML / AJAX Syntax (Toggle Plain Text)
Daylight-saving time uses more gasoline
•
•
Join Date: Jun 2006
Posts: 7,620
Reputation:
Solved Threads: 468
•
•
•
•
function changeSrc(clicked)
{
clicked.style.backgroundImage = 'someotherimage.someformat' //this won't work in IE7!
}
javascript Syntax (Toggle Plain Text)
I don't accept change; I don't deserve to live.
•
•
Join Date: Nov 2006
Posts: 66
Reputation:
Solved Threads: 1
Junior Poster in Training
and on purpose, anybody here knows a free js editor with line numbers and autocomplete?
•
•
Join Date: Nov 2006
Posts: 66
Reputation:
Solved Threads: 1
Junior Poster in Training
and thank ya very much s.o.s, your always helping the needed.
|
Similar Threads
- change image one by one (ASP)
- I Need Help Making A Rollover Image! (Geeks' Lounge)
Other Threads in the JavaScript / DHTML / AJAX Forum
- Previous Thread: Help needed working with prototype.js and php
- Next Thread: javascript issue
| Thread Tools | Search this Thread |
You need to join our community in order to build your list of favorite forums. You can visit the forum index for a listing of all forums.
Latest JavaScript / DHTML / AJAX Posts
- Today's Posts
- Unanswered Threads
Related Forum Features
acid2 ajax ajaxexample ajaxjspservlets array browser captchaformproblem cart checkbox child class close codes css date debugger decimal dependent design disablefirebug dom editor element embed engine enter error events explorer ext file firefox focus form forms frameworks getselection google gxt hiddenvalue highlightedword hint html ie7 ie8 iframe index internet java javascript javascripthelp2020 jquery jsf jsfile jsp jump libcurl listbox maps masterpage math media menu mp4 object onerror onmouseoutdivproblem onmouseover onreadystatechange parent paypal pdf php position post problem programming prototype rated redirect runtime safari scale scriptlets scroll search security session shopping size software star stars toggle unicode variables web webservice wysiwyg \n
