Jump to content

Validation Errors


jcb9119
 Share

Recommended Posts

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

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!

Edited by Deirdre's Dad
Link to comment
Share on other sites

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

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...