Popup
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
beispiel
beitrag
bildschirm
brach
button
dokument
ergebnis
fenster
funktion
haftung
hhen
inhalt
kleines fensterchen
mitte
sache
schaff
skigebiet
target
technische daten
zurecht
-
Hallo Leute. Ich m?chte, das man wenn man auf einen Button klickt, ein Popup aufgeht. Wie geht das?
Danke schon im Voraus f?r die Antworten! -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
function oeffnen(url) { breite = 400; hoehe = 350; var x = (screen.availWidth - breite) / 2; var y = (screen.availHeight - hoehe) / 2; popup = window.open(url,'Haftung','width=' + breite + ',height=' + hoehe + ',left=' + x + ',top=' + y + ';'); popup.focus(); }
Das ist eine JavaScript-Funktion um ein Popup in der Mitte des Bildschirms zu ?ffnen. Ausf?hren kannst du die Funktion zum Beispiel so:
<input type="button" onclick="oeffnen('http://beispiel.de');return false" value="Hier einmal klicken">
occhi schrieb:
<input type='button' onClick='JavaScript: alert(' bla bla bla \n *gg* ');' value='Hier einmal klicken'>
Dadurch geht nur ein kleines Fensterchen auf, in dem der Text steht, kein "Popup".
Beitrag ge?ndert am 11.08.2006 18:11 von sandrock-jonas -
hi,
k?nnte man das auch mit einem link machen?
click auf link => link ?ffnet sich und popup geht auf?
wenn einer so nett is und ein beispiel reinstellt, k?nnte er dann das bitte so machen, dass ichs nur mehr in den FP-Editer kopieren muss und dann funzts? danke -
?ber einen Link geht ?hnlich (nat?rlich brauchst du auch die JavaScript-Funktion):
<a href="http://beispiel.de" onclick="oeffnen(this.href);return false">
wenn einer so nett is und ein beispiel reinstellt, k?nnte er dann das bitte so machen, dass ichs nur mehr in den FP-Editer kopieren muss und dann funzts? danke
Was ist der FP-Editor?
Beitrag ge?ndert am 12.08.2006 11:28 von sandrock-jonas -
Ja, wie geht das bei einem Link? Kannst du mal den Code Reinschreiben den ich brauche, wenn ich in einem Popup der Gr?sse 200x500 ein Dokument mit dem URL skilift.xardas.lima-city.de/beispiel.html ?ffnen m?chte?
Danke! -
<a href="skilift.xardas.lima-city.de/beispiel.html" target=_blank> damit sollte es eigentlich gehen...
-
^^ Und wo ist da die gr?sse des Fensters definiert??????????
-
die f?gst du dann noch mit dem heigth="500" width="200" ein... sorry, zu sp?t bemerkt...
-
Ja, wie geht das bei einem Link? Kannst du mal den Code Reinschreiben den ich brauche, wenn ich in einem Popup der Gr?sse 200x500 ein Dokument mit dem URL skilift.xardas.lima-city.de/beispiel.html ?ffnen m?chte?
Danke!
Du schreibst einfach die JS-Funktion so um:
function oeffnen(url) { breite = 200; hoehe = 500; var x = (screen.availWidth - breite) / 2; var y = (screen.availHeight - hoehe) / 2; popup = window.open(url,'Haftung','width=' + breite + ',height=' + hoehe + ',left=' + x + ',top=' + y + ';'); popup.focus(); }
Und dann der Link:
<a href="http://skilift.xardas.lima-city.de/beispiel.html/" onclick="oeffnen(this.href);return false">
rap schrieb:
die f?gst du dann noch mit dem heigth='500' width='200' ein... sorry, zu sp?t bemerkt...
Mit target="_blank" ?ffnest du zwar ein neues Fenster, die H?he und Breite kannst du aber nicht bestimmen. -
FP = Frontpage
-
Gibt es keinen ganz einfachen Javascriptbefehl welchen ich in Dreamweaver unter Hyperlink eingeben kann?
-
Man, ich schaff's nicht. Kann mir jemand der die Sache versteht den Code so zurecht machen, das ich ihn nur noch hinein zu kopieren brache?
Der Link soll den Namen "Technische Daten" tragen. Klickt man auf "Technische Daten" ?ffnet sich ein Popup-Fenster mit der gr?sse 300x600. Der Inhalt dieses Fensters ist das Dokument "http://skilift.xardas.lima-city.de/technische-daten".
Danke! -
Man, wo sind hier die editier Buttons hingekommen? Wie lege ich fest, wo das Popup auf dem Bildschirm erscheint?
-
Wie lege ich fest, wo das Popup auf dem Bildschirm erscheint?
Kannst du in den Variablen x und y festlegen:
function oeffnen(url) { breite = 200; hoehe = 500; var x = 200; //Popup 200px von links und var y = 150; //150px von oben popup = window.open(url,'Haftung','width=' + breite + ',height=' + hoehe + ',left=' + x + ',top=' + y + ';'); popup.focus(); }
skilift schrieb: http://skilift.xardas.lima-city.de/technische-daten
Seite nicht gefunden, der Link stimmt net.
Beitrag ge?ndert am 13.08.2006 15:22 von sandrock-jonas -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
