[SOLUCIONADO] ¿Alguien me chequea esto?

Luisa29 · #1 (**permalink**) 28/02/2013, 19:24

No sé donde puede estar el fallo, los botones no funcionan.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento</title>

<style type="text/css">

</style>
<script>
function nuevoAjax(){

var xmlhttp=false;
try {
xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
} catch (E) {
xmlhttp = false;
}
}

if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
xmlhttp = new XMLHttpRequest();
}
return xmlhttp;

}

function Cargar(url){

var contenido = document.getElementById('contenido');

ajax=nuevoAjax();
ajax.open("GET", url,true);
ajax.onreadystatechange=function(){

if(ajax2.readyState==4){

contenido.innerHTML=ajax.responseText;

}

}

ajax.send(null);

}
</script>
</head>

<body>
<div id="menu"><?php include("menu.php"); ?></div>
<div id="contenido"><?php include("contenido1.php"); ?></div>
</body>
</html>

Y esto para menu.php

<a href="#" onclick="Cargar('contenido1.php');">Link1</a><br />
<a href="#" onclick="Cargar('contenido2.php');">Link2</a><br />
<a href="#" onclick="Cargar('contenido3.php');">Link3</a><br />

Pero no funciona. ¿Alguien sabe cual es el fallo?

Panino5001 · #2 (**permalink**) 28/02/2013, 19:46

Código PHP:

  if(ajax2.readyState==4){

Lo miré por encima, pero de dónde sale ajax2?
Otra cosa que veo es que no estás evitando la caché. Podrías agregarle un signo de interrogación y una cadena aleatoria a la url para evitar la caché, que genera problemas en algunos navegadores.

Luisa29 · #3 (**permalink**) 28/02/2013, 20:01

Cita:

Iniciado por Panino5001

Código PHP:

  if(ajax2.readyState==4){

Lo miré por encima, pero de dónde sale ajax2?
Otra cosa que veo es que no estás evitando la caché. Podrías agregarle un signo de interrogación y una cadena aleatoria a la url para evitar la caché, que genera problemas en algunos navegadores.

Era esooooooooooooooo !!!!!!!!!!!!

Funcionaaaaa !!!!!!

Otra cosilla, ¿para cambiar dos div distintos de la misma página con el mismo botón?. Ya con eso te hago un monumento.

emprear · #4 (**permalink**) 28/02/2013, 20:09

Cita:

Iniciado por Luisa29

Era esooooooooooooooo !!!!!!!!!!!!

Funcionaaaaa !!!!!!

Otra cosilla, ¿para cambiar dos div distintos de la misma página con el mismo botón?. Ya con eso te hago un monumento.

2 divs con el mismo contenido?

Código Javascript:

Ver originalvar contenido = document.getElementById('contenido');
 var contenido2 = document.getElementById('contenido2');
ajax=nuevoAjax(); 
ajax.open("GET", url,true); 
ajax.onreadystatechange=function(){
 
if(ajax2.readyState==4){
 
contenido.innerHTML=ajax.responseText
contenido2.innerHTML=ajax.responseText

Luisa29 · #5 (**permalink**) 28/02/2013, 20:16

Cita:

Iniciado por emprear

2 divs con el mismo contenido?

Código Javascript:

Ver originalvar contenido = document.getElementById('contenido');
 var contenido2 = document.getElementById('contenido2');
ajax=nuevoAjax(); 
ajax.open("GET", url,true); 
ajax.onreadystatechange=function(){
 
if(ajax2.readyState==4){
 
contenido.innerHTML=ajax.responseText
contenido2.innerHTML=ajax.responseText

Es lo malo, serían contenidos distintos. Estoy rompiéndome la cabeza para conseguirlo.
Esto mismo lo acabo de hacer, pero claro carga el mismo contenido en divs distintos.

sería algo así:

<div id="contenido"><?php include("contenido1.php"); ?></div>
<div id="contenido2"><?php include("contenido4.php"); ?></div>

Y poner esto en el ajax:

contenido.innerHTML=ajax.responseText;
contenido2.innerHTML=ajax.responseText;

¿Pero qué pongo en los botones?

<a href="#" onclick="Cargar('contenido1.php');">Link1</a><br />
<a href="#" onclick="Cargar('contenido2.php');">Link2</a><br />
<a href="#" onclick="Cargar('contenido3.php');">Link3</a><br />

emprear · #6 (**permalink**) 28/02/2013, 20:35

Cita:

Iniciado por Luisa29

Es lo malo, serían contenidos distintos. Estoy rompiéndome la cabeza para conseguirlo.
Esto mismo lo acabo de hacer, pero claro carga el mismo contenido en divs distintos.

sería algo así:

<div id="contenido"><?php include("contenido1.php"); ?></div>
<div id="contenido2"><?php include("contenido4.php"); ?></div>

Y poner esto en el ajax:

contenido.innerHTML=ajax.responseText;
contenido2.innerHTML=ajax.responseText;

¿Pero qué pongo en los botones?

<a href="#" onclick="Cargar('contenido1.php');">Link1</a><br />
<a href="#" onclick="Cargar('contenido2.php');">Link2</a><br />
<a href="#" onclick="Cargar('contenido3.php');">Link3</a><br />

ahi veo 3 links, volvamos a lo de un botón que carga 2 divs
tu función recibe un parámetro, la url

function Cargar(url){

bueno, hacé que reciba 2

function Cargar(url,elDiv){

luego, abajo

Código:

var contenido = document.getElementById(elDiv);

es decir, en ligar del nombre de un div específico, el nombre de la variable que lo representa,

Luego en tu button

Código HTML:

Ver original<button onclick="Cargar('pagina1.php','div1');Carga('pagina2.php','div2')">cargar</button>

podrías pasar más incluso. Otra variante que puede resultar útil a veces, aunque todo dependerá de que tipo de contenido cargas, es enviar los datos desde un json, u xml, o simplemente una cadena d texto susceptible de ser dividida, ejemplo, si tu responseText es = "Dato1|Dato2|Dato3" le hacés un
var dato = ajax.responseText.split('|'), y luego
contenido1.innerHTML=dato[0];
contenido2.innerHTML=dato[1];
contenido3.innerHTML=dato[2];
etc.
Como ves tenés varias alternativas
SAludos

Luisa29 · #7 (**permalink**) 01/03/2013, 06:47

emprear MUCHAS GRACIAS !! Me va genial. Es impresionante, os lo agradezco mucho. A veces me atoro pero siempre consigo salir con vuestra gran ayuda.

Ahora a disfrutar.