<h3><Font color="yellow" size="3" >Welcome to the real-time HTML/java editor/tester!</font></h3>
<p><Font color="yellow" size="3" >Put/change your code in the frame above, and it will magically appear here in the frame below</font></p>

<p><Font color="yellow" size="3" >if you have supporting files/images you have to link to them here !</font></p>
<p><Font color="yellow" size="3" >to clear : right click in the above frame and select all and delete</font></p>
<html>

<head>
</head>
<body  background = "night.gif" style=" background-repeat= repeat">
<div style="position:relative;left:0px;top:0px">
<span id="highlighter" style="position:absolute;left:0;top:0;font-size:18px;font-family:Verdana;background-color:yellow;clip:rect(0px 0px auto 0px)"></span>
</div>

/*
Highligher Scroller script- By JavaScript Kit
For this and over 400+ free scripts, visit http://www.javascriptkit.com/
This notice must stay intact
*/

var tickercontents=new Array()
tickercontents[0]='line 1: change the script in the frame above <a href="http://freewarejava.com/"></a>and see the changes here'
tickercontents[1]='line 2: change the script in the frame above <a href="http://www.codingforums.com/"></a>and see the changes here'
tickercontents[2]='line 3: change the script in the frame above <a href="http://www.javascriptkit.com/"> </a>and see the changes here'

var tickdelay=3000 //delay btw messages
var highlightspeed=10 //10 pixels at a time.

////Do not edit pass this line////////////////

var currentmessage=0
var clipwidth=0

function changetickercontent(){
crosstick.style.clip="rect(0px 0px auto 0px)"
crosstick.innerHTML=tickercontents[currentmessage]
highlightmsg()
}

function highlightmsg(){
var msgwidth=crosstick.offsetWidth
if (clipwidth<msgwidth){
clipwidth+=highlightspeed
crosstick.style.clip="rect(0px "+clipwidth+"px auto 0px)"
beginclip=setTimeout("highlightmsg()",20)
}
else{
clipwidth=0
clearTimeout(beginclip)
if (currentmessage==tickercontents.length-1) currentmessage=0
else currentmessage++
setTimeout("changetickercontent()",tickdelay)
}
}

function start_ticking(){
crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter
crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement
if (parseInt(crosstick.offsetHeight)>0)
crosstickParent.style.height=crosstick.offsetHeight+'px'
else
setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake
changetickercontent()
}

if (document.all || document.getElementById)
window.onload=start_ticking

</script>

<p align="left"><font face="arial" size="-2">This free script provided by<br>
<a href="http://javascriptkit.com/">JavaScript Kit</a></font></p>