ZUR STARTSEITE    

 

 

  ZURÜCK ZUR STARTSEITE...
Textbox - Infofenster - Easy Light Box


 
Ein einfaches und flexibles Informationsfenster.

Mit der JS-Datei easyflexbox.js können Sie schnell und einfach Textboxen als Informationen in Ihre Webseite einfügen. Die Information können Sie als Text direkt in die Befehlszeile eingeben, oder in einer "Datenbank" unter einem Index speichern und dort abrufen. Das Script kann über diesen Index dann Html-Dateien aufrufen, Bilder und beliebige Texte anzeigen. Die Easyflexbox ist mit einem Schatten hinterlegt und kann im Stil einer "Easy Light Box" auch in der Bildmitte angezeigt werden. Die Fenster werden bei Seitenwechsel, Reload oder Klick auf nächste Info automatisch geschlossen. Zusätzlich werden die mit dem Script aufgerufenen PopUp-Fenster überwacht. Testen Sie doch einfach mal die nachfolgenden Beispiele
 
BEISPIEL 1: Nur ein einfacher Text. DEMO <a href="javascript:void(0);" onClick="fenstershow('<b>Das Beispiel 1:</b><br>Hier wurde nur ein einfacher Text eingefügt !');return false">DEMO</a>
BEISPIEL 2: Auch nur ein einfacher Text, aber mit Formatierung. DEMO <a href="javascript:void(0);" onClick="fenstershow('<b>Das Beispiel 2:</b><br>Hier wurde auch nur ein einfacher Text eingefügt, aber auch Formatbefehle benutzt !','320','80', '#FFFFEA', '4px solid #00FF00');return false">DEMO</a>
BEISPIEL 3: Hier ein Text aus einer Datenbank. DEMO <a href="javascript:void(0);" onClick="fenstershow(text_03,'450','80', '#FFFFEA', '8px solid #66CCFF');return false">DEMO</a>
Der gleiche Text, aber die Box im Fenster zentriert. DEMO <a href="javascript:void(0);" onClick="fenstershow(text_03,'450','80', '#FFFFEA', '8px solid #66CCFF', '1');return false">DEMO</a>
BEISPIEL 4: Hier über die Datenbank eine Html-Datei eingefügt. DEMO <a href="javascript:void(0);" onClick="fenstershow(beispiel_04,'550','450', '#F0FFFF', '8px solid #66CCFF', '0');return false">DEMO</a>
Der gleiche Aufruf, aber im Fenster zentriert. DEMO <a href="javascript:void(0);" onClick="fenstershow(beispiel_04,'550','450', '#F0FFFF', '8px solid #66CCFF', '1');return false">DEMO</a>
BEISPIEL 5: Hier wird ein Jpeg-Bild über die Datenbank eingefügt. DEMO <a href="javascript:void(0);" onClick="fenstershow(beispiel_05,'424','340', '#FFFFEA', '2px solid #000099','0');return false">DEMO</a>
Das gleiche Bild aus der Datenbank, aber zentriert. DEMO <a href="javascript:void(0);" onClick="fenstershow(beispiel_05,'430','340', '#FFFFEA', '4px solid #46FF46','1');return false">DEMO</a>
BEISPIEL 6: Der überwachte Aufruf eines PopUp-Fensters.. DEMO <a href="javascript:void(0);" onClick="popupfenster('js_daten/beispiel6.htm', 500, 400, 0, 1)">DEMO</a>
 Ausführliche Anleitung, Beispiele und Quellcodes im Demo Download.   Datei: "easyflexbox_pack.zip"
DEMO DOWNLOAD QUELLCODE