0

以下は index.php の GetWidth と GetHeight 関数の 1 つのファイルです。(これらは最終的な関数ではないので重要ではありません。) 重要な部分は /* IMPORTANT HERE */ でマークされていますつまり、GetWidth() から値を取得すると、w=120 に移動するか、120 の値を現在の幅と高さと同じ値に置き換える必要があります。構文エラーがある場合は無視してください。

jQueryからPHPスクリプトに値を渡す方法を理解したいだけです。また、将来的にはサイズ変更メソッドを追加して、ウィンドウのサイズが変更されたときに値が動的になるようにします。

<html>
    <head>
        <title></title>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script>
            $(window).resize(function () {
      $('#msg').text('Browser (Width : ' 
                         + $(window).width() 
         + ' , Height :' + $(window).height() + ' )');
        });

        $(document).ready(function() {
       // DOCUMENT READY

       function GetWidth() {
            if (self.innerWidth) {
                    return self.innerWidth;
                }
                else if (document.documentElement && 
                             document.documentElement.clientHeight) {
                    return document.documentElement.clientWidth;
                }
                else if (document.body) {
                    return 0;
                }
                return x;
            }

            function GetHeight() {
                if (self.innerHeight) {
                    y = self.innerHeight;
                }
                else if (document.documentElement && 
                           document.documentElement.clientHeight) {
                    return
                                document.documentElement.clientHeight;
                }
                else if (document.body) {
                    return 0;
                }
                return y;
            }





// This is for when it first loads.                                
$('#TEXT').text('W: ' + $(window).width() + ' , H:' + $(window).height() + y);

// This is for when window gets resized.
$(window).resize(function () {
    $('#TEXT').text('W: ' + $(window).width() + ' , H:' + $(window).height());
});

  // DOCUMENT READY    
  });
 </script>
 </head>

 <body>

Info Area:<br>
<div id="TEXT"></div>

/* IMPORTANT HERE */
<!-- img src="timthumb.php?src=URL...image.jpg&h=180&w=120" -->
/* IMPORTANT HERE */

</body>
</html>
4

3 に答える 3

0

jQuery または JS 変数を PHP スクリプトに渡すことはできません。基本的に、PHP スクリプトはサーバー レベルで実行され、HTML、JS、および CSS のみがブラウザーに返されます。その後、ブラウザはそれをレンダリングします。したがって、ブラウザーが JS メソッドを実行するとき、PHP スクリプトは既に実行されています。

Ajax を使用できます。

于 2013-01-08T19:01:18.813 に答える
0

PHP はサーバー側の言語であり、jQuery はクライアント側の言語であるため、jQuery から PHP に値を渡すことはできません。しかし、 AJAXであるクライアント側からサーバー側にデータを渡す方法があります。

https://softwareengineering.stackexchange.com/questions/171203/what-are-the-difference-between-server-side-and-client-side-programming

WebブラウザでPHPスクリプトが機能しないのはなぜですか?

http://www.scriptingok.com/tutorial/Server-side-vs-Client-side

于 2013-01-08T19:08:05.287 に答える
0

スタックオーバーフローへようこそ！
問題は、phpがサーバーでコンパイルされ、ブラウザーがサーバーからhtmlとjavascriptファイルを受け取り、ブラウザーが
javascriptとhtmlコードをコンパイルする
ため、javascriptがphpcodeを変更できないため
、htmlを次のようにjavascriptにすることができます。

image = new Image(); 
image.src = "timthumb.php?src=URL...image.jpg&h="+ hgt + "&w=" + wth;

image.onLoad=function(){ $("img").attr({src: image.src}); }
于 2013-01-08T19:23:21.610 に答える