chris: popup mit variablem img und text

Hallo liebes Forum!
Habe ein Problem mit meinem popup welches variable Bilder und Texte anzeigen soll.
Das mit den Bildern bekomme ich hin, doch dazu noch einen variablen Text zu setzten habe ich noch nicht geschafft!

hier meine popup.htm:

<html>
<head>
<meta http-equiv="Content-Style-Type" content="text/css">
<link rel="stylesheet" type="text/css" href="style_pic.css">
</head>
<body onload="self.focus()" leftmargin="0" topmargin="0" marginheight="0" marginwidth="0">
<script type="text/javascript" language="javascript">
var bild = location.search;
bild = bild.substr(1);
document.write('<iframe style="position:absolute; left:60px; top:200px; width:880px; height:360px; border:0px;" src="'+bild+'"></iframe>');
</script>
</body>
</html>

und hier der Aufruf:

<div style="position:absolute; top:590px; left:5px; clip:rect(0px 640px 650px 0px);"><a href="popup.htm" target="image" onclick="javascript:popup('image/ls_3_years.gif',this.target,1000,500);return false;">
<img src="image/ls_3_years.gif" border="0"></a></div>

und die Funktion im head:

<script type="text/javascript" language="javascript">
function popup(bild,target, width,height) {
var newWin = window.open("popup.htm?" +bild, target, "scrollbars=yes,toolbar=no,location=no,status=no, resizeable=yes",width="+width+",height="+height+").focus();
}
</script>

Wie mache ich das am besten? Wenn ich das richtig sehe müste im Aufruf der variable Text enthalten sein! Zu dem Beispiel-Bild ls_3_years.gif würde z.B. der Text gehören "Tabelle statistischer Werte"!
Wie muss ich das machen? Kann ja eigentlich nicht so schwer sein doch hab ich immoment nen Brett vorm Kopf oder so!
Danke für eure Hilfe!
mfg Chris

  1. Hi,

    um dir Zeit zu sparen, dieser Post gibt dir keine direkte Antwort auf deine Frage, es ist nur einer dieser typischen Nörgel-Nörgel-Warum-nimmst-du-nicht Posts. :-)

    Hallo liebes Forum!

    Hallo lieber Chris!

    Habe ein Problem mit meinem popup welches variable Bilder und Texte anzeigen soll.

    Unter normalen Umständen würde ich sagen, Ja, du hast ein Problem, du benutzt PopUps. Aber um Bilder o.ä. anzuzeigen, finde ich das ja noch legitim :)

    hier meine popup.htm:

    Ich hoffe hier steht in Wirklichkeit noch ein DocType?

    <html>
    <head>
    <meta http-equiv="Content-Style-Type" content="text/css">
    <link rel="stylesheet" type="text/css" href="style_pic.css">
    </head>
    <body onload="self.focus()" leftmargin="0" topmargin="0" marginheight="0" marginwidth="0">

    leftmargin, topmargin, etc. gibt es nicht! Nutze Hierfür bitte CSS, dafür ist es schließlich erfunden worden ;-)

    <script type="text/javascript" language="javascript">

    Das language Attribut ist deprecated.

    var bild = location.search;
    bild = bild.substr(1);
    document.write('<iframe style="position:absolute; left:60px; top:200px; width:880px; height:360px; border:0px;" src="'+bild+'"></iframe>');
    </script>
    </body>
    </html>

    und hier der Aufruf:

    <div style="position:absolute; top:590px; left:5px; clip:rect(0px 640px 650px 0px);"><a href="popup.htm" target="image" onclick="javascript:popup('image/ls_3_years.gif',this.target,1000,500);return false;">
    <img src="image/ls_3_years.gif" border="0"></a></div>

    und die Funktion im head:

    <script type="text/javascript" language="javascript">

    Über language habe ich bereits meinen Senf abgegeben ;-)

    function popup(bild,target, width,height) {
    var newWin = window.open("popup.htm?" +bild, target, "scrollbars=yes,toolbar=no,location=no,status=no, resizeable=yes",width="+width+",height="+height+").focus();
    }
    </script>

    So wie ich das sehe, hast du zwei Möglichkeiten.

    Nummer 1: Häng an den QueryString Parameterein &text= dran, und parse diesen in der popup.htm, oder

    Nummer 2: und wesentlich empfehlenswerter, arbeite mit Serverseitigen Technologien. Welches Bild seh ich denn, wenn ich JavaScript abgeschaltet habe?

    So, genug der Nörgelei :-)

    Gruß

    Phil

    --
    ich bin ein nachmacher: http://www.eppstein.de