Link mit Hinweisseite
    
 Home • Verweise • Hinweis einblenden QuellCode V1  QuellCode V2 

 Hinweisseite einblenden

Hier wird bevor die verlinkte (externe) Seite im neuen Fenster angezeigt wird, zuerst ein PopUp-Window mit einem Hinweis eingeblendet. Dort können Informationen zur Seite oder ein Disklaimer angezeigt werden.

Hinweis im PopUp-Window beim Anklicken eines (externen) Links

Innerhalb dieser Hinweisseite sind 2 Links notiert.
  • einen Verweis zur verlinkten Webseite
  • einen Verweis zum Schließen des Windows

Beispiele zur Veranschaulichung:

Demo Link Version 1
(Google)

Demo Link Version 1
(Yahoo)

Demo Link Version 2
(Fireball)
mit grafischen Elementen
Hier zeige ich eine animierte Demo


Die Hinweisseite kann grafische Elemente enthalten. Das demonstriere ich in der Version 2. Ich verwende diese beiden Grafiken (anklicken zum Download)

1)
info2.gif
 2)
pfeil-klein.gif



   Aufruf

Das Script ist für eine Linkliste (Mehrfachanwendung) gut geeignet, da lediglich die URL für die verlinkte Seite übergeben wird. Dazu wird im Head-Bereich das JavaScript notiert. Die Funktion zur Einblendung des Hinweisfensters wird im Body-Bereich in Verbindung mit dem Link auf die externe Seite aufgerufen.

<a href="javascript:linkhinweis('URL')">7000 Mini-Images</a>
Für URL wird natürlich die absolute Adresse (mit http:// ...) eingetragen:

z.B.: http://www.seitenadresse.de


   Anpassungsmöglichkeiten

Für das Erscheinungsbild des PopUp-Windows sind Anpassungen möglich, weil ich die Werte für wichtige Angaben und Attribute in Variablen abgelegt habe:

  • Textfarbe
  • Linkfarbe
  • Hintergrundfarbe
  • Schriftgröße und Fontfamilie für Links
  • Schriftgröße und -familie für Hinweistext
  • Fensterbreite
  • Fensterhöhe
  • Fensterposition von links
  • Fensterposition von oben



Zur Anpassung folgende Änderungen im Aufruf:

Element   Variable    hier im Beispiel   ersetzen mit  
Textfarbe tfarbe #FFFFFF  hex Farbwert 
Linkfarbe lfarbe #000000  hex Farbwert 
Hintergrundfarbe hfarbe #FF00FF  hex Farbwert 
Hinweistext hinweis Die Verweisseite ...  Ihr Text 
Fensterbreite sbreite 500  Wert in Pixel 
Fensterhöhe shoehe 400  Wert in Pixel 
Fensterposition v. links x 50  Wert in Pixel 
Fensterposition v. oben y 50  Wert in Pixel 



Weitere Formatierung mittels CSS-Befehlen im Script:

Schriftfamilie, Schriftgröße für Links und Hinweistext

NACH OBEN