Tageslink des Monats
    
HOME
QuellCode ZURÜCK SITEMAP  

 Tageslink des Monats 01   (1 von 31)

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

Sie müssen das Script nicht unbedingt für fremde Seiten einsetzen! Möglich wäre auch der Einsatz als Linktipp, mit dem sie täglich auf eine bestimmte Unterseite ihres Web-Projekts hinweisen.

  Upps - falsche Quelltext-Datei verlinkt - korrigiert: 10.04.2008 00:20 Uhr 


Das Script für den Link des Monatstages habe ich auf der Basis des Beispiels 'Link des Wochentages' aufgebaut. Der Verweis wird vom JavaScript in das HTML-Dokument geschrieben.

Bei MouseOver wird ein frei wählbarer, angepasster Titeltext angezeigt. Innerhalb dieses Textes wird (wenn sie möchten) das Datum einbezogen. Die Informationen für den anzuzeigenden Link und dem MouseOver-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, das Datum wird aus dem Systemdatum errechnet.

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

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

Wenn sie die Variable Einleitung leer lassen
var Einleitung = " ";
und die Zeile
var Linkdatum = " "; aktivieren,  (Bescheibung siehe unten)
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 der URLs und des MouseOver-Textes
// unbedingt 2 x 31 Einträge notieren, Wiederholungen sind natürlich möglich

// 1 URL
// 2 MouseOver-Text


Liste = new Array()

// 1
Liste[Liste.length]="http://www.kgs-wuerm.de",
Liste[Liste.length]="HP der katholischen Grundschule Würm",

// 2
Liste[Liste.length]="http://www.clickstart.de/",
Liste[Liste.length]="Portal Clickstart - Mini-Images, JavaScript, ...",

// 3
Liste[Liste.length]="http://www.web-toolbox.net",
Liste[Liste.length]="praxisorientiert JavaScript, CSS, HP-Vorlagen",

// 4
Liste[Liste.length]="http://www.web-toolbox.net/imagedownload/index.htm",
Liste[Liste.length]="6000 kostenlose Mini-Images für den Webmaster",

...

// 29
Liste[Liste.length]="http://www.kgs-wuerm.de",
Liste[Liste.length]="HP der katholischen Grundschule Würm",

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

// der benachteiligte Link, weil er nur 7 mal im Jahr angeboten wird
// 31
Liste[Liste.length]="http://www.camino-hospiz.de/",
Liste[Liste.length]="Seite der Hospizvereins Camino e.V. Geilenkirchen",

(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 Monatstag. Den Link auf das Finanzamt legen sie also für den 15. fest, die passende Seite für das Monatsende, wenn der Geldbeutel leer ist auf den 29. ...


  Aufwand:

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


  Linknotierung im BODY: 

<script type="text/javascript" language="JavaScript">
<!--
Tageslink31();
//-->
</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">
<!--
Tageslink31();
//-->
</script>



  Die beiden anderen MouseOver-Text-Elemente: 

var Einleitung = "Mein Linktipp für den ";

  // Liste Monatsnamen
  var MonatsName = new Array
  (
  " Januar",
  " Februar",
  " März",
  " April",
  " Mai",
  " Juni",
  " Juli",
  " August",
  " September",
  " Oktober",
  " November",
  " Dezember"
  );

var LinkDatum = TagesZahl + "." + MonatsName[DatumHeuteLink.getMonth()] +" ";
// Wenn kein Datum angezeigt werden soll, nächste Zeile die // entfernen
// var LinkDatum = " ";







NACH OBEN