javascriptの変数をPHPの変数で受ける

質問

下記のようなjavascript において、グローバル変数clicked の値を
PHPの変数$clickedで受けたいのですが、どうすれば受け取れるでしょうか？
var_dump()してみると、undefinedや、NULLと表示されます。
要は、カレンダーの<td>要素をクリックしたときの日にちの番号を
PHPの変数で受けたいのです。

echo '<tr id="calheader" bgcolor="#ffffcc">';
for($i=1; $i<=7; $i++){
echo '<td valign="top" align="center" class="smallText" id="'.$i.'" onclick="pusharea(this);">'.$i.'</td>';

<script language="javascript">
<!--
var clicked; // グローバル変数
function pusharea(obj){

clicked = obj.id;
}
// -->
</script>
</head>
-----------------------------------------------
<script language="javascript">
alert(clicked);
// <?php echo $clicked;?>=clicked;
</script>
<?php
var_dump($clicked);
echo '<tr>';
for($i=1; $i<=7; $i++){
/*if($i===$clicked)*/ echo '<td valign="top" height="50" align="center" class="smallText">'.$user.'</td>';
//else echo '<td valign="top" class="smallText">&nbsp;</td>';
}
echo '</tr>';

回答No.2

superside0 · ベストアンサー

#1さんのご回答の通り
PHPはサーバーでの事前処理、JavaScriptはクライアント（ブラウザ）での処理です。

よって、コーディングの順番に実行される訳ではなく、
また同じメモリ（同じ変数）にアクセスできる訳ではありません。
なので、ブラウザで実行するJavaScript内でclicked = obj.id;　　としても
PHPでそれをそのまま、if($i===$clicked)なんていうように　使うことはできません。

★もし、サーバー側でないと処理できない内容であるなら

１）
function pusharea(obj)の中で、jQueryの$.ajax　でパラメータにobj.idを渡して
Ajax手法で画面の推移とは非同期にPHPを実行し、その戻ってきた値で
動的にHTMLを変更するというが簡単だと思います。

★Ajax的に画面を随時更新したいのではなく、別途 次の画面に進むための
submitボタンなりがあって、そのときにクリックしていた場所を一緒に送りたい　ということなら

２）
function pusharea(obj)　のなかで、document.cookie = "clicked="+obj.id +";"の
ようにしてcookieに値をセットしておけば、
それをPHP側で $_COOKIE["clicked"] で取り出すことができます。

３）
大きめのデータの場合、cookieは向きませんので、
PHPに送信するためのform内にHiddenデータを JavaScriptで追加するという手法もあります。

この場合、PHP側では $_GET[なんちゃら] か$_POST[なんちゃら]で取り出すことになります。

４）
項目が多いなら、Ajaxとセッションを使ったほうが簡単かもしれません。
（Ajaxは非同期なので復数のAjaxの実行が並行することがあるので
　サーバー側でセッションファイルをロックしないようにするテクニックが必要なようです）

５）
画像なりテキストをクリックした場所でなくて、
チェックボタンなり　ラジオボタンなりを　設置しほうが、利用する側にも
どれを選択しているかが、わかりやすいかも。

★サーバー側のPHPでないと処理できない内容でないなら

６）
PHPでなく、JavaScriptで作るだけ。

ということになるかと。

お礼

大変詳しいご回答、どうも有難うございました。

補足

superside0　様の(2)の手法で実現したいと思います。
できましたら、ご報告したいと思います＾＾
どうもありがとうございました。

回答No.1

sanzero

phpはサーバーでの処理、javascriptはクライアントでの処理です。

ブラウザで表示された時点でphpの処理は終了しているので、この場合javascriptから値を渡す意味がありません。
(postやget, cookieで渡すという手もありますが)

クリックしたtdの表示を変えたいだけならjavascriptでのみでやりましょう。

お礼

ご回答いただき、ありがとうございました。