だから私はCSSクラスから乱数画像を表示する機能を持っています。問題は、アプリケーションを 2 回実行しているときです。2 番目のアプリケーションは最初のアプリケーションの画像を変更しますが、2 番目のアプリケーションには乱数が表示されません。私はローカル変数を持っていなかったのではないかと思いましたが、グローバル変数の有無にかかわらず同じ問題が発生します。私は Iframes を使用できますが、Js Only を機能させるには離れている必要がありますか?
問題を示すjsFiddleを作成しました。実行ボタンを2回押して、私の問題が表示されるサイコロで遊んでください。 http://jsfiddle.net/dymond/gUL9U/
クラスを作成する関数。
function dicesides_func(nr){
// go to dice-window-wrapper again
// this could be put in a seporate functon
var elementToAddDice=" dice-window-wrapper ",
obj=this, // using this here that's why it's called wiht
dice,i=0,total=0; // all the dice in this dice window
// dicesides_func.call to set the right this context
if(nr)
{
while((" "+obj.className+" ").indexOf(elementToAddDice)==-1){
obj=obj.parentNode;
}
obj=obj.getElementsByTagName("ul")[2];
var dicessides = createElementWithClass('li',nr);
obj.appendChild(dicessides);
// calculate total (can do in a seporate function)
dice = obj.getElementsByTagName("li");
}
else
{
dice = document.getElementsByClassName("dice");
}
for(i=0;i<dice.length;i++){
total=total+getNumberForClass(dice[i].className);
}
//alert(total);
var wrapper = document.getElementsByClassName("dice-toolbar-counter-wrapper")[0];
while (wrapper.hasChildNodes()) {
wrapper.removeChild(wrapper.lastChild);
}
var ttl = total.toString();
var arr = [];
for (var i = 0;i<ttl.length;i++) {
var digit = ttl[i];
var newelem = createElementWithClass('li',"side-" + ttl[i]);
//alert(dice_toolbar_counter_wrapper_Li)
wrapper.appendChild(newelem);
}
}