Note that there are some explanatory texts on larger screens.

plurals
  1. POhide html controls when java script alert message popups
    primarykey
    data
    text
    <p>I need to hide html controls like buttons, when alert message popups. As initially some controls are hidden but when alert message popups it shows the controls. How to make controls hidden when alert message popup. The below image shows the problem..</p> <pre><code>&lt;html&gt; &lt;head&gt; &lt;script&gt; function disableElements() { document.getElementById("name").disabled=true; document.getElementById("link").disabled=true; document.getElementById("s1").style.display="none"; document.getElementById("c1").style.display="none"; document.getElementById("ex1").style.display="none"; document.getElementById("u1").style.display="none"; document.getElementById("u2").style.display="none"; document.getElementById("se1").style.display="none"; document.getElementById("ladd").style.display="none"; document.getElementById("ledit").style.display="none"; document.getElementById("lfind").style.display="none"; document.getElementById("ldel").style.display="none"; } function addenable() { document.getElementById("name").disabled=false; document.getElementById("link").disabled=false; document.getElementById("s1").style.display="inline"; document.getElementById("c1").style.display="inline"; document.getElementById("ex1").style.display="inline"; document.getElementById("a1").style.display="none"; document.getElementById("e1").style.display="none"; document.getElementById("f1").style.display="none"; document.getElementById("d1").style.display="none"; document.getElementById("u1").style.display="none"; document.getElementById("u2").style.display="none"; document.getElementById("ladd").style.display="inline"; document.getElementById("ledit").style.display="none"; document.getElementById("lfind").style.display="none"; document.getElementById("ldel").style.display="none"; } &lt;/script&gt; &lt;/head&gt; &lt;body onload="disableElements()"&gt; &lt;form method="post" action="#"&gt; &lt;input type="button" name="add" id="a1" value="Add" onclick="addenable()"/&gt; &lt;input type="button" name="edit" id="e1" value="Edit"/&gt; &lt;input type="button" name="find" id="f1" value="Find"/&gt; &lt;input type="button" name="delete" id="d1" value="Delete"/&gt; &lt;input type="submit" name="save" id="s1" value="Save"/&gt; &lt;input type="submit" name="update" id="u1" value="Update"/&gt; &lt;input type="submit" name="remove" id="u2" value="Update"/&gt; &lt;input type="reset" name="cancel" id="c1" value="Cancel"/&gt; &lt;input type="button" name="exit" id="ex1" value="Exit" onclick="javascript:history.go(0);" /&gt; &lt;table id="tbl1" width="100%" border="0" &gt; &lt;tr&gt; &lt;td&gt;&lt;label&gt;Name :&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;input type="text" name="Name" size="40px" id="name" /&gt;&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;td&gt;&lt;label&gt;Website :&lt;/label&gt;&lt;/td&gt; &lt;td&gt;&amp;nbsp;&lt;/td&gt; &lt;td&gt;&lt;input type="text" name="Link" size="40px" id="link" /&gt;&lt;br/&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;input type="button" name="search" id="se1" value="Search"/&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/form&gt; &lt;/body&gt; &lt;/html&gt; &lt;?php if(isset($_POST["save"])) { if(($_POST["Name"] == '') || ($_POST["Link"] == '')) { echo '&lt;script type="text/javascript"&gt;alert("insert values....!")&lt;/script&gt;'; } else { $name = $_POST["Name"]; $link = $_POST["Link"]; #inserting values $insert = mysql_query("INSERT INTO data (Name, Link) VALUES ('$name','$link')"); if(!$insert) { //die ("Error". mysql_error()); echo '&lt;script type="text/javascript"&gt;alert("Duplicate Entry!")&lt;/script&gt;'; } else { echo '&lt;script type="text/javascript"&gt;alert("Record Save Successflly!")&lt;/script&gt;'; } } } ?&gt; </code></pre> <p><img src="https://i.stack.imgur.com/D14MY.png" alt="enter image description here"></p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload