HTML - Funcion Javascript not work

Funcion Javascript not work

Publicado por juan pablo garcia (1 intervención) el 11/07/2016 20:42:30

Hola a todos espero que se pueda encontrar la solución lo mas rapido posible.

Estoy diseñando un sitio web básico, y es la primera vez que me metí con las ventanas modales.

Voy al grano
Creo un botón al cual se le da click y me tendría que abrir la ventana modal (hacerse visible), para esto quiero implementar una función en Javascript la cual se llama getElementById, creo que la conocerán muy bien, y no me aparece, es decir, en el auto completar no me aparece la función. La escribo igual de todas formas, y no funciona: EJ:

<script type="text/javascript">

	function desplegar(){

		document.getElementById("bgventana").style.visibility="visible";

</script>

//Lo que intento hacer es ingresar al atributo de css "visibility" y darle el valor "visible".

Aquí llamo la funcion

<div id="top_bg">

	<div id="menu">

		<ul id="nav">

		    <li>

				<a href="javascript:desplegar">REGISTRATE</a>

		   </li>

               </ul>

	</div>

</div>

Y no funciona.
Puede ser que se necesite alguna herramienta para utilizar esas funciones?
Eh creado un html de 0 y tampoco funciona.
Si alguien me podría pasar esa función en JQuery se lo agradecería de corazón.

Valora esta pregunta

Me gusta: Está pregunta es útil y esta clara

No me gusta: Está pregunta no esta clara o no es útil

Responder

Funcion Javascript not work

Publicado por DAVID (94 intervenciones) el 13/07/2016 18:53:18

si usas bootstrap, te liberas de todo eso. Tiene un componente que son las ventanas modales, y simplemente haciendo así:

<!-- Button trigger modal -->

<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">

  Launch demo modal

</button>

<!-- Modal -->

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">

  <div class="modal-dialog" role="document">

    <div class="modal-content">

      <div class="modal-header">

        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>

        <h4 class="modal-title" id="myModalLabel">Modal title</h4>

      </div>

      <div class="modal-body">

...

      </div>

      <div class="modal-footer">

        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

        <button type="button" class="btn btn-primary">Save changes</button>

      </div>

    </div>

  </div>

</div>

ya lo tendrías montado. Y bootstrap no es mas que un css.

Un saludo,
David
paginas web economicas

Valora esta respuesta

Me gusta: Está respuesta es útil y esta clara

No me gusta: Está respuesta no esta clara o no es útil

Comentar