doppelter Bannerwerber - HTML-Quelltext

Quelltext von banner2.html

index Anfang runter banner1.html banner.js
Dies ist die Auflistung der Datei banner2.html, die zwei ständig wechselnde Banner anzeigt und entsprechend verlinkt.
Die Verlinkung des ersten Banners wird im gleichen Fenster geöffnet, für die Verlinkung des zweiten Banners wird ein neues Fenster geöffnet.

Im folgenden Quelltext sind wichtige Bereiche rot und Kommentare grün markiert.
index Anfang hoch runter banner1.html banner.js 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-language" content="en">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<meta name="author" content="Ulrich Kritzner">
<meta name="robots" content="none">
<title>JavaScript - Banner - Demo</title>

<!-- timer-Quelltext laden: (noetig weil zwei Banner aktiv sind) -->
<script type="text/javascript" src="timer.js"></script>

<!-- Banner-Quelltext laden: -->
<script type="text/javascript" src="banner.js""></script>

<script type="text/javascript">
<!--
/* ------------------------------------------------------------ */
/* hier geht's los mit Banner 1 (schnelles Banner) */
/* banner1 soll auf Bild 0 zugreifen: */
var banner1=new Banner("banner1",0);

/* Banner fuer JS-TUT laden */
banner1.AddEntry("images/js-tut.gif",4000,"http://www.droeppez.de/download/js-tut/index.html",0);

/* ungelinkte Zwischensequenz laden */
banner1.AddEntry("images/js-tut1.gif",80,"none",0);
banner1.AddEntry("images/js-tut2.gif",80,"none",0);
banner1.AddEntry("images/js-tut3.gif",80,"none",0);

/* Banner fuer SELFHTML laden */
banner1.AddEntry("images/selfhtml.gif",4000,"http://de.selfhtml.org",0);

/* ungelinkte Zwischensequenz laden */
banner1.AddEntry("images/selfhtml1.gif",80,"none",0);
banner1.AddEntry("images/selfhtml2.gif",80,"none",0);
banner1.AddEntry("images/selfhtml3.gif",80,"none",0);

/* Banner fuer selfhtml laden */
banner1.AddEntry("images/selfhtmlde.gif",4000,"http://www.selfhtml.de",0);

/* ungelinkte Zwischensequenz laden */
banner1.AddEntry("images/selfhtmlde1.gif",80,"none",0);
banner1.AddEntry("images/selfhtmlde2.gif",80,"none",0);
banner1.AddEntry("images/selfhtmlde3.gif",80,"none",0);

/* Banner fuer LINUX.org laden */
banner1.AddEntry("images/linuxorg.gif",4000,"http://www.linux.org",0);

/* ungelinkte Zwischensequenz laden */
banner1.AddEntry("images/linuxorg1.gif",80,"none",0);
banner1.AddEntry("images/linuxorg2.gif",80,"none",0);
banner1.AddEntry("images/linuxorg3.gif",80,"none",0);

/* Banner fuer EuroLinux.org laden */
banner1.AddEntry("images/eurolinux.gif",4000,"http://www.eurolinux.org",0);

/* ungelinkte Zwischensequenz laden */
banner1.AddEntry("images/eurolinux1.gif",80,"none",0);
banner1.AddEntry("images/eurolinux2.gif",80,"none",0);
banner1.AddEntry("images/eurolinux3.gif",80,"none",0);

/* Banner fuer SuSE laden */
banner1.AddEntry("images/suse.gif",4000,"http://www.suse.de",0);

/* ungelinkte Zwischensequenz laden */
banner1.AddEntry("images/suse1.gif",80,"none",0);
banner1.AddEntry("images/suse2.gif",80,"none",0);
banner1.AddEntry("images/suse3.gif",80,"none",0);

/* Banner fuer Redhat laden */
banner1.AddEntry("images/redhat.gif",4000,"http://www.redhat.com",0);

/* ungelinkte Zwischensequenz laden */
banner1.AddEntry("images/redhat1.gif",80,"none",0);
banner1.AddEntry("images/redhat2.gif",80,"none",0);
banner1.AddEntry("images/redhat3.gif",80,"none",0);

/* Banner fuer KDE laden */
banner1.AddEntry("images/kde.gif",4000,"http://www.kde.de",0);

/* ungelinkte Zwischensequenz laden */
banner1.AddEntry("images/kde1.gif",80,"none",0);
banner1.AddEntry("images/kde2.gif",80,"none",0);
banner1.AddEntry("images/kde3.gif",80,"none",0);

/* Banner 1 startbereit machen: */
banner1.Run();


/* ------------------------------------------------------------ */
/* hier geht's los mit Banner 2 (langsames Banner) */
/* banner2 soll auf Bild 1 zugreifen: */
var banner2=new Banner("banner2",1);

/* Banner fuer JS-TUT laden */
banner2.AddEntry("images/js-tut.gif",6000,"http://www.droeppez.de/download/js-tut/index.html",1);

/* ungelinkte Zwischensequenz laden */
banner2.AddEntry("images/js-tut1.gif",120,"none",0);
banner2.AddEntry("images/js-tut2.gif",120,"none",0);
banner2.AddEntry("images/js-tut3.gif",120,"none",0);

/* Banner fuer SELFHTML laden */
banner2.AddEntry("images/selfhtml.gif",6000,"http://de.selfhtml.org",1);

/* ungelinkte Zwischensequenz laden */
banner2.AddEntry("images/selfhtml1.gif",120,"none",0);
banner2.AddEntry("images/selfhtml2.gif",120,"none",0);
banner2.AddEntry("images/selfhtml3.gif",120,"none",0);

/* Banner fuer selfhtml laden */
banner2.AddEntry("images/selfhtmlde.gif",6000,"http://www.selfhtml.de",1);

/* ungelinkte Zwischensequenz laden */
banner2.AddEntry("images/selfhtmlde1.gif",120,"none",0);
banner2.AddEntry("images/selfhtmlde2.gif",120,"none",0);
banner2.AddEntry("images/selfhtmlde3.gif",120,"none",0);

/* Banner fuer LINUX.org laden */
banner2.AddEntry("images/linuxorg.gif",6000,"http://www.linux.org",1);

/* ungelinkte Zwischensequenz laden */
banner2.AddEntry("images/linuxorg1.gif",120,"none",0);
banner2.AddEntry("images/linuxorg2.gif",120,"none",0);
banner2.AddEntry("images/linuxorg3.gif",120,"none",0);

/* Banner fuer EuroLinux.org laden */
banner2.AddEntry("images/eurolinux.gif",6000,"http://www.eurolinux.org",1);

/* ungelinkte Zwischensequenz laden */
banner2.AddEntry("images/eurolinux1.gif",120,"none",0);
banner2.AddEntry("images/eurolinux2.gif",120,"none",0);
banner2.AddEntry("images/eurolinux3.gif",120,"none",0);

/* Banner fuer SuSE laden */
banner2.AddEntry("images/suse.gif",6000,"http://www.suse.de",1);

/* ungelinkte Zwischensequenz laden */
banner2.AddEntry("images/suse1.gif",120,"none",0);
banner2.AddEntry("images/suse2.gif",120,"none",0);
banner2.AddEntry("images/suse3.gif",120,"none",0);

/* Banner fuer Redhat laden */
banner2.AddEntry("images/redhat.gif",6000,"http://www.redhat.com",1);

/* ungelinkte Zwischensequenz laden */
banner2.AddEntry("images/redhat1.gif",120,"none",0);
banner2.AddEntry("images/redhat2.gif",120,"none",0);
banner2.AddEntry("images/redhat3.gif",120,"none",0);

/* Banner fuer KDE laden */
banner2.AddEntry("images/kde.gif",6000,"http://www.kde.de",1);

/* ungelinkte Zwischensequenz laden */
banner2.AddEntry("images/kde1.gif",120,"none",0);
banner2.AddEntry("images/kde2.gif",120,"none",0);
banner2.AddEntry("images/kde3.gif",120,"none",0);

/* Banner 2 startbereit machen: */
banner2.Run();
//-->
</script>
</head>

<!-- onLoad="u_timer_start(40)" startet den Zeitgeber
     mit 40-Millisekunden-Aufloesung fuer beide Banner: -->
<body onLoad="u_timer_start(40)">

<h4 align=center>Demo zur Verwendung von "banner.js"</h4>
<p align=center>
(c) 2002 <a href="../tohome.html">Ulrich Kritzner</a>
<br>
<a href="index.html">zur&uuml;ck zum Index</a>
<br><br><br>
Guck Dir meine Lieblingslinks ein paar Minuten doppelt an:
</p>
<table border="0" cellspacing="3" cellpadding="10" align=center><tr><td style="background:#FFFFE0">
link in diesem Fenster &ouml;ffnen:<br>

<!-- link auf banner1.followLink() mit Bild -->
<a href="javascript:banner1.FollowLink()"><img src="images/loading.gif" border="0"></a>

</td></tr><tr><td style="background:#FFFFE0">
link in neuem Fenster &ouml;ffnen:<br>

<!-- link auf banner2.followLink() mit Bild -->
<a href="javascript:banner2.FollowLink()"><img src="images/loading.gif" border="0"></a>

</td></tr></table>
</body>
</html>
index Anfang hoch banner1.html banner.js
Autor: Ulrich Kritzner