タグのJavaScriptとPHPの記述方法について

Question

いつもお世話になっております。
HTMLを勉強していて、わからないコードが出て混乱してしいました。。。

<span onClick="location='?order=<?=order('ID')?>';">IDコード<?=mark('ID')?></span></th>
テーブルの一番上の項目の箇所で、
ここをクリックするとIDでソートする機能かと思うのですがこのコードの意味がわかりません。
JavascriptやPHPが記述されているのかな？と思うですが、どこからどこまでがそれぞれの範囲なのかがわかりません。
どうぞよろしくお願いいたします。。。

※コードをバッククォートでくくりました。失礼いたしました。

Comments

[miyabi-sun]

コードはバッククォート(Shift+@で入力出来る)でくくってください。

Answer 1

こうやってマークダウンで書くと、コードが色分けされるので見やすいです。

<span onClick="location='?order=<?=order('ID')?>';">IDコード<?=mark('ID')?></span></th>

onClickと書いてあって、ダブルコーテーションの中身がJavascriptです。

location='?order=PHPで生成されるもの';

というコードになります。クリック時に呼び出されます。
自分自身をorderパラメータを付けて呼び出してますね。

<?=order('ID')?> と <?=mark('ID')?> というのがPHP部分です。
<?php echo order('ID') ?> と <?php echo mark('ID') ?> と同義です。
ということで、order関数とmark関数を呼び出して、その結果を表示してます。

Comments

[sakusa]

shi_ueさん、ご回答いただきありがとうございました。
マークダウンも教えていただき、ありがとうございました。
今後、使っていきます。
shi_ueさんのおかげでどれがJavascriptで、どこがPHPなのかまたその意味までわかりました。
丁寧にご解説いただき、ありがとうございました！！！

[shi_ue]

```PHP
```
というように改行を入れてくださいね。

Answer 2

分かりやすく字下げを整えました。

<th>
  <span onClick="location='?order=<?=order('ID')?>';">
    IDコード<?=mark('ID')?>
  </span>
</th>

基本的な流れはこんな感じ

1. PHPで完全なHTMLを生成
2. ブラウザーによって解釈される

ブラウザーで解釈される時には既にこのような状態になっています

// order('ID')の戻り値：xxxx
// mark('ID')の戻り値：yyyy
<th>
  <span onClick="location='?order=xxxx';">
    IDコードyyyy
  </span>
</th>

<?= xxxx ?> の書き方をしていると全てHTMLファイルとしてブラウザに届けられる前に
PHPが解釈して置換してしまうって所ですね。

Comments

[sakusa]

miyabi_sun、丁寧にご解説いただきありがとうございました。
段階を経てからブラウザーが表示してくれるのですね。
勉強になりました。ありがとうございました。