HighDots Forums  

IFRAME in DIV als Popup

Javascript (German) Programmiersprache JavaScript. (de.comp.lang.javascript)


Discuss IFRAME in DIV als Popup in the Javascript (German) forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Chris Seidel
 
Posts: n/a

Default IFRAME in DIV als Popup - 03-30-2007 , 06:43 AM






Hallo,

meine Anwendung zeigt einige Ergebnisse in Popups an. Nun finde ich aber ein
extra fenster (window.open) oft ganz schön hässlich, wegen dem dicken
Rahmen, dem obligatorischen Fenstertitel.

Kann man sicher auch mit einem DIV und einem IFRAME in dem DIV machen, wo
man oben rechts ein X zum Schließen des Fensters einbaut?

Gibt es dafür schon fertiges im Netz?

Danke!



Reply With Quote
  #2  
Old   
Thomas Weiler
 
Posts: n/a

Default Re: IFRAME in DIV als Popup - 03-31-2007 , 04:34 AM






Hallo Chris,

Du kannst Deine Popups (wenn sie statischen Inhalt haben) als fertige
Divs in die Seite einbinden und mit dem Style Attribut ausserhalb der
Sichtbaren Seite platzieren.

<div id="popup" style="position:absolute;top:-400;left:-400;">[Dein
Code]</div>

Beim Aufruf musst Du nun einfach die top und left Eigeschaft mit Werten
im sichtbaren Bereich füllen und schon erscheint das Div auf der Seite.
Im Div baust Du einen Button oder ein weiteres Div ein, hinter dem Du
eine Funktion hinterlegst, die das Div wieder in den nicht Sichtbaren
Bereich legt.

document.getElementById("popup").style.top = 200;
document.getElementById("popup").style.left = 200;

Gruß,

Thomas


Chris Seidel schrieb:
Quote:
Hallo,

meine Anwendung zeigt einige Ergebnisse in Popups an. Nun finde ich aber ein
extra fenster (window.open) oft ganz schön hässlich, wegen dem dicken
Rahmen, dem obligatorischen Fenstertitel.

Kann man sicher auch mit einem DIV und einem IFRAME in dem DIV machen, wo
man oben rechts ein X zum Schließen des Fensters einbaut?

Gibt es dafür schon fertiges im Netz?

Danke!



Reply With Quote
  #3  
Old   
Chris Seidel
 
Posts: n/a

Default Re: IFRAME in DIV als Popup - 03-31-2007 , 07:39 AM



Thomas Weiler wrote:
Quote:
Hallo Chris,

Du kannst Deine Popups (wenn sie statischen Inhalt haben) als fertige
Divs in die Seite einbinden und mit dem Style Attribut ausserhalb der
Sichtbaren Seite platzieren.

div id="popup" style="position:absolute;top:-400;left:-400;">[Dein
Code]</div
Das läuft ja wieder aufs selbermachen hinaus

Ich suche eine fertige Lösung, der der Art:

popup("zeigewasan.htm");

Dann müsste das DIV am der Stelle aufgehen, wo die Maus geklickt hat und den
Inhalt von "zeigewasan.htm" anzeigen. Das DIV müßte verschiebbar und
schließbar [X] sein.




Reply With Quote
  #4  
Old   
OmegaJunior
 
Posts: n/a

Default Re: IFRAME in DIV als Popup - 03-31-2007 , 11:05 AM



On Sat, 31 Mar 2007 14:39:09 +0200, Chris Seidel <cseidel (AT) arcor (DOT) de> wrote:

Quote:
Thomas Weiler wrote:
Hallo Chris,

Du kannst Deine Popups (wenn sie statischen Inhalt haben) als fertige
Divs in die Seite einbinden und mit dem Style Attribut ausserhalb der
Sichtbaren Seite platzieren.

div id="popup" style="position:absolute;top:-400;left:-400;">[Dein
Code]</div

Das läuft ja wieder aufs selbermachen hinaus

Ich suche eine fertige Lösung, der der Art:

popup("zeigewasan.htm");

Dann müsste das DIV am der Stelle aufgehen, wo die Maus geklickt hat und
den
Inhalt von "zeigewasan.htm" anzeigen. Das DIV müßte verschiebbar und
schließbar [X] sein.


Ich hab ein Beispiel dafuer, aber du sollst auch da selber basteln:
http://www.omegajunior.net/code/landscape2.html
Klicke einer der Ecken und die div-iFrames poppen auf.

Ein Mausklick im Hintergrund schliesst die Fenster, ohne [X]. Ich hab auch
ein Beispiel mit [X] aber ohne iFrame:
http://www.omegajunior.net/leven/faith/24250.html
Klicke dem Tekst 'this picture. It shows the Cycle of the Universe' im 4em
Paragraf.

--
Using Opera's revolutionary e-mail client: http://www.opera.com/mail/


Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.