PHP-Code in jQuery-Anweisung

  • PHP-Code in jQuery-Anweisung

    Hallo Leute!

    Ich habe folgenden jQuery-Code:

    Quellcode

    1. $(document).ready(function() {
    3. $(window).bind("resize", function() {
    5. var height = $(window).height();
    6. var width = $(window).width();
    7. var height_tb = height - 90;
    9. if (width > height) {
    10. PHP-Code hier möglich? Wenn ja, wie?
    11. } else {
    12. PHP-Code hier möglich? Wenn ja, wie?
    13. }
    14. });
    15. $(window).trigger('resize', true);
    16. });
    Alles anzeigen


    Wie ist es möglich PHP-Code in die jQuery-Anweisungen (if-/else) einzufügen?

    Vielen Dank für eure Hilfe!

    Surfer

  • Sowas geht aber leider nicht. Aber warum nicht?

    ...
    <body>

    Quellcode

    1. $(document).ready(function() {
    3. $(window).bind("resize", function() {
    5. var height = $(window).height();
    6. var width = $(window).width();
    7. var height_tb = height - 90;
    9. if (width > height) {
    11. <?php
    12. echo "<div id='magazine' class='swipe'>";
    13. echo "<div>";
    15. $s = 0;
    16. echo "<div style='display:block;'><img id='pic' class='pic0' src='".$dir."/".$seiten[$s]."' /></div>";
    18. for($s=1; $s<sizeof($seiten); $s++)
    19. {
    20. $bildname = str_replace(substr($seiten[$s], strrpos($seiten[$s], '.')), "", $seiten[$s]);
    21. $pfad = "test/orientation/images/".$bildname."_merged.jpg";
    23. $bild1 = $dir."/".$seiten[$s];
    24. $bild2 = $dir."/".$seiten[$s+1];
    26. if (file_exists("test/orientation/images/".$bildname."_merged.jpg"))
    27. {
    28. if ($seiten[$s+1] != "")
    29. {
    30. $pic2 = $s + 1;
    31. echo "<div style='display:none;'><img id='pic' class='pic$s' src='test/orientation/images/".$bildname."_merged.jpg' /></div>";
    32. echo "<div style='display:none;'><img id='pic' class='pic$pic2' src='test/orientation/images/".$bildname."_merged.jpg' /></div>";
    33. }
    34. else
    35. {
    36. $last_pic = end($seiten);
    37. echo "<div style='display:none;'><img id='pic' class='pic$s' src='".$dir."/".$last_pic."' /></div>";
    38. }
    39. }
    40. else
    41. {
    42. if ($seiten[$s+1] != "")
    43. {
    44. $width = 3721;
    46. $height = 0;
    47. $images = array($bild1, $bild2);
    48. $ressources = array();
    50. foreach($images as $image)
    51. {
    52. $tmp = array();
    53. $size = getimagesize($image);
    54. $tmp['width'] = $size[0];
    55. $tmp['height'] = $size[1];
    56. $tmp['img'] = imagecreatefromjpeg($image);
    57. $height = $size[1];
    58. $ressources[] = $tmp;
    59. }
    61. $result = imagecreatetruecolor($width, $height);
    62. $weiss = imagecolorallocate($result, 255, 255, 255);
    63. imagefill($result, 0, 0, $weiss);
    64. $x = 0;
    66. foreach($ressources as $res)
    67. {
    68. imagecopy($result, $res['img'], $x, 0, 0, 0, $res['width'], $res['height']);
    69. $x += $res['width'];
    70. }
    72. imagejpeg($result, $pfad, 60);
    73. imagedestroy($result);
    75. echo "<div style='display:none;'><img id='pic' class='pic$s' src='test/orientation/images/".$bildname."_merged.jpg' /></div>";
    76. }
    77. else
    78. {
    79. $last_pic = end($seiten);
    80. echo "<div style='display:none;'><img id='pic' class='pic$s' src='".$dir."/".$last_pic."' /></div>";
    81. }
    82. }
    83. $s += 1;
    84. }
    85. echo "</div>";
    86. echo "</div>";
    87. ?>
    88. }
    89. });
    90. $(window).trigger('resize', true); //Orientationchange beim Laden der Seite
    91. });
    Alles anzeigen

    Quellcode

    1. slider = new Swipe(document.getElementById('magazine'));

    </body>
    </html>

  • Quellcode

    1. if (width > height) {
    3. <?php
    4. echo "<div id='magazine' class='swipe'>";
    5. ...

    Das ergibt keinen Sinn. Nachdem der Server den PHP-Code ausgeführt hat, bekommst du:

    Quellcode

    1. if (width > height) {
    3. <div id='magazine' class='swipe'>
    4. ...

    und das ist kein gültiges Javascript. Mach dir nochmal klar, wie die Verarbeitung von PHP (im Webserver) und Javascript/HTML (im Browser) zusammenspielt. Wenn du deinen Content nur unter bestimmten Bedingungen anzeigen lassen willst, kannst du zum Beispiel die Styleeigenschaften ändern und display auf none setzen:

    Quellcode

    1. document.getElementById('magazin').style.display = 'none'

    und deinen PHP-Code schreibst du in den HTML-Body.

    Thomas

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von Thomas Henkel ()

  • Entweder du führst ihn immer aus und blendest ihn per Javascript aus (wie oben beschrieben) oder du benutzt einen Ajax-Request. Dann wird an der Stelle wo jetzt dein PHP-Code steht ein HTML-Request ausgeführt (eine separate Anfrage an den Webserver), der dein PHP-Script ausführt und das Ergebnis als HTML zurückliefert. Dieses wird dann in dein HTML-Dokument eingefügt. Dazu gibt es jede Menge Tutorials die du dir anschauen kannst.

    Thomas