HTML - Funcion Javascript not work

   
Vista:

Funcion Javascript not work

Publicado por juan pablo garcia juanp.garcia1993@hotmail.com (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:

1
2
3
4
5
6
7
<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

1
2
3
4
5
6
7
8
9
10
<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 claraNo me gusta: Está pregunta no esta clara o no es útil
0
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í:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!-- 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 claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar