Form から JavaScript を呼び出す

PHP で Form に並べたボタンから JavaScript を呼び出します。
PHP から JavaScript を呼び出す call_javas.php の呼び出し方です。
<a href="http://maedakobe.rw.xsi.jp/php/call_javas.php">JavaScript を呼び出す</a>
次のリンクをクリックすると JavaScript を呼び出す PHP が実行されます。
JavaScript を呼び出す

プログラムの説明

  1. Form にボタンを並べる では JavaScript でボタンを並べて PHP を呼び出しました。
    今回は PHP で ボタンを並べて JavaScript を呼び出します。
    同じように思われるかも知れませんが、PHP はサーバーサイドで動くのに対して JavaScript はクライアントサイドで動作します。
  2. "call_javas.php" の全ソースコードです。
    ここから Form にボタンを並べて "javas_img.html" を呼び出します。
    "javas_img.html" では JavaScript を組み込んでボタンを並べます。
    shift-jis でタイプして、サーバーにアップロードして下さい。
    <html>
    <body bgcolor=#f4f8ff>
      <h2>Form にボタンを並べる</h2>
        <form action="javas_img.html" method="get">
        <?php
            for($i=1; $i<9; $i++)
                print("<input type='radio' name='val' value=$i />$i 個<br>\n");
        ?>
        <input type='submit' />
        </form>
    </body>
    </html>
    
  3. Form から呼び出されて、石の画像を表示する JavaScript を組み込んだプログラム javas_img.html です。
    utf-8 でタイプして、サーバーにアップロードします。
    パラメータで渡されたボタン(石の数)を取得して jewel.gif を並べます。
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <link rel="stylesheet" href="php.css" type="text/css">
    <title>javas image</title>
    <script type="text/javascript">
    <!--
        function ImgView(num)
        {   for(i=0; i<num; i++)
                document.write("<img src='../img/jewel.gif'>");
        }
    // -->
    </script>
    </head>
    
    <body>
    <script type="text/javascript">
        param = new Array();
        //window.alert(window.location.search);
        if (window.location.search.length>4)
        {   var query = window.location.search.substring(1);
            var parameters = query.split('&');
            for(i=0; i<parameters.length; i++)
            {
                var element = parameters[i].split('=');
                var paramName = decodeURIComponent(element[0]);
                var paramValue = decodeURIComponent(element[1]);
                param[paramName] = parseInt(paramValue);
            }
            val = param["val"];
            ImgView(val);
        }
    </script>
    
    </body>
    </html>
    
  4. JavaScript はマウスやキーボードの操作を検出してリアルタイムに処理するのに適しています。
    これに対して、PHP はサーバーサイドで複数ユーザーの管理や情報の交換などを担当します。
    JavaScript のプログラムは JavaScript を参照して下さい。

前田稔の超初心者のプログラム入門
PHP Program