Tageslink
    
HOME
ScriptCode ZURÜCK SITEMAP  

 Tageslink der Woche 01 - 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.

 09.04.2008, völlig neuer Scriptcode

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):  


  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)

Sie haben, anders als beim Zufallslink, Einfluss auf den jeweiligen Link für den entsprechenden Wochentag. Ihren 'Sonntagslink' also oder die passende Seite für den Montag usw.


  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>



  Die beiden anderen MouseOver-Text-Elemente: 

var Einleitung = "Mein Linktipp für";

  // Liste Tagesnamen
  var Wochentag = new Array
  (
  " Sonntag",
  " Montag",
  " Dienstag",
  " Mittwoch",
  " Donnerstag",
  " Freitag:",
  " Samstag"
  );







NACH OBEN