Text canviant en el blog

Amb un senzill script podem posar diverses cites en una mateixa caixa de text a la nostra columna de gadgeds. Les cites aniran canviant cada cert temps. Substituirem "Text1" per la frase que volguem posar i "Autor1" pel nom de l'autor corresponent. Procedirem de la mateixa manera per cada nova cita i, si en volem posar més, només caldrà afegir noves línies: frases [5]; frases [6]; etc.

  <script type="text/javascript"> var indice = 0; frases = new Array(); frases[0] = "Text1<br>Autor1"; frases[1] = "Text2<br>Autor2"; frases[2] = "Text3<br>Autor3"; frases[3] = "Text4<br>Autor4"; indice = Math.random()*(frases.length); indice = Math.floor(indice); function rotar() { if (indice == frases.length) {indice = 0;} document.getElementById("rotando").innerHTML = frases[indice]; indice++; setTimeout(“rotar();”,15000); } </script> <div id="rotando" style="height:60px;margin:0px auto;"></div> <script type="text/javascript">rotar();</script>

Tinguem en compte que el temps queda expressat en milèssimes de segon. En aquest cas, 15000. Si volem que vagi més lent o més ràpid, només haurem de modificar aquesta xifra.
L'script s'ajusta automàticament a la columna lateral i en podem modificar l'alçada modificant el paràmetre "height".