jcb9119 Posted March 29, 2011 Share Posted March 29, 2011 My validation errors seem to originate with a javascript function named openWin which executes document.write() statements to build a page when the user clicks on an item. Everything on this page executes successfully from the user point of view. Yet I want to rid this page of its validation errors – or at least greatly reduce the number of errors. Note: The page that is dynamically created by openWin also executes successfully and results in clean XHTML markup. I need some guidance please.Please let me know if I can supply additional information or examples. Thank You! <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Orion | Open Reed </title><link rel="stylesheet" href="css/common.css" type="text/css" /><link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-base.css" /><link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-topbar.css" /><link rel="stylesheet" type="text/css" href="ddlevelsfiles/ddlevelsmenu-sidebar.css" /><script type="text/javascript" src="ddlevelsfiles/ddlevelsmenu.js"> </script><script type="text/javascript">function openWin(photoIsLoading){myWindow=window.open('','',photoIsLoading + ',scrollbars=yes,width=700,height=700');var docTypevar = "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Transitional//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd\">";myWindow.document.write(docTypevar); var htmlVar = '<html xmlns="http://www.w3.org/1999/xhtml">';myWindow.document.write(htmlVar);myWindow.document.write("<head>");myWindow.document.write("<title>" + photoIsLoading + "</title>");myWindow.document.write("</head>");myWindow.document.write("<body>");myWindow.document.write("<img border='1' src='siteimages/images/" + photoIsLoading + ".jpg' width='450' alt='photo unavailable' />");myWindow.document.write("</body></html>");myWindow.focus();}</script></head><body> <div id="screen_container"> <div id="header_left"> </div> <div id="header_middle"> <br /> <span id="header_text_company_name"> Orion Game Calls</span><span class="header_text_smaller">, LLC.</span> <br /> <p> <span class="header_text_smaller">Custom made by xxxx xxxxxx xxx-xxx-xxxx </span> <a href="http://www.orioncalls.com/contact_me.php"> <img src="siteimages/dgggmy.jpg" alt="not there" title="click here to Contact Me" style="float:center;" /></a> </p> </div> <div id="header_right"> </div> <div id="nav_container"> <div id="ddtopmenubar" class="mattblackmenu"> <ul><li><a href="index.php">Orion Home</a></li><li><a href="#" rel="ddsubmenu1">Predator Calls</a></li><li><a href="#" rel="ddsubmenu2">Contest & Club Calls</a></li><li><a href="#" rel="ddsubmenu3" >Other Calls & Products</a></li><li><a href="#" rel="ddsubmenu4" >Testimonials & Pics</a></li><li><a href="contact_me.php">Contact Me</a></li></ul><!-- </div> --><script type="text/javascript">ddlevelsmenu.setup("ddtopmenubar", "topbar") //ddlevelsmenu.setup("mainmenuid", "topbar|sidebar")</script><!--Top Drop Down Menu 1 HTML--><ul id="ddsubmenu1" class="ddsubmenustyle"><li><a href="open_reed.php">Open Reed</a></li><li><a href="closed_reed.php">Closed Reed</a></li></ul><!--Top Drop Down Menu 2 HTML--><ul id="ddsubmenu2" class="ddsubmenustyle"><li><a href="contest_calls.php">Contest Calls</a></li><li><a href="club_calls.php">Club Calls</a></li></ul><!--Top Drop Down Menu 3 HTML--><ul id="ddsubmenu3" class="ddsubmenustyle"><li><a href="duck_calls.php">Duck Calls</a></li><li><a href="other_calls.php">Other Calls</a></li><li><a href="t_shirts.php">T-Shirts</a></li></ul><!--Top Drop Down Menu 4 HTML--><ul id="ddsubmenu4" class="ddsubmenustyle"><li><a href="testimonials.php">Testimonials</a></li><li><a href="pictures.php">Pictures</a></li></ul> </div> <!-- closing div --> <div id="main_area"> <h2> Predator - Open Reed Calls</h2> <h5> Test Description Here </h5> <h3>Click On a Picture below to Enlarge.</h3> <img src="siteimages/thumbnails/pred_open_reed_0001.small.jpg" class="cursor_pointer_on" href="#" onclick="openWin('pred_open_reed_0001')" title="pred_open_reed_0001" alt="Product Picture" /> <img src="siteimages/thumbnails/pred_open_reed_0002.small.jpg" class="cursor_pointer_on" href="#" onclick="openWin('pred_open_reed_0002')" title="pred_open_reed_0002" alt="Product Picture" /> <img src="siteimages/thumbnails/pred_open_reed_0003.small.jpg" class="cursor_pointer_on" href="#" onclick="openWin('pred_open_reed_0003')" title="pred_open_reed_0003" alt="Product Picture" /> <img src="siteimages/thumbnails/pred_open_reed_0003.small.jpg" class="cursor_pointer_on" href="#" onclick="openWin('pred_open_reed_0003')" title="pred_open_reed_0003" alt="Product Picture" /> <img src="siteimages/thumbnails/pred_open_reed_0004.small.jpg" class="cursor_pointer_on" href="#" onclick="openWin('pred_open_reed_0004')" title="pred_open_reed_0004" alt="Product Picture" /> <img src="siteimages/thumbnails/pred_open_reed_0005.small.jpg" class="cursor_pointer_on" href="#" onclick="openWin('pred_open_reed_0005')" title="pred_open_reed_0005" alt="Product Picture" /> <img src="siteimages/thumbnails/pred_open_reed_0006.small.jpg" class="cursor_pointer_on" href="#" onclick="openWin('pred_open_reed_0006')" title="pred_open_reed_0006" alt="Product Picture" /> <img src="siteimages/thumbnails/pred_open_reed_0007.small.jpg" class="cursor_pointer_on" href="#" onclick="openWin('pred_open_reed_0007')" title="pred_open_reed_0007" alt="Product Picture" /> </div> <!-- closing div of the main area --> <div id="footer"> <span id="footer_text">Site Developed By:</span> <a href="mailto:xxxxxxx@gmail.com?Subject=Question%20for%20xxx%20xxxxx%20of%20jb%20Dynamic%20Websites"> <img src="siteimages/jbDynamic.jpg" alt="not there" title="click here to Contact Joe Boman" style="float:center;" /></a> </div> </div> <!-- closing div of nav_container --> </div> <!--closing div tag of the "screen_container" --></body></html> Link to comment Share on other sites More sharing options...
thescientist Posted March 29, 2011 Share Posted March 29, 2011 you can put cdata comments around your javascript code.http://www.w3schools.com/xml/xml_cdata.asp Link to comment Share on other sites More sharing options...
jeffman Posted March 29, 2011 Share Posted March 29, 2011 When the validator sees HTML code in your script, it thinks it is for the current document. You should wrap the contents of your script in CDATA tags: http://www.w3schools.com/xml/xml_cdata.aspEDIT. Dude! Your name wasn't even on the bottom of my window! Link to comment Share on other sites More sharing options...
jcb9119 Posted March 30, 2011 Author Share Posted March 30, 2011 That reduced the number of validation errors to one.When I uncomment the cdata code (below), the interface stops functioning. The one validation error I am getting is Line 104 Column 99 “there is no attribute “href” "1. …l.jpg" class="cursor_pointer_on" href="#" onclick="openWin('pred_open_reed_000…I am using href=”#” within an img src tag in conjunction with cursor:pointer CSS to highlight the link. Is href=”#” the culprit here?Please adviseAs always, Thank You very much Link to comment Share on other sites More sharing options...
thescientist Posted March 30, 2011 Share Posted March 30, 2011 yes, because images don't have href attributes, links (anchor tags) do. Why not just give the image a class that will style it the way you want, either with the class you are already using, or by giving it a second class to make it look like the way you want in conjunction with the one you are using. Link to comment Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.