onclickイベントの後にJavascriptを使用してWebページのinnerHTMLを更新しようとしています。私のJavascript(java.js)は、このコードを使用して、innerHTMLに含まれるテキストをエコーバックするPHPページにアクセスします。つまり、隣り合っておらず、要素IDが異なる2つのアイテム(「color」テーブルと「item」テーブル)のinnerHTMLを更新したいと思います。java.jsからの各呼び出しは個別に正常に機能しますが(コメントアウトされている場合など)、両方を実行すると、どちらか最初の方が「読み込み中」メッセージでスタックし、2番目の呼び出しが機能します。Webブラウザに「content.php?item = '5'&color = '5'」をロードすると、両方のテーブルが表示されます。
これは$_GET[]の仕組みに関係しているのではないかと思います(これは完全には理解していません。PHPを使用するのはこれが初めてです)。ただし、呼び出しは順番に行われる必要があり、キー('item'と'color')は競合しないため、何が問題になっているのかわかりません。
java.js:
function makeActive(active_tab) {
//item table
callAHAH('content.php?item='+active_tab, 'item', 'getting items for tab '+active_tab+'. Wait...', 'Error');
//color table
callAHAH('content.php?color='+active_tab, 'color', 'getting colors for tab '+active_tab+'. Wait...', 'Error');
}
content.php:
if (isset($_GET['color'])) {
require 'color.php';
$index = 1*$_GET['color'];
$arr = $ITEM_TYPES[$index];
echoColorTable($arr); //makes table in color.php
} else {
echo "color not set "; //debug
}
if (isset($_GET['item'])) {
require 'item.php';
$index = 1*$_GET['item'];
echoItemTable($index); //makes table in item.php
} else {
echo "item not set "; //debug
}