Popup-Window, filename, dateiname, übergabe, JavaScript, Beispiel, download, free, kostenlos
 Popup-Window mit Text
    
 Home • PopUp-Windows • Popup-Window mit Text Demo  Quellcode 

 Popup-Window mit Text  (keine HTML-Datei)

Üblicherweise wird beim Aufruf eines PopUp-Windows dem Script die URL einer HTML-Seite übergeben. Aber es geht auch anders! Man kann dem Srcipt auch lediglich einen Text übergeben. Wie man das bewerkstelligt lesen Sie hier.

PopUp-Window - Übergabe eines Textes als Parameter

Dieses Script findet eine Verwendung, wenn ohne viel Aufwand ein kurzer Meldungstext angezeigt werden soll. Ich beschränke mich hier auf einige wenige Voreinstellungen für das PopUp-Window (das könnten Sie ja noch ausbauen). Wichtig ist mir lediglich, dass ich den Text erst beim Aufruf des Fensters bestimme und als Parameter übergebe.

Das PopUp-Window kann man mittels Button, Text- oder Grafik-Link öffnen:

    Info Arcobat-Reader    

Vorteil dieser Technik: Sie müssen nicht für jede Anzeige eines PopUp-Windows eine eigene HTML-Seite erstellen. Bei 20 kleinen Hinweisfensterchen wären das bereits 20 weitere Dateien, die beim Aufruf dann auch noch vom Server angefordert werden müssten.

Dieses Window-Script soll innerhalb einer Webseite mehrmals verwendet werden und hauptsächlich zur Anzeige von kurzen Infos oder Erklärungen dienen. Dabei habe ich hier lediglich die Eigenschaften für Größe und Position des PopUp-Windows und eine simple Textformatierung festgelegt.




   Die Funktion

Die JavaScript-Methode zum Öffnen einen PopUp-Windows nutzt normalerweise 3 Argumente: Die Adresse der im Fenster dargestellten Seite (URI), den Namen des Windows und optional mehrere Attribute für die Eigenschaften des neuen Fensters.

myWindow = window.open('xxxxx','Fenster01','width=200,height=100,top=100,left=150');

myWindow = window.open('datei.htm','Fenster01','width=200,height=100,top=100,left=150');
Der eigentliche Kniff besteht darin, dass das erste Argumet (datei.htm) nun weggelassen wird. Stattdessen möchte ich der Funktion erst beim Aufruf den Text übergeben, der sonst in der Datei 'datei.htm' gestanden hätte.

Ich definiere eine Funktion (TextWindow) die beim Aufruf einen Inhalt (z.B. Text) übernimmt, ein PopUp-Window öffnet und den übernommenen Inhalt in diesem Fenster anzeigt.
function TextWindow(Fenstertext)
{
myWindow = window.open('','Fenster01','width=200,height=100,top=100,left=150');
myWindow.document.write('<p>' + Fenstertext + '</p>');
myWindow.focus();
}
Hier der Link, der das PopUp-Window öffnen soll: 
<a href="javascript:TextWindow('Das ist der Text')> klick mich </a>
Ich übergebe der Funktion beim Aufruf den Text, den ich sonst in einer eigenen HTML-Datei hätte notieren müssen.

Der Text steht innerhalb von Hochkommas (einstrichigen Anführungszeichen). Sie können auch HTML-Anweisungen in den Text einbauen.


Eigenschaften des POpUP-Windows

Die Eigenschaften Breite, Höhe, XY-Position können Sie anpassen oder sogar um weitere Eigenschaften ergänzen. Ich habe in der Erweiterung des Scripts Angaben zur Unterdrückung verschiedener Menü- und Symbolleisten notiert. Allerdings verhindern die Sicherheitseinstellungen einiger Browser die Ausführung solcher Anweisungen.

function TextWindow(Fenstertext)
{
myWindow = window.open('','Fenster01','width=200,height=100,top=100,left=150,
toolbar=no,menubar=no,scrollbars=no,resizable=yes,
location=no,directories=no,status=no');
myWindow.document.write('<p>' + Fenstertext + '</p>');
myWindow.focus();
}
Die Einträge stehen normalerweise in einer Zeile ohne jeden Zeilenumbruch. Oben habe ich gegen diese Regel lediglich zur besseren Übersicht verstoßen.





   Aufruf der Funktion im Body

Der Text wird der Funktion 'TextWindow' beim Aufruf übergeben. Link:
<a href="javascript:TextWindow('Hier steht der Text')> Linktext </a>

oder als Button:
<input type="button" value="click" onclick="TextWindow('Hier steht der Text')">




Wenn Ihnen das als Einstieg ausreicht öffnen Sie die Quellcodeseite, kopieren den Code in Ihre Seite und experimentieren weiter.




Der Text steht innerhalb von Hochkommas (einstrichigen Anführungszeichen). Sie können auch HTML-Anweisungen in den Text einbauen. 
<a href="javascript:TextWindow('Text<br><b>fetter Text</b>')> Linktext </a>
  


Erst beim Aufruf der Window-Funktion wird der darzustellende Text festgelegt. Beispiele:
TextWindow('Das ist der Text, den ich der Funktion übergeben hatte.')
TextWindow('Hier habe ich der Funktion einen anderen Text Übergeben.')
TextWindow('Eigentlich möchte ich Ihnen die Möglichkeit aufzeigen ...')
TextWindow('Dieses Script findet möglicherweise eine Verwendung ...')
        



Eigentlich wollte ich Ihnen nur die simple Möglichkeit aufzeigen, einen Text für ein PopUp-Window der Funktion erst beim Aufruf zu übergeben. Was Sie nun mit diesem Script anfangen, wie Sie es erweitern oder wo Sie es einsetzen, bleibt Ihnen überlassen.

Sie könnten den Text für das Window aus einer Datenbank oder einem Array entnehmen. Sie könnten das Script für ein Quiz oder den Scherz des Tages verwenden. Sie könnten ...


   Info Hauptstadt Niederlande anzeigen

   Wann wurde das Empire State Building eröffnet?

   Die Jugend von heute ...

   Warum heißt Geilenkirchen eigentlich Geilenkirchen?

NACH OBEN