da html.it
[QUOTE]La prima cosa da fare è inserire questo codice all'interno del corpo della pagina. Per facilitare il posizionamento del box con le notizie è possibile utilizzare una semplice tabella.


----------------------------------------------------------
<script language="JavaScript1.2">
var tickercontainer='<div align="center" id="container" style="background-color:#f0f0f0;border-width:1;border-style:solid;border-color:black;width:320;height:70;font:normal 13.75px Verdana;"></div>'

var xmlsource="messaggi.xml"

if (window.ActiveXObject)
var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
else if (document.implementation && document.implementation.createDocument)
var xmlDoc= document.implementation.createDocument("","doc",nu ll);
if (typeof xmlDoc!="undefined"){
document.write(tickercontainer)
xmlDoc.load(xmlsource)
}

var notWhitespace = /\S/

function init_ticker(){

tickerobj=xmlDoc.getElementsByTagName("xmlticker")[0]

for (i=0;i<tickerobj.childNodes.length;i++){
if ((tickerobj.childNodes[i].nodeType == 3)&&(!notWhitespace.test(tickerobj.childNodes[i].nodeValue))) {
tickerobj.removeChild(tickerobj.childNodes[i])
i--
}
}
document.getElementById("container").innerHTML=tic kerobj.childNodes[1].firstChild.nodeValue
msglength=tickerobj.childNodes.length
currentmsg=2
themessage=''
setInterval("rotatemsg()",tickerobj.childNodes[0].firstChild.nodeValue)
}

function rotatemsg(){
var msgsobj=tickerobj.childNodes[currentmsg]
if (msgsobj.getAttribute("url")!=null){
themessage='<a href="'+msgsobj.getAttribute("url")+'"'
if (msgsobj.getAttribute("target")!=null)
themessage+=' target="'+msgsobj.getAttribute("target")+'"'
themessage+='>'
}
themessage+=msgsobj.firstChild.nodeValue
if (msgsobj.getAttribute("url")!=null)
themessage+='</a>'

document.getElementById("container").innerHTML=the message
currentmsg=(currentmsg<msglength-1)? currentmsg+1 : 1
themessage=''
}

function fetchxml(){
if (xmlDoc.readyState==4)
init_ticker()
else
setTimeout("fetchxml()",10)
}

if (window.ActiveXObject)
fetchxml()
else if (typeof xmlDoc!="undefined")
xmlDoc.onload=init_ticker

</script>
----------------------------------------------------------


La personalizzazione di questo codice è molto semplice (due sole variabili da configurare) e riguarda principalmente l'aspetto estetico del box per le notizie:

var tickercontainer='<div align="center" id="container" style="background-color:#f0f0f0;border-width:1;border-style:solid;border-color:black;width:320;height:70;font:normal 13px Verdana;"></div>'
è la variabile che mostra le caratteristiche del DIV adibito a contenitore delle news. possiamo stabilire tutti i parametri necessari per la personalizzazione estetica: lunghezza, altezza, colore di sfondo, colore del testo.

var xmlsource="messaggi.xml"
è la variabile che indica il percorso che porta al file XML esterno. se avete inserito questo file nella stessa cartella della pagina contenente lo script potete anche lasciare tutto invariato.


A questo punto è necessario personalizzare le news ovviamente.
Aprite, con il vostro editor preferito, il file "messaggi.xml". Il contenuto originario sarà così:


-----------------------------------------------
<?xml version="1.0"?>
<xmlticker>
<pause>3000</pause>
<message>Ecco le news del giorno:</message>
<message url="http://www.html.it/news7.html">Arrestati i fondatori di Mediaclick</message>
<message url="http://www.html.it/news2.html" target="_blank">Bene l'online banking in Europa</message>
<message url="http://www.html.it/news3.html">HP: i bilanci premiano la fusione con Compaq</message>
</xmlticker>
-----------------------------------------------


Vediamo come poter modificare lo script:

<pause>3000</pause>
questo tag indica il tempo che trascorrerà tra un titolo e l'altro. può essere modificato a piacimento. il tempo è espresso in millisecondi; quindi 3000 mill. = 3 secondi

<message>Ecco le news del giorno:</message>
il testo racchiuso tra due tag <message>...</message> mostrerà dei semplici titoli non linkati. ovviamente possiamo inserire quanti titoli desideriamo; basterà inserire altri <message>...</message>

<message url="http://www.html.it/news3.html">HP: i bilanci premiano la fusione con Compaq</message>
per mostrare un titolo linkato basterà inserire il parametro "url=" (seguito da relativo indirizzo) all'interno del tag <message>. Ecco un altro esempio chiarificatore:


-----------------------------------------------
<message url="http://www.html.it">Html.it</message>
-----------------------------------------------


Se desideriamo possiamo anche inserire il target:


-----------------------------------------------
<message url="http://www.html.it" target="_blank">Html.it</message>
-----------------------------------------------


Altre modifiche non sono necessarie.[QUOTE]

e il file xml
[quote]
<?xml version="1.0" ?>
- <xmlticker>
<pause>3000</pause>
<message>Ecco le news del giorno:</message>
<message url="http://www.html.it/news7.html">Arrestati i fondatori di Mediaclick</message>
<message url="http://www.html.it/news2.html" target="_blank">Bene l'online banking in Europa</message>
<message url="http://www.html.it/news3.html">HP: i bilanci premiano la fusione con Compaq</message>
</xmlticker>
[/code]