PopUps nennt man jene kleinen Fensterchen, die sich zum Beispiel bei Klick auf einen bestimmten Link öffnen. Eine andere Version davon sind zum Beispiel die allseits beliebten Werbe-PopUps.
Wie du nun ein solches PopUp-Fenster erstellst, um beispielsweise deine Website in ihm erscheinen zu lassen, zeige ich dir hier.
Du benötigtst eine HTML-Seite, die „ganz normal“ im Browserfenster geladen wird. Auf der fügst du dann einen Link ein – den Code findest du weiter unten – , der dann das PopUp öffnet. Im Link kannst du die Eigenschaften des PopUps festlegen: wie groß soll es sein, darf es Scrollbalken aufweisen, soll man es vergrößern und verkleinern dürfen, usw.
der Code
<a href="#" onclick="crush=window.open('deine_popupseite.html', 'popup', 'scrollbars=auto,resizable=no,width=XXXpx,height=XXXpx'); return false;">dein Link</a>Anstelle von deine_popupseite.html trägst du die URL zu der Seite ein, die im PopUp geladen werden soll. Dies ist eine ganz normal gecodete HTML-Seite.
scrollbars=auto legt fest, dass bei Bedarf – je nach Länge des Inhalts – Scrollbalken angezeigt werden. Soll das Scrollen generell unterdrückt werden, wählst du statt auto den Wert no, entsprechend werden bei yes immer Scrollbalken angezeigt.
resizable=no verhindert, dass der Besucher die Größe des PopUps über das Ziehen mit dem Mauszeiger frei verändern kann.
Bei width und height trägst du die Pixelangaben zu Breite und Höhe des Fensters ein.
Schließlich gibst du bei dein Link noch den Linknamen ein, über den das PopUp geöffnet werden soll – beispielsweise „Enter“ oder sowas. Hier kannst du auch ein Bild einsetzen.
Aaaber, wenn onClick das große C drin hat, gibt das bei der XHTML-Validierung einen Fehler… Ich habe ewig gebraucht, um rauszufinden, dass es nur einfach daran liegt *lol*
Oh, das hatte ich bei der Überarbeitung der Tutorials übersehen, sorry. ;-)
ich hoffe das funzt!!!!!!! bin erfeut über echte weibliche anwesenheit in jquery, etc.
Wenn das nicht funktionieren sollte, würde es mich wundern ;)
:D Das ist genau soetwas wo ich schonimmer wissen wollte.
Finds toll das ich es hier gefunden hab ♥ Fyn
Ja,
eigentlich wollte ich ja ein PopUp-Fenster, das sich beim Laden selbst öffnet.
Kann mir da jemand weiterhelfen?
mfg Tim Vogler
Einfach das window.open(…) in ein skript tag basteln. Müsste klappen, wird dann beim laden sofort geöffnet.