イベント制御

[新着] Webテンプレートを仮オープンしました



0   名前: しゅー : 2006/05/19(金) 05:14

<input id="p1" type="button"value="No.1" onclick="thisDiv(1)">
<input id="p2" type="button"value="No.2" onclick="thisDiv(2)">
<input id="p3" type="button"value="No.3" onclick="thisDiv(3)">
...........
...........
のようにボタンがいくつかあって、互いに他のstyleを変更させる
とします。関数は、
function thisDiv(n){
if(n==1){...............}
if(n==2){...............}
if(n==3){...............}
}
のような関数にします。
ここで、自分のボタン(id=p1ならthisDiv(1)のイベント)には動作をさせないように
するにはどうすればいいのでしょうか。

1   名前: Pid ◆byEkK9OALr : 2006/05/19(金) 05:14
var relatedNodes = [ 'node1', 'node2', 'node3', 'node4', 'node5' ];

function changeStyle (node) { alert (node); }


function thisDiv (n) {
    var m = n - 1;
    var I = relatedNodes.length;
    var i = 0;
    while (i < m) { changeStyle (relatedNodes[i++]); }
    while (++i < I) { changeStyle (relatedNodes[i]); }
}

thisDiv (3); // 'node3' だけスキップ


一覧へ戻る