Ako vidφte je to jednoduchΘ, cel· obsluhu scrollera obsluhuje funkcia startScroller(). Scroller aktivujeme pomocou nasledovnΘho form-u.
Nesmieme vÜak zabudn·¥ aktivova¥ funciu v tagu BODY: <body onLoad="startScroller();">
<form name="scrollForm">
<!--Na tomto mieste je mo₧nΘ upravi¥ ve╛kos¥ formulßrovΘho
riadku - text boxu. -->
<input type="text" name="scrolling_message" value="" size="32">
</form>
V²sledok nßÜho sna₧enia si m⌠₧ete pozrie¥ tu.
╧alÜφ prφklad sa bude taktie₧ venova¥ scrolovacieho textu, ale troÜku inΘho charakteru. A sφce scrolovacφ text sa bude nachßdza¥ v status bare (v spodnej liÜte prehliadaΦa).
Tak sa na to teda mrknime:
<script language="JavaScript">
<!--
// Tu zmenφme text
var statBarMsg = "Tento text scroluje v status bare ..... " +
"Bude sa v₧dy opakova¥ a obnovova¥ po naΦφtanφ
strßnky ....." +
"jasnΘ ? " ;
function startStatusScroller()
{
window.status = statBarMsg;
statBarMsg = statBarMsg.substring(1, statBarMsg.length)
+ statBarMsg.substring(0, 1)
setTimeout("startStatusScroller()", 150)
}
//-->
</SCRIPT>
Nesmieme zabudn·¥ opΣ¥ na uvedenie funkcie startStatusScroller() do tela html dokumentu, teda do tagu BODY:
<body onLoad="startStatusScroller();">
V²sledok nßÜho sna₧enia si m⌠₧ete pozrie¥ tu.
A do tretice si takti₧ ukß₧eme pekn² "poskakuj·ci text" v status bare. Nie som prφlφ₧ zßstanca r⌠znych vyΦaΦkan²ch a nevkusne preplnen²ch strßnok. Hlavnß zßsada je preh╛adnos¥. S· vÜak strßnky, naprφklad spravodajskΘ, kde sa pou₧itie scrolovacieho textu priam ₧iada. Je to v podstate na Vßs. Ale po∩me k nßÜmu prφkladu.
Hne∩ na ·vod si pozrime v²sledok nßÜho scriptu aby sme vedeli "vo co go ?".
Tak Φo, peknΘ nie ?
<script language="JavaScript">
<!--
// Tu zme≥te text.
var startMsg = "[ D E V E L O P E R . S K ] ";
var str = "";
var msg = "";
var leftMsg = "";
function setMessage()
{
if (msg == "")
{
str = " ";
msg = startMsg;
leftMsg = "";
}
if (str.length == 1)
{
while (msg.substring(0, 1) == " ")
{
leftMsg = leftMsg + str;
str = msg.substring(0, 1);
msg = msg.substring(1, msg.length);
}
leftMsg = leftMsg + str;
str = msg.substring(0, 1);
msg = msg.substring(1, msg.length);
for (var ii = 0; ii < 120; ii++)
{
str = " " + str;
}
}
else
str = str.substring(10, str.length);
window.status = leftMsg + str;
// T·to hodnotu zme≥te po∩╛a VaÜich po₧iadaviek
// pre ilustrßciu (1000 = 1 sekunda)
timeout = window.setTimeout('setMessage()',100);
}
// -->
</script>
Do sekcie body tradiΦne doplnφme :onload="timeout = window.setTimeout('setMessage()',500);" .
To by bolo asi vÜetko z mojej strany.
Homepage
