|
|||||||||
|
|||||||||
|
|||||||||
 |
|||||||||
| |
||
|
|
|
|
|||||||||
|
|||||||||
|
|||||||||
|
|||||||||
| |
||
|
|
|
| |||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Rate Thread | Display Modes |
ASP Free Forums Sponsor:
|
|
|
|
#1
September 3rd, 2004, 10:46 PM
|
|||
|
|||
|
Simple Navigational Rollover Link (Image Swap) Error- Help
Hi...
I created this simple code to display three images/links that when rolled over, swap to an alternate image, giving the illusion of changing colour. Very simple... It seems to work when tested in IExplorer, but other programs find errors in it such as: (When the image 'Back' is rolled over) Line 31: 'Images' is undefined 'back_page' is undefined 'next_page' is undefined (When the image 'Home' is rolled over) Line 33: 'Assignment' is undefined 'document.home_page' is null or not a homepage (When the image 'Next' is rolled over) Line 35: 'Images' is undefined 'Assignment' is undefined 'document.Next_Page' is null or not a homepage Below is the code. Any help would be much appreciated... Thankyou. <code> <HTML> <HEAD> <TITLE> Question_2SMP</TITLE> <SCRIPT Language="JavaScript"> if(document.imagesSMP) { buttonBack= new Image buttonHome= new Image buttonNext= new Image buttonBack.src="Back.gif" buttonHome.src="Home.gif" buttonNext.src="Next.gif" buttonBack2.src="Back2.gif" buttonHome2.src="Home2.gif" buttoNext2.src="Next2.gif" } </SCRIPT> </HEAD> <BODY > <P align="center"> <A href="back_page.htm" onMouseOver="(back_page.htm)"><img src="Images/Back.gif" alt="Back" name="Image1" width="98" height="23" border="0" onMouseOver="Images/Back2.gif" onMouseOut="document.write=next_page.src=buttonNext.src"></img></A> <A href="home_page.htm" onMouseOver="(Assignment/home_page.htm)"><img src="Images/Home.gif" alt="Home" name="Image2" width="98" height="23" border="0" onMouseOut="document.home_page.src=buttonHome2.src" a.href="Assignment/home_page.htm"></img></a> <A href="next_page.htm" onMouseOver="(Assignment/next_page.htm)"><img src="Images/Next.gif" alt="Next" name="Image3" width="98" height="23" border="0" onMouseOver="Images/Next2.gif" onMouseOut="document.Next_Page.src=buttonNext2.src"></img></a> </P> </BODY> </HTML> </code>
|
|
#2
September 6th, 2004, 04:29 AM
|
||||
|
||||
|
Hi
I think you've got a bit over-complex somewhere. This should work: Code:
<HTML> <HEAD> <TITLE> Question_2SMP</TITLE> <SCRIPT Language="JavaScript"> buttonBack= new Image; buttonHome= new Image; buttonNext= new Image; buttonBack2= new Image; buttonHome2= new Image; buttonNext2= new Image; buttonBack.src="Back.gif" buttonHome.src="Home.gif" buttonNext.src="Next.gif" buttonBack2.src="Back2.gif" buttonHome2.src="Home2.gif" buttoNext2.src="Next2.gif" </SCRIPT> </HEAD> <BODY > <P align="center"> <A href="Back_page.htm" onMouseOver="Image1.src='Back2.gif';" onMouseOut="Image1.src='Back.gif';"><img src="Back.gif" alt="Back" name="Image1" border="0"></img></A> <A href="Home_page.htm" onMouseOver="Image2.src='Home2.gif';" onMouseOut="Image2.src='Home.gif';"><img src="Home.gif" alt="Home" name="Image2" border="0"></img></a> <A href="Next_page.htm" onMouseOver="Image3.src='Next2.gif';" onMouseOut="Image3.src='Next.gif';"><img src="Next.gif" alt="Next" name="Image3" border="0"></img></a> </P> </BODY> </HTML>
|
|
| Viewing: ASP Free Forums > Programming > HTML, JavaScript And CSS Help > Simple Navigational Rollover Link (Image Swap) Error- Help |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
 |
|
|
|
|
|
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
