php array mit onclick an js übergeben?

MariL · 24.02.2010, 06:52

Hallo,
als Anfänger mit angelesenen Kenntnissen in css, php, mysql und js (nur wenig) habe ich eine allgemeine Frage, damit ich nicht in die falsche Richtung laufe.
Kann ich im php-script mit onclick eine js-Funktion aufrufen und ein array(Y-Koordinaten, Bild_groß) übergeben? Ich habe meine Seite dynamisch aufgebaut, Bilder, Vergrößerungsbutton mit css positioniert. Nun soll mit onclick in einem Pop-up Fenster von dem jeweiligen Bild eine Bildvergrößerung angezeigt werden. Nach meinen Kenntnissen müßte ich das neue Fenster mit js realisieren. Ich hätte dann die Cursorposition vom click und die array-Werte (Y-Koordinate, Bild_groß). Läßt sich das überhaupt realisieren? Wenn ja - wie? Sollte es so nicht gehen, wie kann ich mein Problem mit dem Pop-up lösen. (Habe in meiner Literaturstellen nichts gefunden. Ich möchte keine Bildergalerie anzeigen.)
MariL

dennis81 · 24.02.2010, 08:14

Mit PHP wird doch HTML-Code geschrieben (u.a.). Du kannst also alles rein schreiben was du magst. Ich bin mir bei der Javascript Syntax nicht sicher, aber es ginge z.B. so:

PHP-Code:

 
// Schleife über alle Bilder?
<a onclick="popupfunction( array(<?php echo $y_coord; ?>, '<?php echo $bild_gross; ?>') ); return false;">Link</a>

edit: Oder muss es bei JS 'new array()' heißen.

draco88 · 24.02.2010, 09:05

PHP-Code:

 
// Schleife über alle Bilder?
<a onclick="popupfunction( [<?php echo $y_coord; ?>, '<?php echo $bild_gross; ?>'] ); return false;">Link</a>

So ist der Code richtig, ein array wird in JS mit new Array() oder [] erstellt.

MariL · 24.02.2010, 22:32

Vielen Dank für Eure Hilfe. Wollte es ausprobieren aber ich habe keinen Erfolg.

PHP-Code:

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Unbenanntes Dokument</title>

<script language="JavaScript" type="text/javascript"><!--

function NeuesFenster()

{

    var fens = window.open("", "fens", "height=300,width=400,menubar=0,resizable=0,scrollbars=0,status=0,titlebar=1,toolbar=0");

    fens.document.open;

    fens.document.write("<html><head>");

    fens.document.write("<title>Teppich vergroßert</title>");

    fens.document.write("</head><body>");

    fens.document.write("<p>Das Fenster wurde mit JavaScript gef&uuml;llt</p>");

    fens.document.write("</body></html>");

    fens.document.close;

}

 
//--></script>

 
</head>

 
<body>

<?php

$y_coord = array (200, 100);

$bild_klein[0] = "Bilder/T1.jpg";

$bild_klein[1] = "Bilder/T2.jpg";

$bild_gross[0] = "T1.jpg";

$bild_gross[1] = "T2.jpg";

$hoehediff = 0;

$abst = 100;

for($i=0; $i<2; $i++) {

    $abst = $hoehediff + $abst;

    $abststr = "$abst";

    $abstpx = $abststr . "px";

    $y_coordstr[$i] = "$y_coord[$i]";

    $y_coordpx[$i] = $y_coordstr[$i] . "px";

            

    echo '<div style="position:absolute; top:' . $abstpx . '">

        <img src="' . $bild_klein[$i] . '" width="600px" height="' . $y_coordpx[$i] . '" ></div>';

        

    echo '<a href="#gross">

    <img src="Bilder/navi.jpg"style="position:absolute; left:850px; top:' . $abstpx . ';" ></a>';

    

    $hoehediff = $y_coord[$i] + 50;

    }

?>

<a name="gross" id="gross" onclick="NeuesFenster()"></a>

</body>

</html>

Ich muss einen Fehler beim Link haben. In dieser Variante wird kein Fenster geöffnet. Schreibe ich onclick gleich hinter href="#" wird ein neues Fenster geöffnet. Eure Zeile muss aber an dieser Stelle s.o. stehen oder habe ich das falsch verstanden? Ich konnte also die Parameterübergabe noch nicht testen. Danke für die Hilfe MariL

Arne Drews · 25.02.2010, 07:25

Zitat:

Wo willst da denn auch was klicken???

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
[Erledigt] Problem bei update mit array feldern	fulltilt	PHP Tipps 2010	6	13.02.2010 00:59
merge Array?	tommy_725	PHP Tipps 2009	3	07.08.2009 18:30
[Erledigt] Tabellen die sich selbst referenzieren	Squall	PHP Tipps 2009	19	04.08.2009 21:33
Array umwandeln von zwei zu mehrdimensional	erselbst	PHP Tipps 2009	6	02.04.2009 23:30
Turnierbaum aus array erstellen	kingflo	PHP-Fortgeschrittene	11	30.07.2008 11:32
Array auslesen	andrew22	PHP Tipps 2006	3	21.01.2006 23:06
Array Formatierung		PHP Tipps 2006	3	17.01.2006 19:12
Menü mit Unterpunkten	supertramp	Beitragsarchiv	7	18.10.2005 22:40
mehrdimensionales array an js übergeben		PHP Tipps 2005-2	0	11.10.2005 15:51
Problem beim vergleichen von 2 Arrays		PHP Tipps 2005-2	1	06.10.2005 14:25
[Erledigt] Mehrdimensionales Array in eindimensionales Array umwandeln		PHP-Fortgeschrittene	3	03.01.2005 22:31
Abfrage mit id aus anderer Tabelle	suter	PHP Tipps 2004-2	15	16.12.2004 14:25
Array per Formular übergeben	RoDa	PHP Tipps 2004-2	10	16.11.2004 07:34
RadioButtons mit Var. Namen als Array übergeben!?!		PHP Tipps 2004	6	17.09.2004 21:14

24.02.2010, 06:52
MariL Neuer Benutzer Registriert seit: 24.02.2010 Beiträge: 2 PHP-Kenntnisse: Anfänger	php array mit onclick an js übergeben? Hallo, als Anfänger mit angelesenen Kenntnissen in css, php, mysql und js (nur wenig) habe ich eine allgemeine Frage, damit ich nicht in die falsche Richtung laufe. Kann ich im php-script mit onclick eine js-Funktion aufrufen und ein array(Y-Koordinaten, Bild_groß) übergeben? Ich habe meine Seite dynamisch aufgebaut, Bilder, Vergrößerungsbutton mit css positioniert. Nun soll mit onclick in einem Pop-up Fenster von dem jeweiligen Bild eine Bildvergrößerung angezeigt werden. Nach meinen Kenntnissen müßte ich das neue Fenster mit js realisieren. Ich hätte dann die Cursorposition vom click und die array-Werte (Y-Koordinate, Bild_groß). Läßt sich das überhaupt realisieren? Wenn ja - wie? Sollte es so nicht gehen, wie kann ich mein Problem mit dem Pop-up lösen. (Habe in meiner Literaturstellen nichts gefunden. Ich möchte keine Bildergalerie anzeigen.) MariL


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

24.02.2010, 08:14
dennis81 Erfahrener Benutzer Registriert seit: 13.05.2009 Beiträge: 1.166 PHP-Kenntnisse: Fortgeschritten	Mit PHP wird doch HTML-Code geschrieben (u.a.). Du kannst also alles rein schreiben was du magst. Ich bin mir bei der Javascript Syntax nicht sicher, aber es ginge z.B. so: PHP-Code: `// Schleife über alle Bilder? <a onclick="popupfunction( array(<?php echo $y_coord; ?>, '<?php echo $bild_gross; ?>') ); return false;">Link</a>` edit: Oder muss es bei JS 'new array()' heißen. __________________ Es ist schon alles gesagt! Nur noch nicht von allen! (Karl Valentin) Wenn du eine weise Antwort verlangst, musst du vernünftig fragen. (Johann Wolfgang von Goethe) Geändert von dennis81 (24.02.2010 um 08:14 Uhr). Grund: Nachtrag

24.02.2010, 09:05
draco88 Erfahrener Benutzer Registriert seit: 01.12.2009 Beiträge: 645 PHP-Kenntnisse: Fortgeschritten	PHP-Code: `// Schleife über alle Bilder? <a onclick="popupfunction( [<?php echo $y_coord; ?>, '<?php echo $bild_gross; ?>'] ); return false;">Link</a>` So ist der Code richtig, ein array wird in JS mit new Array() oder [] erstellt.

24.02.2010, 22:32
MariL Neuer Benutzer Registriert seit: 24.02.2010 Beiträge: 2 PHP-Kenntnisse: Anfänger	Vielen Dank für Eure Hilfe. Wollte es ausprobieren aber ich habe keinen Erfolg. PHP-Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Unbenanntes Dokument</title> <script language="JavaScript" type="text/javascript"><!-- function NeuesFenster() { var fens = window.open("", "fens", "height=300,width=400,menubar=0,resizable=0,scrollbars=0,status=0,titlebar=1,toolbar=0"); fens.document.open; fens.document.write("<html><head>"); fens.document.write("<title>Teppich vergroßert</title>"); fens.document.write("</head><body>"); fens.document.write("<p>Das Fenster wurde mit JavaScript gefüllt</p>"); fens.document.write("</body></html>"); fens.document.close; } //--></script> </head> <body> <?php $y_coord = array (200, 100); $bild_klein[0] = "Bilder/T1.jpg"; $bild_klein[1] = "Bilder/T2.jpg"; $bild_gross[0] = "T1.jpg"; $bild_gross[1] = "T2.jpg"; $hoehediff = 0; $abst = 100; for($i=0; $i<2; $i++) { $abst = $hoehediff + $abst; $abststr = "$abst"; $abstpx = $abststr . "px"; $y_coordstr[$i] = "$y_coord[$i]"; $y_coordpx[$i] = $y_coordstr[$i] . "px"; echo '<div style="position:absolute; top:' . $abstpx . '"> <img src="' . $bild_klein[$i] . '" width="600px" height="' . $y_coordpx[$i] . '" ></div>'; echo '<a href="#gross"> <img src="Bilder/navi.jpg"style="position:absolute; left:850px; top:' . $abstpx . ';" ></a>'; $hoehediff = $y_coord[$i] + 50; } ?> <a name="gross" id="gross" onclick="NeuesFenster()"></a> </body> </html> Ich muss einen Fehler beim Link haben. In dieser Variante wird kein Fenster geöffnet. Schreibe ich onclick gleich hinter href="#" wird ein neues Fenster geöffnet. Eure Zeile muss aber an dieser Stelle s.o. stehen oder habe ich das falsch verstanden? Ich konnte also die Parameterübergabe noch nicht testen. Danke für die Hilfe MariL