Solved

JavaScript tag not validating

Posted on 2009-04-14
7
355 Views
Last Modified: 2012-08-14
I had to add some code supplied by an ad network company and the code they gave me took my page from zero validation errors to over 30 validation errors. Looking at it the w3c validator wants to see amphersands in their HTML version however the code will not work if I do that which must be from the sever end.

However, when look at the code I see no reason why the validator should require the HTML version. Can anyone out there shed some light on this? The only other supposition I came up with is that perhaps query parameters are simply not legal where they are using them but my gut tells me this is an oversight of the validator and it should be fixed.

Does anyone know for sure what the reality of the situation is?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "//www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html....>
	<head>
		<title>Something</title>
	</head>
	<body....>
		....
		<script language="javascript" src="http://media.fastclick.net/w/get.media?sid=12345&m=6&tp=8&d=j&t=n"></script>
		<noscript>
			<a href="http://media.fastclick.net/w/click.here?sid=12345&m=6&c=1" target="_blank">
				<img src="http://media.fastclick.net/w/get.media?sid=12345&m=6&tp=8&d=s&c=1" width=300 height=250 border=1>
			</a>
		</noscript>
		....
	</body>
</html>

Open in new window

0
Comment
Question by:RegProctor
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
7 Comments
 
LVL 3

Expert Comment

by:QualitySoftwareDevelopment
ID: 24145366
Is it not just a question of which HTML version you set wether it works or not?
0
 
LVL 21

Expert Comment

by:naspinski
ID: 24145395
You are validating to XHTML 1.0 Strict, which, as it implies is very strict.  Any reason you choose to validate to this level?  Your website will be evaluated with the guidelines for ehichever version of html you tell it to validate to, you are picking one of the highest levels, so it will require more to get it to validate.
0
 
LVL 42

Accepted Solution

by:
David S. earned 500 total points
ID: 24145765
The protocol is missing from the URL in the doctype?

Anyway the other errors are because that code is not even valid HTML 4.01 Transitional.

Each of the "&" needs to be changed to "&amp;"

language="javascript"  should be type="text/javascript"

Quotes are required for the values of attributes.

The <img> tag is unclosed.

CSS should be used instead of the border attribute.

The <a> element should be in a <p> or <div>.
                <script type="text/javascript" src="http://media.fastclick.net/w/get.media?sid=12345&amp;m=6&amp;tp=8&amp;d=j&amp;t=n"></script>
                <noscript>
                        <p><a href="http://media.fastclick.net/w/click.here?sid=12345&amp;m=6&amp;c=1" target="_blank">
                                <img src="http://media.fastclick.net/w/get.media?sid=12345&amp;m=6&amp;tp=8&amp;d=s&amp;c=1" width="300" height="250" />
                        </a></p>
                </noscript>

Open in new window

0
What Is Transaction Monitoring and who needs it?

Synthetic Transaction Monitoring that you need for the day to day, which ensures your business website keeps running optimally, and that there is no downtime to impact your customer experience.

 
LVL 1

Author Comment

by:RegProctor
ID: 24173104
Hello naspinski, yes, I always code in the highest level of strictness. I am a programmer and I am used to well formed coding.

You made a lot of points Kravimer, I'll go through them as best I can:

By dropping the http in the doc type it can be used for both http & https. You will have to be okay with a warning from the validator but it's a useful trick if you don't want browsers throwing errors because you have the wrong protocol in the doc type.

If you read the question, I was asking if <code>&amp;</code> was needed in the JavaScript tag because the browser was not translating that to a <code>&</code> so of course the code is going to show them as just ampersands.

Language, img etc. Oops! I copied the wrong code over. This was their original code, not the code changed for strict specs. - sorry.

In any case you helped me look at this again and I found an error before the JavaScript tag and that I guess was throwing off the browser from translating the <code>&amp;</code> since once I fixed the preceding error it validated just fine and their server picked it up the query string just fine.
0
 
LVL 1

Author Closing Comment

by:RegProctor
ID: 31570284
Not the exact answer but it was one of those times when you just need someone else to help you see things clearly, thanks.
0
 
LVL 42

Expert Comment

by:David S.
ID: 24173227
Which browsers have given you a security warning because of the URL in a doctype?
0
 
LVL 1

Author Comment

by:RegProctor
ID: 24174191
It was a long time ago that I solved that problem and I don't really remember much more than the problem in general. Sorry, I just don't have that detail in my mind anymore.
0

Featured Post

SharePoint Admin?

Enable Your Employees To Focus On The Core With Intuitive Onscreen Guidance That is With You At The Moment of Need.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

724 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question