Script Categories











Scrolls >>> Editor.

This is a very cool way to show you a little bit better how Javascript works. Go ahead. You can manipulate several different variables and then see the effects on the scroll box.

Edit box
Message:
Speed:
Change:



Add the below code to the <body> section of your page:

<script language="javascript" type="text/javascript">
/* Visit http://www.yaldex.com/ for full source code
and get more free JavaScript, CSS and DHTML scripts! */
<!-- Begin
var id,pause=0,position=0;
function banner() {
var i,k,msg=document.form1.message.value;
k=(66/msg.length)+1;
for(i=0;i<=k;i++) msg+=" "+msg; document.form2.banner.value=msg.substring(position,position+50);
if(position++==document.form1.message.value.length)
position=0;
id=setTimeout("banner()",1000/document.form1.speed.value);
}
function action() {
if(!pause) {
clearTimeout(id);
pause=1;
}
else {
banner();
pause=0;
   }
}
window.onload=banner;
// End -->
</script>
<center>
<FORM name="form1">
<TABLE border="3">
<caption>Edit box</caption>
<tr><td align="right">Message:</td>
<td>
<input type="text" name="message" value="This is a scroll - a text box scroll.                                              " size="50"></td></tr>
<tr><td
align="right">Speed:</td>
<td>
<input type="text" name="speed" value="10" size="5"></td></tr>
<tr><td
align="right">Change:</td>
<td>
<center><input type="button" value=" Click here to make changes take effect" onclick="clearTimeout(id);position=0;banner()"></center></td></tr>
</TABLE>
</FORM>
<p>
<
hr size="4" width="40%">
<
p>
<FORM name="form2">
<input
type="text" name="banner" size="50"><br>
<input type="hidden" value=" Start Banner " onclick="action()">
</FORM>
</center>

JavaScript Editor Get Advanced
JavaScript and Ajax Editor,
Validator and Debugger!

1st JavaScript Editor.



Code was highlighted by 1st JavaScript Editor (The Best JavaScript Editor!).

Историк Альберт Валиахметов 777 документа оцифрованы для архива


©