Foros del Web » Programando para Internet » Javascript » Frameworks JS »

como puedo mostrar una pagina dentro de otra

Estas en el tema de como puedo mostrar una pagina dentro de otra en el foro de Frameworks JS en Foros del Web. Hola a todos, Como puedo hacer para llamar a una pagina precionando un boton. Lo que quiero hacer es lo siguiente Tengo 3 botones: Crear ...
  #1 (permalink)  
Antiguo 17/04/2011, 19:44
 
Fecha de Ingreso: marzo-2009
Mensajes: 356
Antigüedad: 15 años, 9 meses
Puntos: 7
como puedo mostrar una pagina dentro de otra

Hola a todos,
Como puedo hacer para llamar a una pagina precionando un boton.

Lo que quiero hacer es lo siguiente

Tengo 3 botones: Crear Libro, Listar Libros, Buscar Libros
Al por ejemplo hacer clic en crear libro abajo me carga la pagina crearlibro.xxx ( un formulario y eso), su boton crear y todo eso, osea toda la estructura. Lo mismo con el resto de botones.

como puedo hacerlo con DOM ?

gracias por todo
  #2 (permalink)  
Antiguo 18/04/2011, 09:31
 
Fecha de Ingreso: abril-2011
Mensajes: 2
Antigüedad: 13 años, 8 meses
Puntos: 0
Respuesta: como puedo mostrar una pagina dentro de otra

Es facil y sencillo, solo deves poner un enlace de url en tu boton que deseas que aparesca el enlace...
  #3 (permalink)  
Antiguo 18/04/2011, 09:49
 
Fecha de Ingreso: marzo-2009
Mensajes: 356
Antigüedad: 15 años, 9 meses
Puntos: 7
Respuesta: como puedo mostrar una pagina dentro de otra

como asi ? quiero q salga en la parte de abajo de la misma pagina no en otra porsiacaso,

si puedes poner ejemplos seria grandioso

gracias
  #4 (permalink)  
Antiguo 18/04/2011, 10:55
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 9 meses
Puntos: 1146
Respuesta: como puedo mostrar una pagina dentro de otra

busca en google como cargar contenidos con ajax y encuentras muchos ejemplos

aquí te dejo uno que en lo personal me gusta ya que puedes cargar contenido oculto dentro del mismo html o cargarlo desde otro archivo

como hacerlo y acá un ejemplo en vivo
  #5 (permalink)  
Antiguo 18/04/2011, 14:27
 
Fecha de Ingreso: abril-2009
Mensajes: 2
Antigüedad: 15 años, 8 meses
Puntos: 0
Respuesta: como puedo mostrar una pagina dentro de otra

Aquí te dejo un ejemplo muy simple (existen muchas maneras de hacer lo mismo):

Código:
<html>
<head>
<script type="text/javascript" src="jquery.js" ></script>
<script type="text/javascript" >

	$(document).ready(function(){
		$(".btn").bind("click", function()
		{
			url = $(this).attr("href");
			$("#pagina").load(url);
			return false;
		});
	});
	
</script>
</head>
<body>
<a href="pagina1.html" class="btn">boton1</a>
<a href="pagina2.html" class="btn">boton2</a>
<a href="pagina3.html" class="btn">boton3</a>
<div id="pagina">Aqui cargo las paginas</div>
</body>
</html>

Te aconsejo que mires esta página sobre cómo usar las funciones de Jquery:

http://api.jquery.com/browser

Etiquetas: ajax
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:29.