Thumbnail Viewer Javascript Runtime Error?
Hello everyone,
I am building my wife's website using FP 2003 and tried to put a great piece of javascript code I found at this site and used before with no problems, but now it is giving me problems. The java code I am speaking of is at this link
http://www.dynamicdrive.com/dynamicindex4/thumbnail.htm
I am not a newbie when it comes to website building and did exactly as the installation instructions said, which is the same as I did the first time I installed it on another website. But when I click "Preview" it gives me a "Runtime Error Line 1: Invalid character". When I "preview in browser" (IE 7) it opens the picture in another page which is not how the javascript is supposed to act. I checked the code, its placement, and even compared the code to the other page's code that worked and I am still at a loss. I also checked the page options in FP 2003 and javascript is checkedmarked Why is this error preventing me from incorporating this simple code into my website?
The code from the beginning of the page to the href that calls the java code to open the thumbnail below:
Confused Developer,Code:<html> <head> <link rel="stylesheet" href="thumbnailviewer.css" type="text/css" /> <script src="thumbnailviewer.js" type="text/javascript"> /*********************************************** * Image Thumbnail Viewer Script- © Dynamic Drive (www.dynamicdrive.com) * This notice must stay intact for legal use. * Visit http://www.dynamicdrive.com/ for full source code ***********************************************/ </script> </head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>New Page 1</title> <body> <div align="center"> <table border="1" width="929" id="table1" style="border-collapse: collapse"> <tr> <td bgcolor="#F7AABB"> <p align="center"> </td> <td bgcolor="#F7AABB" align="center"><font face="Papyrus">Home</font></td> <td bgcolor="#F7AABB" align="center"><font face="Papyrus">About Us</font></td> <td bgcolor="#F7AABB" align="center"><font face="Papyrus">Policies</font></td> <td bgcolor="#F7AABB" align="center"><font face="Papyrus">Shipping</font></td> <td bgcolor="#F7AABB" align="center"><font face="Papyrus">Mailing List</font></td> <td bgcolor="#F7AABB" align="center"><font face="Papyrus">Links</font></td> </tr> <tr> <td width="35%" bgcolor="#F7AABB" valign="top" rowspan="3"></p> <p align="center">Our Products</p> <p align="center"><span lang="en-us">Page1<br> Page2<br> Page3<br> Page4<br> Page5<br> Page6<br> Page7<br> Page8<br> Page9<br> Page10</span></td></p> <td width="22%" colspan="2" align="center" valign="top"> <a rel="thumbnail" href="images/beaniehat1.jpg"> <img src="images/beaniehat1.jpg" width="160" height="123" /></a><p>
JM
CSS Codes
Reply With Quote
. Its just one more step that I have grown out of that apparently I am going to have to make more standard in my website development. Previewing in FP was just an easy button click and has worked for the most part. Thanks again for the time taken out to review the code and suggestions. I hope I can return the favor and help in some way.
Bookmarks