Hi all , Okay im trying to do a popup window just like the one found on www.hitcars.com for an assignment. Umm im having problems with getting the mouseover done because when u mouseover the six pictures to the right the big picture doesnt appear on the left.I have not really changed the code that much from the one found on www.hitcars.com but this is what it basically looks like <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> *****471<html> <head> <meta http-equiv="content-type" content="text/html;charset=iso-8859-1"> <meta name="generator" content="Adobe GoLive 6"> <title>Hitcars.com, Bringing the Salvage Industry to the Publc.</title> <meta content="HITCARS.COM specializes in salvage, damaged, and repairable cars. HITCARS.COM is one of the largest auto salvage dealers in the United States." name="description"> <meta content="hitcars, HITCARS, salvage, salvage cars , wrecked repairable salvage auto, auto salvage, salvage cars, damaged cars, wrecked cars, car wrecks, rebuildable cars, rebuildables, repairables, repairable cars, salvage vehicles" name="keywords"> <link rel="stylesheet" href="http://www.hitcars.net/page/styles.css"> <csscriptdict import> <script type="text/javascript" src="http://www.hitcars.net/page/CSScriptLib.js"></script> </csscriptdict> <csactiondict> <script type="text/javascript"> CSAct[/*CMP*/ '1536CA1A1'] = new Array(CSSetImageURL,/*CMP*/ 'center',/*URL*/ 'car_photo/20070127030227802.jpg');CSAct[/*CMP*/ '1536CA1A2'] = new Array(CSSetImageURL,/*CMP*/ 'center',/*URL*/ 'car_photo/20070127030227183.jpg');CSAct[/*CMP*/ '1536CA1A3'] = new Array(CSSetImageURL,/*CMP*/ 'center',/*URL*/ 'car_photo/20070127030227544.jpg');CSAct[/*CMP*/ '1536CA1A4'] = new Array(CSSetImageURL,/*CMP*/ 'center',/*URL*/ 'car_photo/20070127030227739.jpg');CSAct[/*CMP*/ '1536CA1A5'] = new Array(CSSetImageURL,/*CMP*/ 'center',/*URL*/ 'car_photo/20070127030227353.jpg');CSAct[/*CMP*/ '1536CA1A6'] = new Array(CSSetImageURL,/*CMP*/ 'center',/*URL*/ 'car_photo/20070127030227213.jpg');CSAct[/*CMP*/ '19868A976'] = new Array(CSGotoLink,/*URL*/ 'http://www.hitcars.com/',''); CSAct[/*CMP*/ '1987D70C8'] = new Array(CSGotoLink,/*URL*/ 'http://www.hitcars.net/direct.php',''); CSAct[/*CMP*/ '198860BE9'] = new Array(CSGotoLink,/*URL*/ 'http://www.hitcars.net/ship.html',''); CSAct[/*CMP*/ '1989089710'] = new Array(CSGotoLink,/*URL*/ 'mailto:info@hitcars.net',''); </script> </csactiondict> <csactions><csaction name="1536CA1A1" class="Set Image URL" type="onevent" val0="center" val1="car_photo/20070127030227802.jpg" urlparams="2"></csaction><csaction name="1536CA1A2" class="Set Image URL" type="onevent" val0="center" val1="car_photo/20070127030227183.jpg" urlparams="2"></csaction><csaction name="1536CA1A3" class="Set Image URL" type="onevent" val0="center" val1="car_photo/20070127030227544.jpg" urlparams="2"></csaction><csaction name="1536CA1A4" class="Set Image URL" type="onevent" val0="center" val1="car_photo/20070127030227739.jpg" urlparams="2"></csaction><csaction name="1536CA1A5" class="Set Image URL" type="onevent" val0="center" val1="car_photo/20070127030227353.jpg" urlparams="2"></csaction><csaction name="1536CA1A6" class="Set Image URL" type="onevent" val0="center" val1="car_photo/20070127030227213.jpg" urlparams="2"></csaction> <csaction name="19868A976" class="Goto Link" type="onevent" val0="http://www.hitcars.com/" val1="" urlparams="1"></csaction> <csaction name="1987D70C8" class="Goto Link" type="onevent" val0="http://www.hitcars.net/direct.php" val1="" urlparams="1"></csaction> <csaction name="198860BE9" class="Goto Link" type="onevent" val0="http://www.hitcars.net/ship.html" val1="" urlparams="1"></csaction> <csaction name="1989089710" class="Goto Link" type="onevent" val0="mailto:info@hitcars.net" val1="" urlparams="1"></csaction> </csactions> <script language="JAVASCRIPT" type="TEXT/JAVASCRIPT"><!-- function validEmail(email) { invalidChars = " /:,;" if (email == "") { return false } for (i=0; i<invalidChars.length; i++) { badChar = invalidChars.charAt(i) if (email.indexOf(badChar,0) > -1) { return false } } atPos = email.indexOf("@",1) if (atPos == -1) { return false } if (email.indexOf("@",atPos+1) > -1) { return false } periodPos = email.indexOf(".",atPos) if (periodPos == -1) { return false } if (periodPos+3 > email.length) { return false } return true } function submitIt(form) { if (!validEmail(form.Email.value)) { alert("Invalid email address") form.Email.focus() form.Email.select() return false } return true } // --> </script> </head> <body bgcolor="#cccccc"> <div align="center"> <table width="800" border="3" cellspacing="0" cellpadding="0" BORDERCOLOR="BLACK"> <tr> <td bgcolor="white"> <div align="center"> <table width="740" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="http://www.hitcars.net/page/TOPPS.jpg" alt="" height="50" width="740" usemap="#TOPPS19dd452a" border="0"></td> </tr> </table> <table width="740" border="0" cellspacing="7" cellpadding="0"> <tr><td rowspan="3"><img name="center" src="car_photo/20070127030227179.jpg" border="0" width="400"></td><td><a onmouseover="CSAction(new Array(/*CMP*/'1536CA1A1'));return true;" href="#" csover="1536CA1A1"><img src="car_photo/20070127030227802.jpg" height="112" width="150" border="0"></a></td><td><a onmouseover="CSAction(new Array(/*CMP*/'1536CA1A2'));return true;" href="#" csover="1536CA1A2"><img src="car_photo/20070127030227183.jpg" height="112" width="150" border="0"></a></td></tr><tr><td><a onmouseover="CSAction(new Array(/*CMP*/'1536CA1A3'));return true;" href="#" csover="1536CA1A3"><img src="car_photo/20070127030227544.jpg" height="112" width="150" border="0"></a></td><td><a onmouseover="CSAction(new Array(/*CMP*/'1536CA1A4'));return true;" href="#" csover="1536CA1A4"><img src="car_photo/20070127030227739.jpg" height="112" width="150" border="0"></a></td></tr><tr><td><a onmouseover="CSAction(new Array(/*CMP*/'1536CA1A5'));return true;" href="#" csover="1536CA1A5"><img src="car_photo/20070127030227353.jpg" height="112" width="150" border="0"></a></td><td><a onmouseover="CSAction(new Array(/*CMP*/'1536CA1A6'));return true;" href="#" csover="1536CA1A6"><img src="car_photo/20070127030227213.jpg" height="112" width="150" border="0"></a></td></tr> <tr><td colspan=3 align='right'><font style='font-size: 18pt'><b>Sale price: <font style='color: red'>SOLD</font></b></font></td></tr> </table> <table width="740" border="0" cellspacing="0" cellpadding="0" bgcolor="#aaaaaa"> <tr> <td bgcolor="#eeeeee"> <div align="right"> <img src="http://www.hitcars.net/shim.gif" alt="" height="14" width="180" border="0"></div> </td> </tr> </table> <table width="740" border="0" cellspacing="2" cellpadding="0"> <tr> <td colspan="2"> <form action="emailtest.php" method="post" name="form" onsubmit="return submitIt(this)"> <div align="center"> <table width="740" border="0" cellspacing="0" cellpadding="5" bgcolor="#12d1ff"> <tr height="20"> <td bgcolor="red" height="20"></td> <td bgcolor="red" height="20"><b>Email HITCARS.com</b></td> <td bgcolor="red" width="266" height="20"></td> </tr> <tr height="23"> <td bgcolor="#66ccff" height="23"><b>Name</b></td> <td bgcolor="#eeeeee" height="23"><input type="text" name="name" value="" size="30" tabindex="1" border="0"><font size="3"><b>*</b></font></td> <td bgcolor="#eeeeee" width="266" height="23"><b>Comments or Questions</b></td> </tr> <tr height="23"> <td bgcolor="#66ccff" height="23"><b>Telephone</b></td> <td bgcolor="#eeeeee" height="23"><input type="text" name="telephone" size="30" maxlength="15" tabindex="2" border="0"><font size="3"><b>* </b></font></td> <td rowspan="3" bgcolor="#eeeeee" width="266" height="89"><textarea name="comments" rows="4" cols="40" tabindex="4"></textarea></td> </tr> <tr height="23"> <td bgcolor="#66ccff" height="23"><b>Email</b></td> <td bgcolor="#eeeeee" height="23"><input type="text" name="Email" size="30" tabindex="3" border="0"><font size="3"><b>*</b></font></td> </tr> <tr height="23"> <td bgcolor="#66ccff" height="23"><b>Stock #</b></td> <td bgcolor="#eeeeee" height="23"><input type="text" name="stock" value="#7119" readonly size="6" tabindex="16" border="0"> <input type="hidden" name="hc_id" value="471"> </td> </tr> <tr> <td bgcolor="red"><img src="http://www.hitcars.net/shim.gif" alt="" height="19" width="32" border="0"></td> <td bgcolor="red"><b>* Required Fields</b></td> <td bgcolor="red" width="266"><input type="submit" name="Submit" value="SEND EMAIL" border="0"> <input type="reset" value="RESET" border="0"></td> </tr> </div> </form> </td> </tr> </table> <table width="740" border="0" cellspacing="2" cellpadding="0"> <tr height="10"> <td colspan="3" bgcolor="#dddddd" height="10"> <div align="center"> <b>Store Hours || Monday-Saturday 9:00am-5pm | Sunday 10am-4pm</b></div> </td> </tr> <tr> <td colspan="3" bgcolor="#999999"><img src="http://www.hitcars.net/shim.gif" alt="" height="5" width="740" border="0"> <font size="1">All advertised prices exclude government fees and taxes, any charges, any dealer document preparation charge, and any emission testing charge. The price for listed vehicles as equipped does not include charges such as: License, Title, Registration Fees, State or Local Taxes, or Delivery Fees. Hitcars.com makes no representations, expressed or implied, to any actual or prospective purchaser or owner of this vehicle as to the existence, ownership, accuracy, description or condition of the listed vehicle's equipment, accessories or price. Any and all differences must be addressed prior to the sale of this vehicle. NOTICE: Although we attempt to keep inventories current, we cannot guarantee that this vehicles will still be available for sale. To be sure, contact us.</font></td> </tr> </table> <p>Hitcars.com | 4 Main Street | Kingston, NH 03848 | Tel. 603.642.8888 | Fax 603.642.7445</p> </div> </td> </tr> </table> <map name="TOPPS19dd452a"><area shape="rect" coords="654,19,728,37" href="http://www.hitcars.net/email.php" alt="info@hitcars.net"><area shape="rect" coords="559,17,635,38" href="http://www.hitcars.net/ship.php" alt="Shipping"><area shape="rect" coords="441,16,541,40" href="http://www.hitcars.net/direct.php" alt="Directions"><area shape="rect" coords="331,16,423,39" href="http://www.hitcars.net/inventory.php" alt="Inventory Page"></map></div> <p></p> </body> </html> Does anyone have any ideas on how u can get this working thank you. Code (markup):
Hey mate, I don't think that its a good idea to post all the code. Its really annoying to anyone to read the whole code. Please write the exact code about which you need help.
umm, i dont know where the problem is exactly that why i posted the whole thing (i posted the wrong code by the way ) but i think the problem lies here <td> <a onmouseover="CSAction(new Array(/*CMP*/'1536CA1A2'));return true;" href="#" csover="1536CA1A2"><img src="..\..\Cellular\Pics\20070127030227183.jpg" height="112" width="150" border="0"> </a> </td> Code (markup): You see i am try to make it so that when u click on the little pictures at the side you would see the bigger version picture appear in the pop up window.Look at the website www.hitcars.com The below code is the correct code <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> *****471<html> <head> <meta http-equiv="content-type" content="text/html;charset=iso-8859-1"> <meta name="generator" content="Adobe GoLive 6"> <title>Hitcars.com, Bringing the Salvage Industry to the Publc.</title> <meta content="HITCARS.COM specializes in salvage, damaged, and repairable cars. HITCARS.COM is one of the largest auto salvage dealers in the United States." name="description"> <meta content="hitcars, HITCARS, salvage, salvage cars , wrecked repairable salvage auto, auto salvage, salvage cars, damaged cars, wrecked cars, car wrecks, rebuildable cars, rebuildables, repairables, repairable cars, salvage vehicles" name="keywords"> <link rel="stylesheet" href="http://www.hitcars.net/page/styles.css"> <!-- <csscriptdict import> <script type="text/javascript" src="http://www.hitcars.net/page/CSScriptLib.js"></script> </csscriptdict> <csactiondict> <script type="text/javascript"> CSAct[/*CMP*/ '1536CA1A1'] = new Array(CSSetImageURL,/*CMP*/ 'center',\*URL*\ '..\..\Cellular\Pics\20070127030227802.jpg');CSAct[/*CMP*/ '1536CA1A2'] = new Array(CSSetImageURL,/*CMP*/ 'center',/*URL*/ '../../Cellular/Pics/20070127030227183.jpg');CSAct[/*CMP*/ '1536CA1A3'] = new Array(CSSetImageURL,/*CMP*/ 'center',/*URL*/ '../../Cellular/Pics/20070127030227544.jpg');CSAct[/*CMP*/ '1536CA1A4'] = new Array(CSSetImageURL,/*CMP*/ 'center',/*URL*/ '../../Cellular/Pics/20070127030227739.jpg');CSAct[/*CMP*/ '1536CA1A5'] = new Array(CSSetImageURL,/*CMP*/ 'center',/*URL*/ '../../Cellular/Pics/20070127030227353.jpg');CSAct[/*CMP*/ '1536CA1A6'] = new Array(CSSetImageURL,/*CMP*/ 'center',/*URL*/ '../../Cellular/Pics/20070127030227213.jpg');CSAct[/*CMP*/ '19868A976'] = new Array(CSGotoLink,/*URL*/ 'http://www.hitcars.com/',''); CSAct[/*CMP*/ '1987D70C8'] = new Array(CSGotoLink,/*URL*/ 'http://www.hitcars.net/direct.php',''); CSAct[/*CMP*/ '198860BE9'] = new Array(CSGotoLink,/*URL*/ 'http://www.hitcars.net/ship.html',''); CSAct[/*CMP*/ '1989089710'] = new Array(CSGotoLink,/*URL*/ 'mailto:info@hitcars.net',''); </script> </csactiondict> <csactions><csaction name="1536CA1A1" class="Set Image URL" type="onevent" val0="center" val1="..\..\Cellular\Pics\20070127030227802.jpg" urlparams="2"></csaction><csaction name="1536CA1A2" class="Set Image URL" type="onevent" val0="center" val1="..\..\Cellular\Pics\20070127030227183.jpg" urlparams="2"></csaction><csaction name="1536CA1A3" class="Set Image URL" type="onevent" val0="center" val1="..\..\Cellular\Pics\20070127030227544.jpg" urlparams="2"></csaction><csaction name="1536CA1A4" class="Set Image URL" type="onevent" val0="center" val1="..\..\Cellular\Pics\20070127030227739.jpg" urlparams="2"></csaction><csaction name="1536CA1A5" class="Set Image URL" type="onevent" val0="center" val1="..\..\Cellular\Pics\20070127030227353.jpg" urlparams="2"></csaction><csaction name="1536CA1A6" class="Set Image URL" type="onevent" val0="center" val1="..\..\Cellular\Pics\20070127030227213.jpg" urlparams="2"></csaction> <csaction name="19868A976" class="Goto Link" type="onevent" val0="http://www.hitcars.com/" val1="" urlparams="1"></csaction> <csaction name="1987D70C8" class="Goto Link" type="onevent" val0="http://www.hitcars.net/direct.php" val1="" urlparams="1"></csaction> <csaction name="198860BE9" class="Goto Link" type="onevent" val0="http://www.hitcars.net/ship.html" val1="" urlparams="1"></csaction> <csaction name="1989089710" class="Goto Link" type="onevent" val0="mailto:info@hitcars.net" val1="" urlparams="1"></csaction> </csactions> --> <script language="JAVASCRIPT" type="TEXT/JAVASCRIPT"><!-- function validEmail(email) { invalidChars = " /:,;" if (email == "") { return false } for (i=0; i<invalidChars.length; i++) { badChar = invalidChars.charAt(i) if (email.indexOf(badChar,0) > -1) { return false } } atPos = email.indexOf("@",1) if (atPos == -1) { return false } if (email.indexOf("@",atPos+1) > -1) { return false } periodPos = email.indexOf(".",atPos) if (periodPos == -1) { return false } if (periodPos+3 > email.length) { return false } return true } function submitIt(form) { if (!validEmail(form.Email.value)) { alert("Invalid email address") form.Email.focus() form.Email.select() return false } return true } // --> </script> </head> <body bgcolor="#cccccc"> <div align="center"> <table width="800" border="3" cellspacing="0" cellpadding="0" BORDERCOLOR="BLACK"> <tr> <td bgcolor="white"> <div align="center"> <table width="740" border="0" cellspacing="0" cellpadding="0"> </table> <table width="740" border="0" cellspacing="7" cellpadding="0"> <tr> <td rowspan="3"><img name="center" src="../../Cellular/Pics/20070127030227179.jpg" border="0" width="400"></td> <td><a onmouseover="CSAction(new Array(/*CMP*/'1536CA1A1'));return true;" href="#" csover="1536CA1A1"> <img src="..\..\Cellular\Pics\20070127030227802.jpg" height="112" width="150" border="0"> </a> </td> <td> <a onmouseover="CSAction(new Array(/*CMP*/'1536CA1A2'));return true;" href="#" csover="1536CA1A2"><img src="..\..\Cellular\Pics\20070127030227183.jpg" height="112" width="150" border="0"></a> </td> </tr> <tr> <td> <a onmouseover="CSAction(new Array(/*CMP*/'1536CA1A3'));return true;" href="#" csover="1536CA1A3"> <img src="..\..\Cellular\Pics\20070127030227544.jpg" height="112" width="150" border="0"></a> </td> <td><a onmouseover="CSAction(new Array(/*CMP*/'1536CA1A4'));return true;" href="#" csover="1536CA1A4"> <img src="..\..\Cellular\Pics\20070127030227739.jpg" height="112" width="150" border="0"></a> </td> </tr> <tr> <td> <a onmouseover="CSAction(new Array(/*CMP*/'1536CA1A5'));return true;" href="#" csover="1536CA1A5"> <img src="..\..\Cellular\Pics\20070127030227353.jpg" height="112" width="150" border="0"></a> </td> <td> <a onmouseover="CSAction(new Array(/*CMP*/'1536CA1A6'));return true;" href="#" csover="1536CA1A6"> <img src="..\..\Cellular\Pics\20070127030227213.jpg" height="112" width="150" border="0"></a> </td> </tr> </table> </body> </html> Code (markup):