Tageslink
    
 Home • Verweise • Link des Tages ScriptCode 

 Tageslink der Woche - 1 von 7   (Wochentag Mo. - So.)

Ihre ganz persöhnliche Linkempfehlung wird als Tageslink der Woche in die HTML-Seite geschrieben. Der Link wechselt täglich, abhängig vom Wochentag. Es wird also auf eine von sieben eingetragenen Webseiten verwiesen. Die Seiten werden natürlich in einem neuen Browserfenster geöffnet.

Link für den aktuellen Wochentag

Das Script lässt sich nicht nur für eine Linkempfehlung fremder Seiten einsetzen! Denkbar wäre auch ein täglicher Linktipp, mit dem Sie auf eine neue oder interessante Unterseite ihres eigenen Web-Projekts hinweisen.

Das Script für den Link des Wochentages habe ich nun völlig neu aufgebaut. Ich lasse den gesamten Link per JavaScript in das Dokument schreiben und bei MouseOver einen frei wählbaren, angepassten Titeltext anzeigen.

Die Informationen für den anzuzeigenden Link (URL und Text) werden einem Register (Array) entnommen.

  Demo für heute (externer Link):    


Sie haben, anders als beim Zufallslink, Einfluss auf den jeweiligen Link für den entsprechenden Wochentag. Sie können ihren 'Sonntagslink' also wirklich sonntags oder die passende Seite für den Montag auch an einem Montag verlinken.


  dynamischer MouseOver-Text

Der MouseOver-Text wird vom JavaScript aus 3 Elementen zusammengefügt. Zwei Elemente werden dem Array entnommen, der Wochentag wird aus dem Systemdatum errechnet.

Einleitung + Wochentag + individuelle Linkbeschreibung 
var Einleitung = "Mein Linktipp für";

var OverText = Einleitung + Wochentag (aus Array) + MouseOverText (aus Array)
  MouseOver-Text für heute:  

Wenn Sie die Variable Einleitung und die Elemente für den Wochentags-Array leer lassen, wird nur noch der zugehörige Link-MouseOver-Text angezeigt:

  MouseOver-Text für heute:  



  Links dem Wochentag zuordnen

Die URLs der 7 Seiten und den zugehörigen MousOver-Text schreiben Sie in eine Liste: 
Liste = new Array()

// mo
Liste[Liste.length]="http://www.web-toolbox.net/kgs/index.htm",
Liste[Liste.length]="HP der katholischen Grundschule Würm",

// di
Liste[Liste.length]="http://www.aphoven.de/",
Liste[Liste.length]="Historische Schützen",

// mi
Liste[Liste.length]="http://www.dng-ac.de/",
Liste[Liste.length]="Narkolepsie Aachen",

// do
Liste[Liste.length]="http://www.fussballkreis-heinsberg.de/",
Liste[Liste.length]="Fußballkreis Heinsberg",

// fr
Liste[Liste.length]="http://www.rot-weiss-frelenberg.de/",
Liste[Liste.length]="Vereunshomepage Rot-Weiß Frelenberg 09",

// sa
Liste[Liste.length]="http://www.igelstation-hs.de/",
Liste[Liste.length]="Igelstation Heinsberg-Aphoven",

// so
Liste[Liste.length]="http://www.freizeitbilder.de/",
Liste[Liste.length]="die schönsten Freitzeitfotos"

(Array-Elemente sind durch Komma getrennt, letzter Eintrag hat kein Komma am Ende)


  Aufwand:

  • Script in den HEAD kopieren
  • Linkliste anpassen
  • Aufruf in den BODY kopieren


  Linknotierung im BODY: 

<script type="text/javascript" language="JavaScript">
<!--
Tageslink01();
//-->
</script>
Diesen Code platzieren Sie im Body ihres HTML-Dokuments an der Stelle, wo der Tageslink erscheinen soll.

Davor könnten Sie, wie hier in meinem Beispiel, eine kleine Pfeilgrafik einbinden. Den Image-Verweis dazu einfach oberhalb des Scriptcodes eintragen. 

<img src="pfeil.gif" width="10" height="9" border="0" alt="">

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



  Elemente für den dynamischen MouseOver-Text:

Der MouseOver-Text wird abhängig von der Linkbeschreibung (im Array für die 7 Links eingetragen) und aus diesen beiden Elementen zusammen gesetzt. Der Wochentag wird automatisch ermittelt. natürlich können Sie die Texte anpassen.

einleitender Text: 
var Einleitung = "Mein Linktipp für";
Bezeichnung des Wochentages: 
  // Liste Tagesnamen
  var Wochentag = new Array
  (
  " Sonntag",
  " Montag",
  " Dienstag",
  " Mittwoch",
  " Donnerstag",
  " Freitag:",
  " Samstag"
  );







Tageslink des Monats (1 von 31)

Tageslink des Monats (1 von 31) mit Grafik

Monatslink des Jahres (1 von 12) mit Grafik