Tageslink des Monats
    
HOME
ScriptCode ZURÜCK SITEMAP  

 Tageslink des Monats 02   (mit Banner wenn vorhanden)

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.

neu  09.04.2008, Version 02 mit Grafik nur dann, wenn eine Grafik-URL eingetragen wurde

Eine Erweiterung des Beispiels 'Tageslink des Monats - Version 01'. 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 (Link-URL, Text, Grafik-URL) werden einem Register (Array) entnommen.

Hier sehen sie eine Demo für den heutigen Tag. Falls für diesen link eine Grafik-URL eingetragen ist, wird außer dem Textlink auch eine Grafik angezeigt. Der Mousover-Text sollte beim Textlink und auch für die Grafik erscheinen.




  Erweiterung: optionale Grafikanzeige

Im Beispiel 'Tageslink des Monats - Version 02' können sie nun optional eine Grafik anzeigen lassen. Sei es nun eine für jeden Link identische Grafik oder das Banner der verlinkten Seite. Die URL für das Banner kann lokal (ordener/grafik.gif) oder absolut (http://www.domainname.de/banner.gif) notiert werden.

Neben den zwei Einträgen für URL und MouseOver-Text kann nun eine URL für ein Banner eingtragen werden. Der Eintrag darf auch leer bleiben!
// 22
Liste[Liste.length]="http://www.web-toolbox.net/imagedownload/index.htm",
Liste[Liste.length]="6000 kostenlose Mini-Images für den Webmaster",
Liste[Liste.length]="http://www.web-toolbox.net/promotion/s-imagebox02.gif",

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

// 24
Liste[Liste.length]="http://www.camino-hospiz.de/",
Liste[Liste.length]="Seite der Hospizvereins Camino e.V. Geilenkirchen",
Liste[Liste.length]="banner/heruntergeladeneGrafik.jpg",
Notiz: Wenn die Grafik absolut notiert wird (dann kann die z.B. Grafik von der verlinkten Seite 'abgeholt' werden) verifizieren sie damit, dass die Webseite noch online ist. Voraussetzung ist natürlich, das der Webmaster eine solche Grafik (Banner) auf seiner Seite bereit hält und kein Schutz gegen Fremdverlinkung vorhanden ist! Siehe: startpromotion.htm

Für die Grafiken (Banner) sind keine Größenangaben vorgesehen! Das vereinfacht die Einbindung von Grafiken unterschiedlicher Abmessungen.



  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 3 x 31 Einträge notieren, Wiederholungen sind natürlich möglich

// 1 URL
// 2 MouseOver-Text
// 3 URL für Banner (Kann auch leer bleiben)

Liste = new Array()

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

// 2
Liste[Liste.length]="http://www.clickstart.de/",
Liste[Liste.length]="Portal Clickstart - 6000 Mini-Images, JavaScript,  ...",
Liste[Liste.length]="http://www.web-toolbox.net/promotion/s-clickstart01.gif",

// 3
Liste[Liste.length]="http://www.web-toolbox.net",
Liste[Liste.length]="praxisorientierte JavaScript-Module, CSS, HP-Vorlagen",
Liste[Liste.length]="http://www.web-toolbox.net/promotion/s-toolbox01.gif",

...

// 29
Liste[Liste.length]="http://www.web-toolbox.net",
Liste[Liste.length]="praxisorientierte JavaScript-Module, CSS, HP-Vorlagen",
Liste[Liste.length]="http://www.web-toolbox.net/promotion/s-toolbox01.gif",

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

// 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",
Liste[Liste.length]=""

(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">
<!--
TageslinkGrafik;
//-->
</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">
<!--
TageslinkGrafik();
//-->
</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