[PHP/JavaScript] Dynamisches PopUp

Dittboy · 27.12.2004, 18:31

Moin!

Ich möchte ein PopUp mit JavaScript erzeugen, das eine Feste Breite und keine Scrollbalken etc. hat. Den Bildernamen möchte ich dynamisch an JavaScript übergeben (mit einer PHP Variable). Wie bekomm ich das hin?
Ich habe schon mehrere Beiträge und Webseiten dazu durchforstet, aber ich bekomme es einfach nicht hin, das der Bildername aus einer Variable geholt wird. Ich habe es mir so gedacht, dass im <HEAD> bereich der Seite eine JavaScript funktion deklariert wird und im <BODY> bereich nur noch der Bildername per Variable eingefügt werden muss, ungefähr so: javascript: popup('$bildname').

Kann mir vielleicht jemand dabei helfen?

Mfg
Dittboy

Dennis The Menace · 27.12.2004, 20:30

In wiefern benötigst du denn jetzt noch hilfe - ich mein - du hast die Lösung ja eigentlich schon geschrieben. Eine JavaScript Funktion im Header, die als Argument den Dateinamen der zu öffnenden Seite/Bildes bekommt, und - dann kannst du sie im Body Bereich ja mit jedem bildnamen: popup('test.jpg') aufrufen.

Du kannst die Dateinamen natürlich auch über php übergeben

PHP-Code:


			
$array = array( "bild1.jpg", "bild2.jpg", "...");

foreach( $array as $bild )

 echo "deine javascriptfunktion('".$bild."') .....";

Dittboy · 27.12.2004, 21:09

Öhm, ich hab keine ahnung von JavaScript, und als ich es versucht habe, hat PHP gemeckert, weil irgendwas nicht richtig escaped war. Wenn ich jetzt aber ein \ vor ' gemacht habe, hat JS dieses backslash mit übernommen, was natürlich nicht soll...

Ansonsten habe ich keine ahnung, wie ich eine Funktion aufbaue, das oben beschriebene war halt nur eine Idee, wie's funktionieren könnte.

Mfg
Dittboy

Dennis The Menace · 27.12.2004, 23:37

Generell - was hat JavaScript mit PHP zu tun?!?

Code:

<script language="JavaScript">
<!--
function PopUp(Breite, Hoehe, URL, Name)
{
        var options = "toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0";
        window.open(URL, 'Name', options + ',width=' + Breite + ',height=' + Hoehe);
}
//-->
</script>

Eine errschreckend primitive JavaScript Funktion.
Aufruf erfolgt mit:

Code:

z.b.: <body onload=" ...
oder als link <a href="javascript:PopUp(500,200,'test.htm','Fenstername')" 
bzw. über onclick!

Dittboy · 28.12.2004, 16:49

Ich wollte das eigentlich so haben, dass oben alles bis auf den Dateinamen definiert wird, ich hab's versucht, aber es funktioniert leider nicht

PHP-Code:


			
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
      <HTML>
      <HEAD>
      <TITLE>TEST</TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <script language="JavaScript">
      <!--
          function PopUp(URL) {
         var options = "toolbar=0,scrollbars=1,location=0,statusbar=0,menu bar=0,resizable=0,width=320,height=180";
              window.open(URL, + options);
          }
      //-->
      </script>
      </HEAD>
      
      <BODY>
   <?php
      echo "<a href=\"javascript:PopUp(\'".$adresse."\')\">TEST<a/>"
   ?>
      </BODY>
      </HTML>

Was ist daran falsch?

Mfg
Dittboy

Dennis The Menace · 28.12.2004, 16:55

PHP-Code:


			
echo "<a href=\"javascript:PopUp('".$adresse."')\">TEST<a/>";

Und, mach das + bei ( window.open(URL, + options); ) mal weg

Dittboy · 28.12.2004, 17:10

Der ändert aber leider nicht die größe, und die optionen übernimmt die funktion auch nicht

Hier habe ich die Datei mal hochgeladen.

Mfg
Dittboy

Dennis The Menace · 28.12.2004, 17:25

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE>TEST</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<script language="JavaScript">
<!--
function PopUp(URL) {
window.open(URL, "Fenstername", "width=320, height=180, toolbar=0, scrollbars=1 ,location=0 ,statusbar=0,menubar=0, resizable=0");
}
//-->
</script>
</HEAD>

<BODY>
<a href="#" onclick="javascript:PopUp('http://www.google.de')">TEST<a/></BODY>
</HTML>

Wie der Window.Open Syntax funktioniert, kannst du z.b. auf Selfhtml nachlesen. Der Muss als zweites Argument nämlich den Fensternamen bekommen^^
http://de.selfhtml.org/javascript/ob...indow.htm#open

Du darfst da also nicht einfach nach belieben irgendwelche Arguments löschen

Dittboy · 28.12.2004, 17:40

Ok, vielen dank

Mfg
Dittboy