Link mit Zwischenmeldung
    
 Home • Umleitung • Zwischenmeldung Demo-Linkliste  Download 

 Verweis mit Zwischenmeldung

Dieses Script kann man für Links / Linklisten einsetzen, für die vor der Weiterleitung ein Hinweis eingeblendet werden soll. Das Meldungsfenster bietet eine 'weiter-' und 'zurück-Option'. Neben dem Link kann optional eine (Vorschau-)Grafik und ein Titeltext angezeigt werden.

Weiter mit Zwischenmeldung

Dieses Beispiel beinhaltet eine CSS-formatierte Linkliste mit Vorschaufunktion zum Download. Die ZIP-Datei enthält alle benötigten Grafiken und eine HTML-Datei mit eingetragenen Demo-Links. Siehe Seitenkopf 'Download'

Das Script eignet sich zur Anzeige eines Disclaimer-Hinweises oder zur näheren Seitenbeschreibung für eine Linkliste mit Vorschau-Funktion.
Der Screenshot unten zeigt die Meldung in Originalgröße:


Beim Anklicken des Verweises wird zuerst eine Zwischenmeldung angezeigt. Außerdem wird die Option 'zurück' angeboten. Die Meldung wird bei Zeitüberschreitung (hier auf 10 Sek. eingestellt) automatisch geschlossen.

Für eine Mehrfachverwendung innerhalb ihrer Seite ist das Script relativ anpassungsfähig. Neben der URL und der Optionswahl für das Anzeigefenster, können 2 weitere Parameter optional eingetragen werden:

  • Grafik-Url (Screenshot der Webseite oder Standard-Grafik)
  • Titeltext (Seitenbeschreibung / -titel oder URL)


   2 Demolinks + 3 aktive Links

Testen sie die Funktion dieses Beispiels hier:

PC-Fotoseite

Masters of Fine Art

BICOME Kommunikation 		Demo-Link (Text, Grafik, neues Fenster)

Demo-Link (Text, Grafik, neues Fenster)



   Aufruf der Funktion - Notierung für die Links

Die Funktion erwartet 4 Parameter, von denen 2 auch ohne Inhalt (leer) sein dürfen:
<a href="javascript:Hinweis('URL','1','Grafik-URL','Titeltext')">
Link-Text
</a>
1) URL der verlinkten Seite
2) neues Browserfenster? (Optionen '1' oder '0' für ja/nein )
3) Grafik-URL (optional: eintragen oder leer lassen)
4) Titeltext (optional: eintragen oder leer lassen)

<a href="javascript:Hinweis('1','2','3','4')">
Link-Text
</a>

<a href="javascript:Hinweis('http://www.google.de','1','','Google')">
Link-Text
</a>

<a href="javascript:Hinweis('http://www.123.de','1','grafik.gif','Text')">
Link-Text
</a>


   Funktionen und Eigenschaften

1) Anzeige des Titeltextes:   Titeltext 18px grau (#5F5F5F)


2) Wählen sie bei der Option neues Browserfenster eine (1)

a) Anzeige dieser Grafik  

b) Text: Die Webseite wird in einem neues Browserfenster geöffnet


2) Wählen sie bei der Option neues Browserfenster eine (0)

a) Die Grafik wird nicht angezeigt

b) Text: Sie verlassen meine Webseite (Anzeige im gleichen Browserfenster)


3) Wenn sie eine Grafik-URL eintragen

a) wird eine Grafik / Vorschau / Screenshot angezeigt

3) Wenn sie keine Grafik-URL eintragen (leer lassen)

b) wird keine Grafik angezeigt


4) Zurück- und Weiter-Button

5) automatisches Schließen der Meldeanzeige






   Verwendete Grafiken (downloaden):

Dies4 4 Grafiken habe ich in meinem Beispiel verwendet. Die Grafiken habe ich selbst erstellt und können hier herunter geladen und frei verwendet werden.

       


verwendete Hintergrundgrafik (wird gekachelt):





   Anpassungen der Darstellung im JavaScript

Anpassungen der Formatierung für die generelle Anzeige der Breite und der Hintergrundfarbe / der Hintergrundgrafik können sie im Scripttext vornehemen. In den ersten Scriptzeilen (siehe Kommentartext) bei der Passage ' var formatEin=' .... ' ändern sie:

Breite der Anzeige (in Pixel)
bei width="100%" eintragen ( z.B. width="500" )

Hintergrundfrabe der Anzeige (hex)
bei bgcolor="#F8FCF7" eintragen (z.B. #FFFFFF)

Hintergrundgrafik (Dateiname / URL)
bei background="../images/bg-recht.gif" eintragen (z.B. meinegrafik.gif)

vertikale Ausrichtung (Tabellenzelle valign)
bei valign="middle" eintragen (z.B. top)