2010年1月30日土曜日

javascriptで簡単にブロックを開いたり閉じたり

名前は気にしない(・∀・)

//javascript部分

function openTR(val){


var trObj=document.getElementById(val);

trObj.style.display = "block";

var openObj=document.getElementById("open_"+val);
openObj.style.display = "none";
var clObj=document.getElementById("close_"+val);
clObj.style.display = "block";

}
function closeTR(val){
var trObj=document.getElementById(val);
trObj.style.display = "none";
var openObj=document.getElementById("open_"+val);
openObj.style.display = "block";
var clObj=document.getElementById("close_"+val);
clObj.style.display = "none";
}


‹!--html部分-->
‹input type="button" onclick="openTR('1');" value=開く" id="open_1">‹br>
‹input type="button" onclick="closeTR('1');" value="閉じる" id="close_1" style="display:none;" >
‹div id="1" style="display:none;">
・・・・
‹/div>

0 件のコメント:

コメントを投稿