クリックしたハイパーリンクに応じてフォームを表示/非表示

私は3つの異なるフォームを作成しました。各フォームには、他のフォームと同じクラス名のdivが含まれています。クリックしたハイパーリンクに応じてフォームを表示/非表示

また、3つのリンクを持つリンクセクションを作成して、表示する必要のあるdivフォームを選択しましたが、動作させることはできません。

私は多くのことを試みましたが、最も近いのはリンクをクリックしてdivを1秒未満で表示したことです。助けてください。

私は新しいコードを作成しましたが、同じコンセプトですが、元のコードは長すぎておそらくここに投稿できませんでした。

<body> 
<div class="links"> 
<table> 
<tr><td><a href="" onclick="showdiv('first','second','third')" >first</a></td></tr> 
<tr><td><a href="" onclick="showdiv('second','first','third')" >second</a></td></tr> 
<tr><td><a href="" onclick="showdiv('third','second','first')" >Third</a></td></tr> 
</table> 
</div> 
<form name="first"> 
<div id="first" class="content"> 
------------- 
</div> 
</form> 
<form name"second"> 
<div id="second" class="content"> 
////////////// 
</div> 
</form> 
<form name="third"> 
<div id=third class="content"> 
++++++++++++++ 
</form> 
<script type="text/javascript"> 
function hide_all(){ 
    document.getElementById("first").style.display='none'; 
    document.getElementById("second").style.display = 'none'; 
    document.getElementById("third").style.display = 'none'; 
} 
hide_all() 
    function showdiv(a,b,c) { 
    document.getElementById(a).style.display='block'; 
    document.getElementById(b).style.display = 'none'; 
    document.getElementById(c).style.display = 'none';  
} 
</script> 
</body> 
</html>

あなたはおそらくイムHTMLに新しいとJavaScriptを見ることができるように:)

出典

2011-12-31 user1124586

あなたは何を」投稿できますやった？ – Wex

分かりやすいようにコードを分けてください。 :) –

あなたは試してみました：

document.getElementById("id").style.visibility="hidden"

出典

2011-12-31 18:21:56 jarCrack

最初に私ははいでしたが、その後私は document.getElementById（ "id"）を使用しました。しかし、私は再びそれを見ることができませんでした。 – user1124586

再び可視にするにはvisibility = "visible" – jarCrack

#linkをクリックしたリンクのIDであり、各リンクは.linksというクラス名を持ちますリンクをリンクすると、クリックされたリンクが非表示になり、その他のリンクが表示されます。

$('#link').click(function(){ 
    $('.links').css('visibility', 'visible'); 
    $(this).css('visibility', 'hidden'); 
})

あなたのコードを見ることができないので、これが役に立つかもしれないと仮定してください。

出典

2011-12-31 18:32:25

document.getElementById("id").style.visibility="show"

も再表示されます。代わりに、すべての3つのIDを渡すの

出典

2014-01-12 10:55:51

が表示される要素のIDのみを通過させ、クラス別のすべての要素隠し要素を表示する前に：

function showdiv(idToHide) { 
    var array = document.getElementsByClassName('content'); 
    for(var i = 0; i < array.length; i++) 
    { 
    array[i].style.display = 'none'; 
    } 
    document.getElementById(idToHide).style.display=''; 
}

をし、それを呼び出す：

<table> 
<tr><td><a href="" onclick="showdiv('first')" >first</a></td></tr> 
<tr><td><a href="" onclick="showdiv('second')" >second</a></td></tr> 
<tr><td><a href="" onclick="showdiv('third')" >Third</a></td></tr> 
</table>

出典

2014-01-12 11:06:14

クリックしたハイパーリンクに応じてフォームを表示/非表示

答えて

関連する問題