Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>If I were you I'll create a function like this to cover my entire document and call alert().</p> <pre><code> function hideAll(){ var div = $('&lt;div id="div-cover" style="background:rgba(3,3,3,.7);display:block;position:absolute;left:0px;top:0px;z-index:1000;"&gt;&lt;/div&gt;'); $(div).width($(document).width()).height($(document).height()); $(document.body).prepend(div); } function showAll(){ $('#div-cover').remove(); } </code></pre> <p>And Call it like:</p> <pre><code>hideAll(); alert(); showAll(); </code></pre> <p>AND </p> <p>If you want to hide certain elements only. Give it something in common. Here I'm using html5 data attribute and javascript querySelectorAll, no jQuery.</p> <pre><code> &lt;input type="button" data-group="grp1" name="add" id="a1" value="Add" onclick="addenable()"/&gt; &lt;input type="button" data-group="grp1" name="edit" id="e1" value="Edit"/&gt; &lt;input type="button" data-group="grp1" name="find" id="f1" value="Find"/&gt; &lt;input type="button" data-group="grp1" name="delete" id="d1" value="Delete"/&gt; &lt;input type="submit" data-group="grp1" name="save" id="s1" value="Save"/&gt; &lt;input type="submit" data-group="grp1" name="update" id="u1" value="Update"/&gt; &lt;input type="submit" data-group="grp1" name="remove" id="u2" value="Update"/&gt; &lt;input type="reset" data-group="grp1" name="cancel" id="c1" value="Cancel"/&gt; &lt;input type="button" data-group="grp1" name="exit" id="ex1" value="Exit" onclick="javascript:history.go(0);" /&gt; &lt;script type="text/javascript"&gt; function hideAll(){ var arr = document.querySelectorAll('[data-group="grp1"]'); for(var i=0;i&lt;arr.length;i++){ arr[i].style.display = 'none'; } } function showAll(){ var arr = document.querySelectorAll('[data-group="grp1"]'); for(var i=0;i&lt;arr.length;i++){ arr[i].style.display = 'inline'; } } &lt;/script&gt; </code></pre>
    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. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      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