processmaker div javascript html5 button hide

div - Ocultar un botón en Javascript



processmaker javascript (8)

En mi último programa, hay un botón que muestra algunos cuadros emergentes de entrada cuando se hace clic. Después de que estas cajas se vayan, ¿cómo escondo el botón?


Algo como esto debería eliminarlo.

document.getElementById(''x'').style.visibility=''hidden'';

Si vas a hacer un montón de esta manipulación dom valdría la pena mirar jquery


Si no está utilizando jQuery, le sugiero que lo utilice. Si lo haces, querrías hacer algo como:

$( ''button'' ).on( ''click'' function ( ) { $( this ).hide( ); } );


cuando presiona el botón debe llamar a la función que alertará el mensaje. Así que después de la alerta poner propiedad style visible . puedes lograrlo usando

function OpenAlert(){ alert("Getting the message"); document.getElementById("getMessage").style.visibility="hidden"; }

<input type="button" id="getMessage" name="GetMessage" value="GetMessage" onclick="OpenAlert()"/>

Espero que esto ayude. Feliz de ayudar


Puede establecer su propiedad de visibility en hidden .

Aquí hay una pequeña demostración, donde un botón se usa para alternar el otro:

<input type="button" id="toggler" value="Toggler" onClick="action();" /> <input type="button" id="togglee" value="Togglee" /> <script> var hidden = false; function action() { hidden = !hidden; if(hidden) { document.getElementById(''togglee'').style.visibility = ''hidden''; } else { document.getElementById(''togglee'').style.visibility = ''visible''; } } </script>


//Your code to make the box goes here... call it box box.id="foo"; //Your code to remove the box goes here document.getElementById("foo").style.display="none";

por supuesto, si estás haciendo muchas cosas como esta, usa jQuery


document.getElementById(''btnID'').style.visibility=''hidden'';


visibility=hidden

es muy útil, pero aún así ocupará espacio en la página. También puedes usar

display=none

porque eso no solo ocultará el objeto, sino que lo hará para que no ocupe espacio hasta que se muestre. (También tenga en cuenta que lo contrario de la pantalla es "bloque", no "visible")


<script> $(''#btn_hide'').click( function () { $(''#btn_hide).hide(); }); </script> <input type="button" id="btn_hide"/>

esto será suficiente