JavaScript  »  Articoli  »  Tutorial: Grafica ed effetti 

Lo script che presentiamo ci permetterà di mostrare dei banner in ordine casuale con la possibilità di associare ad essi un link con uno specifico target. Risolviamo, quindi, il classico problema riscontrato con script simili; questo codice potrà essere utilizzato anche in un sito strutturato a frames.
L'esempio si compone di 6 file:

• esempio.htm
• 1.gif
• 2.gif
• 3.gif
• 4.gif
• 5.gif

Per una più semplice comprensione del presente script fai continuamente riferimento ai file sopracitati, verificando le procedure e i dati espressi. Solo in questo modo, con un continuo confronto, comprenderai le peculiarità di questo Javascript.

Lo script può essere inserito nella pagina in due modi. Direttamente nel corpo della pagina (nel punto in cui vogliamo far apparire i banner) oppure come file javascript esterno (spiegheremo dopo come fare).
Nel primo caso inseriamo il codice in un qualsiasi punto della pagina:

<script type="text/javascript" language="javascript">
var openInNewWin = true;
var banners = new Array();
banners[0] = new Banner("http://hosting.html.it", "Hosting.html.it", "1.gif");
banners[1] = new Banner("http://gifanimate.html.it", "Gif Animate", "2.gif");
banners[2] = new Banner("http://freeasp.html.it", "Freeasp.html.it", "3.gif");
banners[3] = new Banner("http://linux.html.it", "Linux.html.it", "4.gif");
banners[4] = new Banner("http://www.html.it/java/index.html", "550 Applet Java",
"5.gif"); function Banner(url, description, image) {
this.url = url;
this.description = description;
this.image = image;
return this;
}
var bNum = Math.round(Math.random() * (banners.length - 1));
document.write("<a href=\"" + banners[bNum].url + "\"");
if (openInNewWin) {
document.write(" target=\"_blank\"");
}
document.write(">");
document.write("<img src=\"" + banners[bNum].image + "\" border=\"0\" alt=\""
+ banners[bNum].description + "\"/>"); document.write("</a>");
</script>

Altri articoli

Altre guide

Altre newsletter