AJAX

changing image on page when button is pressed

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

Thread Solved

•

Join Date: Feb 2008

Posts: 347

Reputation: kevin wood is an unknown quantity at this point

Solved Threads: 1

kevin wood kevin wood is offline

Offline

Posting Whiz

changing image on page when button is pressed

Mar 20th, 2009

i have built a page which loads content into a div tag from a php page using javascript.

the problem i am having is that the title for eachg page is not inside the div so i keep being left with the same title on each page.

i have tried to change the image using the onmouseup/down functions but this has not worked.

here is the code for the functions

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
function loadContent(id) {
			$("#contentArea").load("rpc.php?o="+id+"");
		}
 
		function roll(img_name, img_src)
   		{
   			document[img_name].src = img_src;
	   }
	   function click(img_name, img_src)
	   {
	   		document[img_name].src = img_src;
	   }
function loadContent(id) {
			$("#contentArea").load("rpc.php?o="+id+"");
		}
		
		function roll(img_name, img_src)
   		{
   			document[img_name].src = img_src;
	   }
	   function click(img_name, img_src)
	   {
	   		document[img_name].src = img_src;
	   }

here is the code for the button

 Help with Code Tags 
 JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
<a href="javascript:loadContent(1);" onmouseover="roll('about_but', 'buttons/about_but2.png')" onmouseout="roll('about_but', 'buttons/about_but.png')" onmousedown="click('title_img', 'assets/homeP_title.png')" onmouseup="click('title_img', 'assets/aboutP_title.png')"><img src="buttons/about_but.png" name="about_but" border="0" align="left"/></a>
<a href="javascript<b></b>:loadContent(1);" onmouseover="roll('about_but', 'buttons/about_but2.png')" onmouseout="roll('about_but', 'buttons/about_but.png')" onmousedown="click('title_img', 'assets/homeP_title.png')" onmouseup="click('title_img', 'assets/aboutP_title.png')"><img src="buttons/about_but.png" name="about_but" border="0" align="left"/></a>