私はとても役に立つ記事を見つけることができませんでした検索のビットの後...AJAXローダー+ SimpleCart
私の問題は、私はライトボックスにいくつかのHTMLをロードするために、AJAX呼び出しを使用することである:
function loadurl(str) {
try {
xmlhttp = window.XMLHttpRequest?new XMLHttpRequest(): newActiveXObject("Microsoft.XMLHTTP");
}
catch (e) {
}
xmlhttp.onreadystatechange = triggered;
xmlhttp.open("GET","productpage.php?b="+str);
xmlhttp.send();
}
//This is being triggered by
<a href="#lightcontent" title="$photoinfo" onClick="loadurl('$j')">Product Info</a>
私が使用しているHTMLは直接アクセスしたときに動作し、カートから物を追加/削除することができますが、上記のコードでライトボックスに読み込まれると、simpleCart関数は動作しません。誰でも助言がありますか?
simpleCart.jsでのEventListenerをライトボックスから
おかげでイベントを拾っていないようです!
EDIT: この部分はPHPファイルに由来し、$ jはloadurl()に番号を付けるだけです。 #lightcontent divにproductpage.php?b = 1をロードしています(たとえば1を使用しています)。
<div class="simpleCart_shelfItem" id="simpleCart">
<img src="{$glr}1/$mainphoto/Info/name.jpg"id="prodInfo">
<img src="{$glr}ppimages/sizeqty.jpg" id="sizeqty">
<img src="{$glr}1/$mainphoto/Info/size.jpg" id="prodsize">
<img src="{$glr}ppimages/brandonmodelsize.jpg" id="modelsize">
<h2 class="item_name" style="display:none">$photoTitle</h2>
<select name="size" class="itemSize">
<option value="medium">M</option>
<option value="large">L</option>
<option value="extralarge">XL</option>
</select>
<input type="text" value="1" class="item_quantity" />
<span class="item_price">35.99</span>
<input type="button" class="item_add" value="add to cart" />
これは#lightcontentにロードされるコードです。 SimpleCartは、クラス "item_add"へのクリックを監視するはずです。 loaderl()によってproductpage.phpが読み込まれたとき、divでjavascriptが動作しません:/
whats $ j in loadurl ..! –
これはすべてのコードですか? –