Zufallsbanner 02a
    


WWW.WEB-TOOLBOX.NET

externe js-datei ZURÜCK SITEMAP  

  Zufallsbanner als Link - externe JS-Datei

Hier das Beispiel 02 als Variate mit ausgelagerter JavaScript-Datei.

Das JavaScript mit allen Bannerangaben werden in einer js-Datei ausgelagert (in einer anderen, externen Datei gepseichert).

Vorteile

  • Die HTML-Datei muss nicht mehr geändert werden
  • einbinden der Banner in mehreren Dateien möglich
  • Zugriff auf eine zentrale Liste von Bannern
  • Änderungen sind nur noch in einer Textdatei (js-Datei) notwendig





Zum Testen klicken Sie Reload


Aufwand:

  • JavaScript in eine Textdatei speichern
  • Link auf JavaScript-Datei im Head (Kopfbereich) der HTML-Datei
  • Aufruf der Funktion wie im Beispiel 02 eintragen


  Anleitung JavaScript Code als Textdatei speichern:

Eine Textdatei, die Sie nur noch als "bannerscript.js" abspeichern müssen, finden Sie im Kopfbereich dieses Beispiels: externe JS-Datei

Sie können den Quellcode auch aus diesem Dokument herauskopieren.

Nur den blauen Text in einen Editor übertragen. Einleitende und schließende Script-Tags gehören nicht in die JS-Datei!

Die Textdatei erhält die Endung ".js" (Punkt js)    zum Beispiel: bannerscipt.js




<SCRIPT LANGUAGE="JavaScript">
<!-- Begin

// hier die Anzahl der bilder eintragen
var wie_viele = 3;
var now = new Date()
var sec = now.getSeconds()
var ad = sec % wie_viele;
ad +=1;


/*
ab hier für die banner jedesmal 4 Angaben
Linkadresse, Bildadresse, breite, höhe
*/


if (ad==1) {
link_url="http://www.web-toolbox.net/imagedownload/";
banner_url="b01-280x60.gif";
width="280";
height="60";
}

if (ad==2) {
link_url="http://www.web-toolbox.net/geilenkirchen/";
banner_url="b02-280x60.gif";
width="280";
height="60";
}

if (ad==3) {
link_url="http://www.web-toolbox.net/maus/";
banner_url="b03-280x60.gif";
width="280";
height="60";
}


function linkbanner() {
document.write('<center>');
document.write('<a href=\"' + link_url + '\" target=\"_blank\">');
document.write('<img src=\"' + banner_url + '\" width=')
document.write(width + ' height=' + height + ' ');
document.write('border=1></a><br>');
document.write('</center>');
return
}
// End -->
</script>



  Link im Head

Den Verweis auf die externe JavaScript-Datei im Head-Bereich der HTML-Datei eintragen. Der Dateiname (evtl. mit Verzeichnisangaben) ist hier rot dargestellt:
<script type="text/javascript" src="bannerscipt.js"></script>



  Aufruf der Funktion im Body

<script type="text/javascript" language="JavaScript">
<!--
linkbanner();
//-->
</script>









NACH OBEN