切り替え部の視認性をチェックボックス一覧

Question

いwebアプリケーション(ASP.NET2.0C#).では、本部長を含むチェックリストやボタンを押します。

たいへの切り替えの、いったjavascriptコードオンラインを助けてくれます。

ニコード:

<script language="javascript">
var state = 'hidden';

function showhide(layer_ref) {

    if (state == 'visible') 
    {
        state = 'hidden';
    }
    else 
    {
        state = 'visible';
    }
    if (document.all) 
    { //IS IE 4 or 5 (or 6 beta)
        eval( "document.all." + layer_ref + ".style.visibility = state");
    }
    if (document.layers) 
    { //IS NETSCAPE 4 or below
        document.layers[layer_ref].visibility = state;
    }
    if (document.getElementById && !document.all) 
    {
        maxwell_smart = document.getElementById(layer_ref);
        maxwell_smart.style.visibility = state;
    }
}
</script>

私はこの機能はこの方法：

<a href="javascript://" onclick="showhide('AlertDiv');">Choose Columns</a>

ご利用する場合は、この機能では事業部のボタンで表示しませんのcheckboxlist....そのアイデアにかがでしょうか。

お願い致します。

Answer 1

あなたの代わりに可視性のディスプレイを使用してみましたか？

たとえば、代わりの

document.getElementById(layer_ref).style.visiblity = "hidden";
document.getElementById(layer_ref).style.visiblity = "visible";

使用します。

document.getElementById(layer_ref).style.display = "none";
document.getElementById(layer_ref).style.display = "block";

あなたは、ディスプレイだけでなく、getElementByIdをバージョンと可視性へのすべての参照を交換する必要があります。あなたはまた、数行のコードを使用してシナリオを処理するどの使用して jQueryののに見てみたいことがありますプラスあなたのクラウドへのonclick属性のHTMLのための必要はありません全くます。

<script type="text/javascript" src="jquery-1.3.2.js">
</script>
<script type="text/javascript">
  $(document).ready(function() {
    $('.toggleLink').click(function(e) {
       e.preventDefault();
       $('#AlertDiv').toggle();
    });
  });
</script>
<a href="#" class="toggleLink">Choose Columns</a>

Answer 2

一部の提案:

1. までには考え用のjavascriptライブラリのように ASP.NET AJAX または JQuery.このことは、ブラウザ固有の不具合により、コードました。
2. ベースの視認性の状態のチェックボックスをチェックだけでなく、切り替えます。
3. "表示"もしくはより良いスタイルにこうした状況ではなく"見える化".ご利用の場合は"見える化"しまった、空白地帯の層"をするので透明度が高くなります。
4. の代わりに"層の参考に使うパスのidをdivタグのidをチェックを入れて下さい。

例asp.net ajax:

ここにするのチェックボックス:

<input type="checkbox" id="mycheck" onclick='showhide("mycheck","mylayer")' /> 

ここにしたい表示-非表示を切り替える:

<div id='mylayer'>content</div>

ここでは機能：

<script language="javascript">
function showhide(checkboxid, layerid)
{

    if($get(checkboxid).checked==true)
    {
         $get(layerid).display = "none";
    }
    else
    {
         $get(layerid).style.display = "";
    }
}
</script>