de-vraag
さらに
質問

htmlを無効にするにはどうすればいいですか？

私はいくつかのフォーラムで、HTMLテーブルの表示を無効にすることをdivのレイヤーを追加することを読んだ。私の問題は、どうやってそれをするのか分からないことです。

私は3つの質問があります：

1.）新しい行が追加されたときにテーブルの高さが増えるたびに、テーブルの高さに自動的に調整するdivの高さを設定する方法を教えてください。

2.）どのように私はdivのテーブルをカバーするようになります。私はhtml要素をレイヤーする方法を知らない。

3.）「無効にする」ボタンをクリックしたときにテーブルの表示を無効にし、「有効にする」ボタンをクリックしたときに再度有効にするJavaScriptをコード化する方法を教えてください。

tabledisabletest.html 



<script type="text/javascript">

</script>





 


 

  
   

    Name
    Address
   

  
  
   

    Tom    
    UK 
   

   

    Henrik 
    Denmark
   

   

    Lionel 
    Italy
   

   

    Ricardo    
    Brazil
   

   

    Cristiano  
    Portugal
   

  
 

 <input type="button" onclick="disable = true;" value="Disable" />
 <input type="button" onclick="disable = false;" value="Enable" />

無効にするdiv disabler がありますが、テーブルをカバーすることはできません。

これで私を助けてください。私はこのことを初めて知りました。前もって感謝します。

Brian Tompsett - 汤莱恩
Brian Tompsett - 汤莱恩
編集された質問 13日 9月 2018 в 3:29
プログラミング
javascript
css
html-table

disabler 要素でテーブルをオーバーレイしたい場合は、そのテーブルに負のボトムマージンを追加します。また、 opacity を1より小さい値に設定して、その背後の表を完全に隠す（非表示にしない）ようにします。

 #disabler {
     opacity: 0.5;
     margin-bottom: -200px;
 }

あなたが教育目的でこれをやっていると言いましたので、私は完全な解決策を提示しません。開始するには、 このフィドル をご覧ください。

テキストを "選択不可"にしたい場合は、次のCSSを使用してください：

-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;

テーブルの上に div disabler を配置する必要があります。

div を絶対的に配置することでそうすることができます。私は新しいdivを追加しました。tableContainerはdisabler divとtableを囲み、絶対的にdivを配置します。

   
   

   ....
Add position: absolute; to the #disabler
And most importantly write the javascript to display and hide the div:
function disableTable()
{
  document.getElementById("disabler").style.display = "block";
}

function enableTable()
{
  document.getElementById("disabler").style.display = "none";
}

Live Example: http://jsbin.com/icuwug
関連コミュニティ 1
JavaScript - 日本のコミュニティ
4 ユーザー
日本人コミュニティのjavascript @react_ja @php_ja @angular_ja @vue_ja