 |  |  |  |  |  |  |  |
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,614
Reputation: 
Solved Threads: 466
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,203
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,614
Reputation:
Solved Threads: 466
•
•
•
•
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.
Related Forum Features
Latest JavaScript / DHTML / AJAX Posts
- Today's Posts
- Unanswered Threads
acid2 ajax ajaxcode ajaxhelp animate array automatically beta box browser bug calendar captchaformproblem cart checkbox child class codes column createrange() css cursor decimal dependent design disablefirebug dom download dropdown editor element engine enter error events explorer ext file firefox focus forms frameworks google gwt html htmlform ie8 iframe images index internet java javascript jawascriptruntimeerror jquery jsf jsfile jsp jump listbox masterpage math menu microsoft mimic mp4 object onmouseoutdivproblem onmouseover onreadystatechange parent pdf php player post problem progressbar prototype redirect regex runtime scale scroll search select session shopping size sql text textarea toggle w3c web website window windowofwords windowsxp wysiwyg \n
