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

Cargar una pagina de un menu en un div

Estas en el tema de Cargar una pagina de un menu en un div en el foro de Frameworks JS en Foros del Web. Hola mi pregunta es la siguiente, quiesiera saber como se puede, si es que se puede, cargar una pagína en un div que está en ...
  #1 (permalink)  
Antiguo 25/05/2009, 08:25
 
Fecha de Ingreso: enero-2008
Mensajes: 12
Antigüedad: 16 años, 11 meses
Puntos: 0
Cargar una pagina de un menu en un div

Hola mi pregunta es la siguiente, quiesiera saber como se puede, si es que se puede, cargar una pagína en un div que está en otra.

Tengo una web con un menu en flash en la cabecera pero dentro de un div y en esa misma página, abajo, en otros divs el contenido.

Quiero que al pinchar en las opciones del menu flash de esa página se me cargue en la parte de abajo los contenidos.

Por favor me urge, si alguien sabe como hacer lo agradeceria muchisimo.

Gracias
  #2 (permalink)  
Antiguo 25/05/2009, 09:45
 
Fecha de Ingreso: julio-2008
Mensajes: 208
Antigüedad: 16 años, 5 meses
Puntos: 5
Respuesta: Cargar una pagina de un menu en un div

PRUEBA ALGO ASI:
En el atributo innerHTML del div pones lo que te devolvio el pedido a la pagina que quieres: ajax.responseTEXT:

salu2

<html>
<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<script>

function resaltar(elEvento)
{
var evento = elEvento || window.event;
switch (evento.type)
{
case 'mouseover':
this.style.backgroundColor = '#FCC000';
break;
case 'mouseout':
this.style.backgroundColor = '#EAEAEA';
break;
}
}


function cargarContenido(pagina,destino){
var contenedor;
var ajax;
contenedor = document.getElementById(destino);
ajax = nuevoAjax();
ajax.open("POST", pagina, true);
ajax.onreadystatechange=function() {
if (ajax.readyState==4) {
document.getElementById(destino).innerHTML = ajax.responseText;
}
}
ajax.send(null);
}



window.onload = function(){

document.getElementById("menuAlta").onmouseover=re saltar;
document.getElementById("menuAlta").onmouseout=res altar;
document.getElementById("menuBaja").onmouseover=re saltar;
document.getElementById("menuBaja").onmouseout=res altar;
document.getElementById("menuModif").onmouseover=r esaltar;
document.getElementById("menuModif").onmouseout=re saltar;
}


</script>
</head>

<body>


<div align="center" width="90%" height="10%">
<h3>AGENDA INTERNOS SECIU</h3>
</div>

<div id="menuAlta" onClick="cargarContenido('a.php','div_ADM');">
a
</div>
<div id="menuBaja" onClick="cargarContenido('b.php','div_ADM');">
b
</div>
<div id="menuModif" onClick="cargarContenido('c.php','div_ADM');">
c
</div>


<div id="div_ADM" align="center" class="div_ADM">
</div>

</body>
</html>
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 09:29.