Back to General and Gameplay Programming

[web] quickie, javascript and xhtml

General and Gameplay Programming Programming

Started by walkingcarcass February 11, 2005 10:25 AM

8 comments, last by kanzler 19 years, 2 months ago

walkingcarcass

116

Author

February 11, 2005 10:25 AM

  <script type="text/&#106avascript">
  // <![CDATA[
    function initpage() {
      document.forms[0][0].focus();
    }
  // ]]>
  </script>

My xhtml validates as strict. I'm using <body onload="&#106avascript:initpage()">, nothing happens In fact, anything with onX="&#106avascript:initpage()" doesn't work, although &#106avascript:alert('abc') will If I rename the file to .html, it works! Yes, I know I can put onX="document.forms[0][0].focus()" directly, but that isn't the point. I'm using Firefox Thanks already

spraff.net: don't laugh, I'm still just starting...

benryves

2,001

February 11, 2005 10:29 AM

Use

<body onload="initpage()">

EDIT: I see that's not the problem here. Sorry.
Tried the web dev forum?

[Website] [+++ Divide By Cucumber Error. Please Reinstall Universe And Reboot +++]

kanzler

358

February 11, 2005 10:30 AM

You can't have multi-dimensional forms on a HTML page. Try this:

  <script type="text/&#106avascript">  // <![CDATA[    function initpage() {      document.forms[0].elements[0].focus();    }  // ]]>  </script>

EDIT: &#106avascript does not even support multi-dimensional arrays.

MagicScript

290

February 11, 2005 10:33 AM

I would recomend against putting &#106avascript inside html files. Instead, put it in a .js file and include that. To get your initialize event, do

window.onload = initialize;function initialize(){  //Stuff}

I recomend Quirksmode for all &#106avascript and CSS stuff.

walkingcarcass

116

Author

February 11, 2005 10:34 AM

Neither of those things help. Thanks anyway

spraff.net: don't laugh, I'm still just starting...

kanzler

358

February 11, 2005 10:37 AM

Try giving your form and element an id tag and reference them like document.forms['form_id'].elements['element_id'].

walkingcarcass

116

Author

February 11, 2005 10:39 AM

the document.forms[0].elements[0] works if the statement is put directly into the onload

I tried (in the script)

function go() { alert('x'); }

and in the page

<button onmouseover="&#106avascript:go()" />

and that won't do anything, but if I change it to &#106avascript:alert directly, it does work.

spraff.net: don't laugh, I'm still just starting...

kanzler

358

February 11, 2005 10:49 AM

First of all, you can leave out the &#106avascript: protocol for onX handlers because those are targeted specifically at &#106avascript. Secondly, do you have a link to the complete page?

walkingcarcass

116

Author

February 11, 2005 11:00 AM

<!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" xml:lang="en" lang="en"><head>  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />  <link rel="stylesheet" href="style.css" />  <title>Testing</title>    <script type="text/&#106avascript">  // <![CDATA[    var agent = navigator.userAgent.toLowercase();    var is_ie = ((agent.indexof("msie")!=-1) && (agent.indexof("opera")==-1));        function initpage() {      document.forms[0].elements[0].focus();      alert(agent);    }  // ]]>  </script></head><body onload="&#106avascript:initpage()"&gt;<br><br>&lt;div id="oldfix"&gt;<br>&lt;div id="central"&gt;<br>&lt;form id="sendmessage" action="listen.pl" method="get"&gt;<p><br>  &lt;textarea name="message"  rows="20" cols="40"&gt;&lt;/textarea&gt;<br>  &lt;br /&gt;<br>  &lt;input type="submit" value="Send"/&gt;<br></p>&lt;/form&gt;<br></div><br></div><br><br>&lt;/body&gt;<br>&lt;/html&gt;</pre>

spraff.net: don't laugh, I'm still just starting...

kanzler

358

February 11, 2005 01:08 PM

&#106avascript is case-sensitive and there was a problem with toLowerCase() and indexOf() in your code. Because of those errors your function did not run. I suggest you use Firefox for &#106avascript development, it has an excellent &#106avascript debugger. The code below works in IE and Mozilla. <div class="source"><pre> <!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" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-[[[[[8]]]]]" /> <link rel="stylesheet" href="style.css" /> <title>Testing</title> <script type="text/javascript"> // <![CDATA[ var agent = navigator.userAgent.toLowerCase(); var is_ie = ((agent.indexOf("msie")!=-[[[[[1]]]]]) && (agent.indexOf("opera")==-[[[[[1]]]]])); function initpage() { document.forms[[[[[[0]]]]]].elements[[[[[[0]]]]]].focus(); alert(agent); } // ]]> </script> </head> <body onload="javascript:initpage()"> <form id="sendmessage" action="listen.pl" method="get"> <textarea name="message" rows="[[[[[20]]]]]" cols="[[[[[40]]]]]"></textarea> <input type="submit" value="Send"/> </form> </body> </html> </pre></div>

[web] quickie, javascript and xhtml

This topic is closed to new replies.

Popular Topics

Recommended Tutorials

[web] quickie, javascript and xhtml

This topic is closed to new replies.

Popular Topics

Recommended Tutorials

Reticulating splines