nicht angemeldet
Pop Up aus einem Iframe
Guten Morgen zusammen...
Und zwar habe ich das Problem, dass ich eine Website gebaut habe, Navi und Gerüst ohne große Framerei sondern nur Tabelle und Grafik, aber versehen mit einem iFrame, in den der jeweilige Inhalt geladen wird. Nun will ich aber die Bilder, die im iFrame angezeigt werden, vergrößerbar machen und damit die Größe des Bildes den Frame nicht sprengt, will ich das Ganze als Pop Up. Das Script funktioniert an sich, ich habe es eins zu eins aus einer anderen von mir geschriebenen Seite entnommen und richtig angepasst, davon abgesehen habe ich das Script auch ausserhalb des iFrames getestet und es funktioniert problemlos. Aus dem iFrame heraus aber öffnet sich das Scheißerchen nicht. Also haben der iFrame und mein Pop Up ein Problem miteinander... Aber welches? Und wie kann ich es umgehen? Das heisst, ohne auf eins von beidem verzichten zu müssen?
Schon jetzt vielen Dank für etwaige Hilfe,
Kalle
-
hi,
Also haben der iFrame und mein Pop Up ein Problem miteinander... Aber welches?
vielleicht brüllt der papi "KAAAARL!", und seine beiden jungs wissen nicht, wer gemeint ist, weil er sie unkluger weise beide derart benannt hat?
will sagen, hast du evtl. für iframe und popup den selben namen vergeben? das ist oftmals eine ursache, wenn es sich derart "beißt".
Und wie kann ich es umgehen? Das heisst, ohne auf eins von beidem verzichten zu müssen?
wenn obiges nicht das problem ist, dann wirst du uns schon etwas code zeigen müssen, um das problem zu analysieren.
gruß,
wahsaga--
"Look, that's why there's rules, understand? So that you _think_ before you break 'em."-
Hmm, wäre ein Punkt. Ich habe mal nachgeguckt, aber der iFrame heißt gar nicht Karl. Der heißt gar nicht... :-) keinen Namen und kein Target vergeben, brauch ich nämlich nicht, da jede Grundseite neu aufgerufen wird und einen eigenen iFrame hat, der hat keine Navigationsgründe, sondern soll lediglich gut aussehen, von daher keine Targetdefinierung und sowas.
Hier mal zuerst der Quelltext des iFrame-Inhalts, aus dem das Popup geöffnet werden soll...
<html><head><title>--- titel ---</title></head>
<script type="text/javascript"> <!-- function Newspopper_01-10-04() { F = window.open("news_bild_01-10-04.htm","Popup","width=400,height=300"); } // --> </script>
<style type="text/css"> a:link {color:#000000; text-decoration:none; font-weight:normal;} a:visited {color:#000000; text-decoration:none; font-weight:normal;} a:hover {color:#000000; text-decoration:underline; font-weight:normal;} a:active {color:#000000; text-decoration:none; font-weight:normal;} body { scrollbar-base-color:#AEABAC; scrollbar-3dlight-color:#AEABAC; scrollbar-arrow-color:#FFFFFF; scrollbar-darkshadow-color:#000000; scrollbar-face-color:#AEABAC; scrollbar-highlight-color:#AEABAC; scrollbar-shadow-color:#000000; scrollbar-track-color:#AEABAC; } </style>
<body bgcolor="#ffffff" background="../site_img/tab_back.jpg" bodymargin="0" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table border="0" cellpadding="0" cellspacing="0" width="98%"> <tr> <td valign="top" align="right"> <font size="1" face="verdana"> <div align="justify">
<div align="right"> <b><font size="2">09.10.04 / UPDATED PRODUCTS</font></b> </div> Text <br> <br>
<div align="right"> <b><font size="2">08.10.04 / RELAUNCH & NEWS</font></b> text <br> <br> <br>
</div> </td>
<td width="5px"> </td>
</td> </tr> </table>
</body></html>
Und hier die Grundseite, in die der iFrame eingebettet wird:
<html><head><title>--- titel ---</title></head>
<!--
Java Script für OnMouseOver Buttons
//-->
<script type="text/javascript"> <!--
image001 = new Image(); image001.src = "../site_img/news_button_hover.jpg"; image002 = new Image(); image002.src = "../site_img/about_button_hover.jpg"; image003 = new Image(); image003.src = "../site_img/team_button_hover.jpg"; image004 = new Image(); image004.src = "../site_img/products_button_hover.jpg"; image005 = new Image(); image005.src = "../site_img/media_button_hover.jpg"; image006 = new Image(); image006.src = "../site_img/store_button_hover.jpg"; image007 = new Image(); image007.src = "../site_img/contact_button_hover.jpg"; image008 = new Image(); image008.src = "../site_img/links_button_hover.jpg"; image009 = new Image(); image009.src = "../site_img/imprint_button_hover.jpg";
//--> </script>
<script type="text/javascript"> <!-- function Sykum_Contact_Popper_01() { F = window.open("../pops/faq.htm","Popup","width=385,height=285"); } function Sykum_Contact_Popper_02() { F = window.open("../pops/location.htm","Popup","width=385,height=285"); } // --> </script>
<body bgcolor="#ffffff" background="../site_img/back_square.jpg" bodymargin="0" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!--
Layer für @ ? links neben Logo
//-->
<div style="position:absolute; left:267px; top:43px;"> <table border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top"> <a href="mailto:info@sykum.com"> <img src="../site_img/at_button.jpg" border="0"> </a> </td> <td valign="top"> <a href="javascript:Sykum_Contact_Popper_01()"> <img src="../site_img/fragezeichen_button.jpg" border="0"> </a> </td> <td valign="top"> <a href="javascript:Sykum_Contact_Popper_02()"> <img src="../site_img/bus_button.jpg" border="0"> </a> </td> </tr> </table> </div>
<!--
Spacer Tab; Links und oben Spacers
//-->
<table border="0" cellpadding="0" cellspacing="0">
<tr height="20px">
<td width="15px"> </td>
<td>
<!--
Website (Navi + Inhalt) ab hier
//-->
<table border="0" cellpadding="0" cellspacing="0">
<tr valign="top" align="left">
<!--
Tab Links: Navi (OnMouseOver Buttons)
//-->
<td valign="top" width="306px" height="546px" align="left" background="../site_img/back_links.jpg">
<table border="0" cellpadding="0" cellspacing="0"> <tr> <td height="145px" width="64px"> </td> <td> </td> </tr>
<tr> <td> </td> <td align="right">
<div align="right">
<a href="../news/index.htm" target="_top" onFocus="if(this.blur)this.blur()" onmouseover="image001.src='../site_img/news_button_hover.jpg';" onmouseout="image001.src='../site_img/news_button.jpg';"><img src="../site_img/news_button.jpg" border="0" name="image001"> </a>
<br>
<a href="../about/index.htm" target="_top" onFocus="if(this.blur)this.blur()" onmouseover="image002.src='../site_img/about_button_hover.jpg';" onmouseout="image002.src='../site_img/about_button.jpg';"><img src="../site_img/about_button.jpg" border="0" name="image002"> </a>
<br>
<a href="../team/index.htm" target="_top" onFocus="if(this.blur)this.blur()" onmouseover="image003.src='../site_img/team_button_hover.jpg';" onmouseout="image003.src='../site_img/team_button.jpg';"><img src="../site_img/team_button.jpg" border="0" name="image003"> </a>
<br>
<a href="../products/index.htm" target="_top" onFocus="if(this.blur)this.blur()" onmouseover="image004.src='../site_img/products_button_hover.jpg';" onmouseout="image004.src='../site_img/products_button.jpg';"><img src="../site_img/products_button.jpg" border="0" name="image004"> </a>
<br>
<a href="../media/index.htm" target="_top" onFocus="if(this.blur)this.blur()" onmouseover="image005.src='../site_img/media_button_hover.jpg';" onmouseout="image005.src='../site_img/media_button.jpg';"><img src="../site_img/media_button.jpg" border="0" name="image005"> </a>
<br>
<a href="http://www.beatnuts.de" target="_blank" onFocus="if(this.blur)this.blur()" onmouseover="image006.src='../site_img/store_button_hover.jpg';" onmouseout="image006.src='../site_img/store_button.jpg';"><img src="../site_img/store_button.jpg" border="0" name="image006"> </a>
<br>
<a href="../contact/index.htm" target="_top" onFocus="if(this.blur)this.blur()" onmouseover="image007.src='../site_img/contact_button_hover.jpg';" onmouseout="image007.src='../site_img/contact_button.jpg';"><img src="../site_img/contact_button.jpg" border="0" name="image007"> </a>
<br>
<a href="../links/index.htm" target="_top" onFocus="if(this.blur)this.blur()" onmouseover="image008.src='../site_img/links_button_hover.jpg';" onmouseout="image008.src='../site_img/links_button.jpg';"><img src="../site_img/links_button.jpg" border="0" name="image008"> </a>
<br>
<a href="../imprint/index.htm" target="_top" onFocus="if(this.blur)this.blur()" onmouseover="image009.src='../site_img/imprint_button_hover.jpg';" onmouseout="image009.src='../site_img/imprint_button.jpg';"><img src="../site_img/imprint_button.jpg" border="0" name="image009"> </a>
<br>
</div>
</td> </tr> </table>
</td>
<!--
Tab Rechts: Gerüst für den iFrame
//-->
<td valign="top" width="385px" height="546px" align="left" background="../site_img/back_rechts.jpg">
<table border="0" cellpadding="0" cellspacing="0"> <tr>
<td> </td>
<td height="80px" width="341px"> </td>
</tr>
<tr>
<td width="23px"> </td>
<td background="img/tab_titel.jpg" height="50px" width="341px"> </td> </tr>
<tr>
<td> </td>
<td background="../site_img/tab_back.jpg" height="390px" align="right" valign="top">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr height="5px">
<td> </td> <td> </td>
</tr>
<tr> <td align="right" valign="top"> <iframe width="320px" height="100%" frameborder="0" src="iframe.htm">
Wenn du diesen Text hier lesen kannst, dann bedeutet das, dass dein Browser so unfassbar veraltet ist, dass er nicht mal iFrames anzeigen kann. Das ist schlecht; das ist erstens Standart und zweitens brauchst du iFrames um diese Seite hier vernünftig anzeigen zu können. Also go & update, ist doch eh umsonst...<br> <br> If you're reading this text right now your browser is not able to view iFrames. Due to the fact that you'll need them to browse this website properly maybe you should just go & update your browser, it's for free anyway, dude.<br>
</iframe>
</td>
<td width="5px"> </td> </tr>
<tr height="10px">
<td> </td> <td> </td>
</tr>
</table>
<br> <img src="../site_img/copyright_unten.jpg">
</td> </tr> </table>
</td>
</tr>
</table>
<!--
Ende Spacer Tabelle (oben und links Space)
//-->
</td> </tr> </table> </body></html>
Ich checks nich...
-
hi,
Hier mal zuerst der Quelltext des iFrame-Inhalts, aus dem das Popup geöffnet werden soll...
[...]
function Newspopper_01-10-04() {
F = window.open("news_bild_01-10-04.htm","Popup","width=400,height=300");wird _wo_ aufgerufen?
Ich checks nich...
trotzdem wird vermutlich kaum einer lust haben, sich deinen kompletten quelltext anzuschauen, auch wenn du ihn derart hoffnungsvoll hier ablädst ...
gruß,
wahsaga--
"Look, that's why there's rules, understand? So that you _think_ before you break 'em."-
okay, tschuldigung. gehört, verstanden.
also:<script type="text/javascript">
<!--
function Newspopper_01-10-04() {
F = window.open("news_bild_01-10-04.htm","Popup","width=400,height=300");
}
// -->
</script>--> popup script in der html datei, die in den iframe geladen wird.
<a href="javascript:Newspopper_01-10-04()"><img src="img/news_01-10-04_thumb.jpg" border="0"></a>
--> wäre der aufruf in derselben html datei.
und der iFrame ist in der übergeordneten html datei folgendermaßen definiert:
<iframe width="320px" height="100%" frameborder="0" src="iframe.htm">
Wenn du diesen Text hier lesen kannst, dann bedeutet das, dass dein Browser so unfassbar
veraltet ist, dass er nicht mal iFrames anzeigen kann. Das ist schlecht; das ist erstens Standart und zweitens brauchst du iFrames um diese Seite hier vernünftig anzeigen zu können. Also go & update, ist doch eh umsonst...<br>
<br>
If you're reading this text right now your browser is not able to view iFrames. Due to the fact
that you'll need them to browse this website properly maybe you should just go & update your browser, it's for free anyway, dude.<br></iframe>
für jede hilfe dankbar,
kalle-
hi,
function Newspopper_01-10-04() {
vielleicht solltest du diesen funktionsnamen mal gegen die konventionen für Selbstvergebene Namen checken.
<a href="javascript:Newspopper_01-10-04()"><img src="img/news_01-10-04_thumb.jpg" border="0"></a>
du weißt hoffentlich, dass dies einer der denkbar ungünstigsten wege ist, javascriptfunktionen aufzurufen?
beschäftige dich doch mal mit molilys guten artikel bzgl. popups.
gruß,
wahsaga--
"Look, that's why there's rules, understand? So that you _think_ before you break 'em."-
du weißt hoffentlich, dass dies einer der denkbar ungünstigsten wege ist, javascriptfunktionen aufzurufen?
nein, wusste ich nicht. vielen dank, ich guck mir alles mal an!
kalle
-
-
-
-
-