カードリスト > セレクタ

「カードリスト/セレクタ」の編集履歴(バックアップ)一覧に戻る

カードリスト/セレクタ - (2013/05/02 (木) 21:49:38) のソース

#js()
{{{{
//画像を配列に格納する
var img = [
    new Array(),    //赤
    new Array(),    //青
    new Array(),    //黄
];

var rank = ["S", "A+", "A", "B+", "B", "C+", "C"];

var page = [
    "?cmd=upload&act=open&pageid=81&file=tab_r_",
    "?cmd=upload&act=open&pageid=135&file=tab_b_",
    "?cmd=upload&act=open&pageid=143&file=tab_s_"];

var pageRoot = "http://www51.atwiki.jp/quizmagicianblackcat";

var pageName = ["カードリスト(赤)/","カードリスト(青)/","カードリスト(黄)/"];

var pageid = [[88,87,86,85,84,83,82],[142,141,140,139,138,137,136],[150,149,148,147,146,145,144]];

var i = 0, j = 0;
for (i = 0; i < 3; i++) {
    for (j = 0; j < 7; j++) {
        img[i][j] = new Image();
        img[i][j].src = page[i]+rank[j]+".gif";
    }
}

//選択中の属性
var element = 0;

//画像切り替え関数
function changeElement() {
    //画像番号を進める
    if (++element == 3)
        element = 0;

    //画像を切り替える
    for (var i = 0; i < rank.length; i++) {
        var imgS = document.getElementById(rank[i]);
        imgS.src = pageRoot + page[element] + rank[i]+".gif";
		imgS.parentNode.href = pageRoot + "/" + pageid[element][i];
    }
}
}}}}
#html2(){
<a href="javaScript:changeElement()">
<img align="left" title="属性変更" src="http://www54.atwiki.jp/wiz-wiki/?cmd=upload&act=open&page=JS%E3%83%86%E3%82%B9%E3%83%88&file=element.png" width="37" height="32" border="0" alt=""></a>
<a href="http://cdn51.atwikiimg.com/quizmagicianblackcat/pages/88.html"><img id="S"  border="0" src="http://cdn51.atwikiimg.com/quizmagicianblackcat/?plugin=ref&serial=229" align="left" /></a>
<a href="http://cdn51.atwikiimg.com/quizmagicianblackcat/pages/87.html"><img id="A+" border="0" src="http://cdn51.atwikiimg.com/quizmagicianblackcat/?plugin=ref&serial=228" align="left" /></a>
<a href="http://cdn51.atwikiimg.com/quizmagicianblackcat/pages/86.html"><img id="A"  border="0" src="http://cdn51.atwikiimg.com/quizmagicianblackcat/?plugin=ref&serial=227" align="left" /></a>
<a href="http://cdn51.atwikiimg.com/quizmagicianblackcat/pages/85.html"><img id="B+" border="0" src="http://cdn51.atwikiimg.com/quizmagicianblackcat/?plugin=ref&serial=225" align="left" /></a>
<a href="http://cdn51.atwikiimg.com/quizmagicianblackcat/pages/84.html"><img id="B"  border="0" src="http://cdn51.atwikiimg.com/quizmagicianblackcat/?plugin=ref&serial=226" align="left" /></a>
<a href="http://cdn51.atwikiimg.com/quizmagicianblackcat/pages/83.html"><img id="C+" border="0" src="http://cdn51.atwikiimg.com/quizmagicianblackcat/?plugin=ref&serial=224" align="left" /></a>
<a href="http://cdn51.atwikiimg.com/quizmagicianblackcat/pages/83.html"><img id="C"  border="0" src="http://cdn51.atwikiimg.com/quizmagicianblackcat/?plugin=ref&serial=223" /></a>
}