ecco qui dalla newsletter:
codice:
<DIV ID=ejs_box2_box STYLE="background:#FFFFFF;color:#000000;font-family:Verdana;font-size:10;border-style:dashed;border-width:1;border-color:#006699;width:200;height:90;padding:5">
</DIV>
<SCRIPT LANGUAGE=JavaScript>
ejs_box2_message = new Array;
ejs_box2_message[0] = 'Altnet: KaZaA strizza l’occhio alle major
[img]img/focus203.gif[/img]';
ejs_box2_message[1] = 'Napster verso la bancarotta?
[img]img/focus202.gif[/img]';
ejs_box2_message[2] = 'E-commerce: l\'Europa tassa gli USA
[img]img/focus203.gif[/img]';
ejs_box2_actual = 0;
ejs_box2_html_flag = 0;
function ejs_box2_go()
{
if(document.getElementById)
{
ejs_box2_char = 1;
ejs_box2_affich(ejs_box2_actual)
ejs_box2_actual++;
if(ejs_box2_actual >= ejs_box2_message.length)
ejs_box2_actual = 0;
}
}
function ejs_box2_affich(lactual)
{
var pix = ejs_box2_message[lactual].charAt(ejs_box2_char);
if(pix == "<")
ejs_box2_html_flag = 1;
if(pix == ">")
ejs_box2_html_flag = 0;
var texte = ejs_box2_message[lactual].substring(0,ejs_box2_char);
document.getElementById("ejs_box2_box").innerHTML = texte;
if(ejs_box2_char < ejs_box2_message[lactual].length)
{
ejs_box2_char++;
if(ejs_box2_html_flag == 1)
ejs_box2_affich(lactual);
else
setTimeout("ejs_box2_affich("+lactual+")",50)
}
else
setTimeout("ejs_box2_go()",2000)
}
window.onload = ejs_box2_go;
</SCRIPT>
-------------------------------------------
Analizziamo i punti da personalizzare.
<DIV ID=ejs_box2_box STYLE="background:#FFFFFF;color:#000000;font-family:Verdana;font-size:10;border-style:dashed;border-width:1;border-color:#006699;width:200;height:90;padding:5">
</DIV>
Il livello qui sopra è il "contenitore" delle news. Attraverso i fogli di stile dobbiamo impostare rispettivamente:
background:#FFFFFF
il colore dello sfondo
color:#000000
il colore del testo
font-family:Verdana
il tipo di font del testo
font-size:10
la grandezza del testo
border-style:dashed
lo stile da applicare al bordo del box
border-width:1
lo spessore del bordo
border-color:#006699
il colore del bordo
width:200
la lunghezza del box (in pixel)
height:90
l'altezza del box (in pixel)
padding:5
la distanza del testo (o delle immagini) dal bordo del box
ejs_box2_message[0] = 'Altnet: KaZaA strizza l’occhio alle major
[img]img/focus203.gif[/img]';
ejs_box2_message[1] = 'Napster verso la bancarotta?
[img]img/focus202.gif[/img]';
ejs_box2_message[2] = 'E-commerce: l\'Europa tassa gli USA
[img]img/focus203.gif[/img]';
come potete notare tutti i testi delle notizie sono contenuti, come spesso abbiamo visto, dentro degli ARRAY che devono seguire la solita numerazione progressiva tra le parentesi quadrate.
In ogni ARRAY possiamo inserire codice HTML, comprese immagini e link. Nel caso dovessimo usare del testo che abbia degli apostrofi (') dovremo anteporre un backslash (\) davanti al carattere ' per non provocare un errore.
Gli ARRAY che possono essere inseriti sono praticamente illimitati.
setTimeout("ejs_box2_go()",2000)
l'ultimo parametro da impostare è il tempo che deve passare tra un cambio di notizia e l'altro. il tempo, in questo caso, è di 2000 millisecondi. Nel caso volessimo un intervallo, ad esempio, di 5 secondi basterà cambiare il valore da 2000 in 5000.