Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
Reply

•
•
Join Date: Aug 2007
Posts: 113
Reputation: scrypt3r is an unknown quantity at this point 
Solved Threads: 2
scrypt3r's Avatar
scrypt3r scrypt3r is offline Offline
Junior Poster

picture change

 
0
  #1
Aug 13th, 2007
does any 1 know how to give a picture a tag or name and then in javascript or vbscript change it ?
Reply With Quote Quick reply to this message  
•
•
Join Date: May 2005
Posts: 182
Reputation: alpha_foobar is an unknown quantity at this point 
Solved Threads: 3
alpha_foobar's Avatar
alpha_foobar alpha_foobar is offline Offline
Junior Poster

Re: picture change

 
0
  #2
Aug 13th, 2007
You can give an html element an ID.

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
  1. <img src="something.jpg" id="yourId">

Then look the object up using the ID.

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
  1. var domElement = document.getElementById("yourId")

Now you have a reference to the dom element and you can interact with its properties...

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
  1. domElement.src = "somethingnew.jpg";

That is pretty much all you need to do...
alphafoobar
Senior Java Developer
web2.0 javascript/ajax developer & entrepreneur
Reply With Quote Quick reply to this message  
•
•
Join Date: Aug 2007
Posts: 113
Reputation: scrypt3r is an unknown quantity at this point 
Solved Threads: 2
scrypt3r's Avatar
scrypt3r scrypt3r is offline Offline
Junior Poster

Re: picture change

 
0
  #3
Aug 14th, 2007
thnx
Reply With Quote Quick reply to this message  
Reply

Quick Reply to Thread
This thread is more than three months old.
Perhaps start a new thread instead?
•
•
•
•
•
•
•
•
Message:
•
•
•
•



Similar Threads
Other Threads in the JavaScript / DHTML / AJAX Forum
Thread Tools Search this Thread



acid2 ajax ajaxexample ajaxjspservlets array browser bug captchaformproblem cart checkbox child class close codes createrange() css cursor date debugger decimal dependent design disablefirebug dom dropdown 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 images index internet java javascript javascripthelp2020 jquery jsf jsfile jsp jump libcurl listbox maps masterpage math media menu mp4 object onmouseoutdivproblem onmouseover onreadystatechange parent paypal pdf php position post problem programming progressbar prototype redirect runtime safari scale scriptlets scroll search security shopping size software toggle unicode w3c web wysiwyg \n
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC