Help Validating XHTML this Javascript Form

**Markxxx** · 04-12-2008, 03:34 AM

I got this Javascript form for a combo box, it works fine but I like to have my stuff validate for XHTML 1.0 strict

Here is the link to the script

http://javascriptkit.com/script/cut185.shtml

Works great, as usual I stuck a link to the javacript into the webpage so I didn't have to worry about most of the javascript so I was left with this

<form name="jumpy">
<p><select name="example" size="1" onChange="gone()">
<option value="http://www.cnet.com">Cnet</option>
<option value="http://www.cnn.com">CNN</option>
<option value="http://www.geocities.com">Geocities</option>
</select>

<input type="button" name="test" value="Go!"
onClick="gone()">
</p>
</form>

I know you have to us lowercase for the XHTML to validate, how would you arrange this to validate? The name tag is depreciated but I was told to use ID but I'm not using this right cause it doesn't work

I'd appreciate any help

THanks

**coothead** · 04-12-2008, 10:44 AM

Hi there Markxxx,

try it like this...

Code:


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script type="text/javascript">
//<![CDATA[
   var df;
window.onload=function() {
   df=document.forms[0];
df[0].onchange=function(){
   gone(this.value);
 }
df[1].onclick=function(){
   gone(df[0].options[df[0].selectedIndex].value);
  }
 }
function gone(url){
   location.href=url;
 }
//]]>
</script>

</head>
<body>

<form action="#">
<div>
<select>
 <option value="http://www.cnet.com">Cnet</option>
 <option value="http://www.cnn.com">CNN</option>
 <option value="http://www.geocities.com">Geocities</option>
</select>
 <input type="button" value="Go!"/>
</div>
</form>

</body>
</html>

coothead

**Markxxx** · 04-13-2008, 05:26 AM

Thanks the script does work and validates fine, one question, I only want the onclick, I don't want the onchange.

I have my javascript book here, but no matter what I do, even when I remove the whole thing it keeps going to the site as soon as I touch the drop down box.

LOL

It shouldn't be this hard but I am not getting something. Thanks for the help

mark

**coothead** · 04-13-2008, 08:23 AM

Hi there Markxxx,

I did not know whether you required the onchange or the onclick handler, so I allowed for both options in the coding.

Simply remove the highlighted snippet from the script...

Code:


<script type="text/javascript">
//<![CDATA[
   var df;
window.onload=function() {
   df=document.forms[0];
df[0].onchange=function(){
   gone(this.value);
 }
df[1].onclick=function(){
   gone(df[0].options[df[0].selectedIndex].value);
  }
 }
function gone(url){
   location.href=url;
 }
//]]>
</script>

...to remove the onchange handler.

coothead

**Markxxx** · 04-14-2008, 09:30 PM

Thank you I swear I did that before and it didn't work...LOL

Maybe the page was cached or something. Oh well it works great now.

Thanks for helping me I appreciate it

**coothead** · 04-14-2008, 09:49 PM

No problem, you're welcome.

Thread: Help Validating XHTML this Javascript Form

Thread Tools

Search Thread

Help Validating XHTML this Javascript Form

Bookmarks

Bookmarks

Posting Permissions