無効入力はDIVに穴を作っています

こんにちは私はdivを持っていてdivの中には入力がいっぱいのテーブルがあり、そのうちのいくつかは無効になっていて、それらのいくつかは無効です... divはjs関数マウスがその上にあるときに、無効になっている入力を調べると、それはもうdivにはないように振る舞います。
表には（ないこの小さな例ではなく、完全なコードで）...ここ無効入力はDIVに穴を作っています

<html> 
    <head> 
     <meta charset="UTF-8"> 
     <title></title> 
     <script src="JavaScript.js" type="text/javascript"></script> 
    </head> 
    <body> 
     <form method="POST" action="<?php echo $_SERVER['PHP_SELF'] ?>"> 
      <button onclick="visible()">fasd</button> 
    <div id="id" onmouseover="visible()" onmouseout="invisible()"> 
    <table> 
     <tr> 
     <td><input type = "submit" name="inputs" disabled="disabled"></td> 
     <td><input type = "submit" name="inputs"></td> 
     <td><input type = "submit" name="inputs" disabled="disabled"></td> 
     <td><input type = "submit" name="inputs"></td> 
     </tr> 
    </table> 
    </div> 
</form> 
</body> 
</html>

JS actualy重要です：

function visible() 
{ 
    document.getElementById("id").style.visibility = "visible"; 
} 
function invisible() 
{ 
    document.getElementById("id").style.visibility = "hidden"; 
}

この作業を行う方法をどのような方法はありますか？おかげで、すべての返信用

出典

2017-10-27 Atom

JSさんはどこですか？これは私たちに何も教えてくれないマークアップです。 –

申し訳ありません... JSさんが – Atom

を追加しました現在、文字通りID「id」の要素を非表示にしていますか？それはどんな要素ですか？ –

たくさんこの

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

は、要素を透明にし、まだスペースを占めています。このとき

document.getElementById("id").style.display = "none";

要素を非表示にすると、要素は空白を占有しません。

と財産idは、ページ全体で一意の値を含むと仮定されているので、あなたの文書にのみ id="id"があることができます。

出典

2017-10-27 15:29:49

ok .. thans ... また、私は申し訳ありません..例は悪いです..入力にdivが与えられていません... それは..働いて、私はテーブルを隠すdivの外側にある... problesは、私が無効にされた入力の上にあるときにもテーブルを隠すということです... – Atom

@Atom - Example？これはあなたの実際のコードではありませんか？あなたの実際のコードの書き換えを投稿しないでくださいあなたは実証済みのように、他の問題を導入することができるので、書き換えや擬似コードのデバッグは時間の無駄です。 –

はい..私は申し訳ありません...コード全体があまりにも大きいです。長いので、私はできるだけ短くしようとしました... – Atom

無効入力はDIVに穴を作っています

答えて

関連する問題