JavaScript




Javascript demos


Demo HTML Javascript
Javascript demo HTML (inline)
Javascript menu demo HTML

<a href="url"
 onmouseover="document.thebutton.src='on.png'" 
  onmouseout="document.thebutton.src='off.png'"
><img name="thebutton" src="off.png"></a>
(inline)

Javascript page change demo HTML

<input name=thefield  onBlur=recalculate()  > 

<p id="thetotal">0.00</p>
(inline)

function recalculate() 
{
 var x = document.theform.thefield.value;
...
 thetotal.innerHTML = total;
}
Javascript syntax highlighting HTML JS



Other things you can do with Javascript



Ajax



Javascript Ajax demos


Demo HTML Javascript
Javascript Ajax demo HTML JS
Javascript Ajax demo - calling a script HTML

 <img   src="button.png" 
 id="thebutton"  name="thebutton"  > 
JS

document.getElementById("thebutton").onclick = runScript;

// runScript constructs URL, then:
		xhr = new XMLHttpRequest();
		xhr.onreadystatechange = showContents;
		xhr.open("GET", url, true);
		xhr.send(null);

// when xhr returns:
// showContents checks return code
// and writes xhr.responseText into defined box
Javascript Ajax - Parsing XML on the client side HTML JS

// xhr = XMLHttpRequest();
// when xhr returns:

parseit ( xhr.responseXML );

// or:

xml = (new DOMParser()).parseFromString( xhr.responseText, "text/xml" );
parseit ( xml );	


function parseit ( xml )
{
 items = xml.getElementsByTagName("item");	
 for ( var i=0; i < items.length; i++ )		
 {
  subitem = items[i].getElementsByTagName("subitem");

  s = subitem[0].text;			 
  // or:
  s = subitem[0].textContent;		 
 }	
}