2012-03-05 6 views
0

http://jsfiddle.net/YaMhn/8/アルターヘッダ・ラベルには、/を見て、私は私のスクリプトにラベルshowhideを追加しましたので、あなたはこの</p> <p>[OK]を解決するのに役立つことができるかどうかを確認^^^^

Javascriptを隠す

function showHide(lbl) 
{ 
if(document.getElementById('mydiv').style.display == "none") 
{ 
    lbl.innerHTML="Hide"; 
    document.getElementById('mydiv').style.display=""; 
} 
else 
{ 
    lbl.innerHTML="Show"; 
    document.getElementById('mydiv').style.display="none"; 
} 
} 

function showhide(id) { 
    if (document.getElementById) { 
obj = document.getElementById(id); 
if (obj.style.display == "") { 
    obj.style.display = "none"; 
} else { 
    obj.style.display = ""; 
} 
    } 
} 

function hide(id) { 
    if (document.getElementById) { 
obj = document.getElementById(id); 
if (obj.style.display == "none") { 
    obj.style.display = "none"; 
} else { 
    obj.style.display = "none"; 
} 
    } 
} 

function hideall(id1,id2,id3,id4) { 
    var status1 = document.getElementById(id1).style.display; 
    var status2 = document.getElementById(id2).style.display; 
    var status3 = document.getElementById(id3).style.display; 
    var status4 = document.getElementById(id4).style.display; 
    if ((status1 == 'none') || (status2 == 'none') || (status3 = 'none') || (status4 = 'none')) { 
hide(id1); hide(id2); hide(id3); hide(id4); return; 
    } 
    if ((status1 != 'none') || (status2 != 'none') || (status3 != 'none') || (status4 != 'none')) { 
hide(id1); hide(id2); hide(id3); hide(id4); return; 
    } 
} 

function show(id) { 
    if (document.getElementById) { 
obj = document.getElementById(id); 
if (obj.style.display == "") { 
    obj.style.display = ""; 
} else { 
    obj.style.display = ""; 
} 
    } 
} 

function showall(id1,id2,id3, id4) { 
    var status1 = document.getElementById(id1).style.display; 
    var status2 = document.getElementById(id2).style.display; 
    var status3 = document.getElementById(id3).style.display; 
    var status4 = document.getElementById(id4).style.display; 
    if ((status1 == 'none') || (status2 == 'none') || (status3 = 'none') || (status4 = 'none')) { 
show(id1); show(id2); show(id3); show(id4); return; 
    } 
    if ((status1 != 'none') || (status2 != 'none') || (status3 != 'none') || (status4 != 'none')) { 
show(id1); show(id2); show(id3); show(id4); return; 
    } 
} 
ここ

は私のヘッダーコードです:

Header #1: (titled Runway Information Click to Expand/Close) 
<div style="background-color:black; width:80%; cursor:pointer;hand" onClick="showhide('id1'); return(false);"><table width="100%"><tr><td width=80% align=left><font color="white" size="4"><strong>&nbsp;Runway Information</strong></font></td><td align=right><div id='mydiv' style='display:none'></div></td></tr></table></div> 

ヘッダーは、prefectly作品ショー、HI私がコーディングしたのと同じように。しかし、私はそれが隠されたときに "ショー"と表示されるときに "隠す"と言うことを望む。

は以前、それはこのように書かれていた: クリックして展開する/

問題が意図したとおりに動作しない新しいshowHide(LBL)で閉じます。

変更する必要があるのは何ですか?

+0

...「innerHTML」を変更してください – gdoron

答えて

0

私はあなたの例を作った:http://jsfiddle.net/YaMhn/

+0

この度はありがとうございます。私の質問は、ヘッダーDIVをクリックしてラベルを変更する方法です。 –

+0

http://jsfiddle.net/YaMhn/3/ –

+0

上記は私が取り組んでいることのリンクです。見てみると助けがあるかどうかを確認してください –

2

それは簡単です - innerHTMLを使用します。

style.display="block" 
innerHTML="click here to expand" 

と非表示にする:

style.display="hide" 
innerHTML="click here to close" 
+0

他に提案はありますか? –

1

私が作った唯一の変更が他に他のでしたif、それは今修正されました。

http://jsfiddle.net/YaMhn/18/

に助けをあなたにアシュラフありがとうございます。私はあなたをアップアップするだろうが、私は唯一の13笑LOLを持っています。

関連する問題

 関連する問題