•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 426,140 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 1,698 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting
Views: 2428 | Replies: 7
 |
•
•
Join Date: Nov 2006
Location: Costa Rica
Posts: 65
Reputation: 
Rep Power: 2
Solved Threads: 0
Junior Poster in Training
change input's bg image with js 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
Location: India
Posts: 6,858
Reputation: 
Rep Power: 23
Solved Threads: 344
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.
Happiness corrupts people.
Failing to value the lives of others cheapens your own.
Happiness corrupts people.
Failing to value the lives of others cheapens your own.
•
•
Join Date: Nov 2006
Location: Costa Rica
Posts: 65
Reputation:
Rep Power: 2
Solved Threads: 0
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: 2,556
Reputation:
Rep Power: 7
Solved Threads: 115
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
function changeSrc(clicked)
{
changeme.backgroundImage = 'someotherimage.someformat')
}Put both the class and the id in the object with the background
<body class="someclass" id="changeme">
Daylight-saving time uses more gasoline
•
•
Join Date: Jun 2006
Location: India
Posts: 6,858
Reputation:
Rep Power: 23
Solved Threads: 344
•
•
•
•
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.
Happiness corrupts people.
Failing to value the lives of others cheapens your own.
Happiness corrupts people.
Failing to value the lives of others cheapens your own.
•
•
Join Date: Nov 2006
Location: Costa Rica
Posts: 65
Reputation:
Rep Power: 2
Solved Threads: 0
Junior Poster in Training
and on purpose, anybody here knows a free js editor with line numbers and autocomplete?
•
•
Join Date: Nov 2006
Location: Costa Rica
Posts: 65
Reputation:
Rep Power: 2
Solved Threads: 0
Junior Poster in Training
and thank ya very much s.o.s, your always helping the needed.
|
•
•
•
•
•
•
•
•
DaniWeb JavaScript / DHTML / AJAX Marketplace
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Linear Mode
- 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
