JavaScript - Mostrar Div y cargar contenido la hacer click

 
Vista:
sin imagen de perfil

Mostrar Div y cargar contenido la hacer click

Publicado por jose (1 intervención) el 28/02/2018 06:56:49
Hola, muy buenas... tengo un problema y soy nuevo con java... Quisiera mostrar y cargar el contenido solamente cuando el usuario de clic en el botón mostrar... es que el contenido que quiero mostrar puede ser un video, o un swf , o contenido en html5 y no quiero que cargue junto con la pagina, que solo cargue cuando den clic.

En mi código funciona pero ya cargo el contenido antes que dieran el clic.

1
2
3
4
5
6
7
8
9
10
<input type="button" value="Mostrar" onclick="mostrar()">
 
<script type="text/javascript">
function mostrar(){
document.getElementById('oculto').style.display = 'block';}
</script>
 
<div id='oculto' style='display:none;'>
Mi contenido a mostrar
</div>


alguien me podría ayudar? Desde ya muchas Gracias !
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
Imágen de perfil de Alejandro
Val: 1.448
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Mostrar Div y cargar contenido la hacer click

Publicado por Alejandro (532 intervenciones) el 28/02/2018 17:03:29
  • Alejandro se encuentra ahora conectado en el
  • chat de PHP
Necesitas aprender AJAX.

Un ejemplo de lo mas sencillo con la libreria jQuery es:
1
2
3
4
5
6
7
8
9
10
<input type="button" value="Mostrar" onclick="mostrar()">
 
<script type="text/javascript">
function mostrar(){
$("#oculto").load("video.html");
$("#oculto").css("display","block");
}
</script>
 
<div id='oculto' style='display:none;'></div>
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