 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>
|
WWW.WEB-TOOLBOX.NET
externe js-datei 
ZURÜCK