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

Un boton/es que carguen html externos en divs diferentes

Estas en el tema de Un boton/es que carguen html externos en divs diferentes en el foro de Frameworks JS en Foros del Web. Envio con un enlace la ruta que deseo abrir en un div que se llamará "detalles+ numero enviado junto la llamada de javascript " Código ...
  #1 (permalink)  
Antiguo 01/06/2011, 15:47
 
Fecha de Ingreso: diciembre-2001
Mensajes: 118
Antigüedad: 23 años
Puntos: 0
Un boton/es que carguen html externos en divs diferentes

Envio con un enlace la ruta que deseo abrir en un div que se llamará "detalles+numero enviado junto la llamada de javascript"

Código HTML:
<a href="#"onClick="javascript:cargaXML('001.html, 1')">Matar&oacute; en Viu</a> 
El js que contiene la función cargaXML, que deberia hacer "explode" para coger la ruta a abrir en el div y el nombre del div donde se deberia cargar "detalles+numero enviado junto la llamada de javascript"

Pero no funciona...

Código HTML:
//	Vamos a presuponer que el usuario es una persona inteligente...
var isIE = false;

//	Creamos una variable para el objeto XMLHttpRequest
var req;

//	Creamos una funcion para cargar los datos en nuestro objeto.
//	Logicamente, antes tenemos que crear el objeto.
//	Vease que la sintaxis varia dependiendo de si usamos un navegador decente
//	o Internet Explorer
function cargaXML(url) {
	//	Primero vamos a ver si la URL es una URL :)
	if(url==''){
		return;
	}
		todo = explode (", ", url);
	//	Usuario inteligente...
	if (window.XMLHttpRequest) {
		req = new XMLHttpRequest();
		req.onreadystatechange = processReqChange;
		req.open("GET", todo[0], true);
		req.send(null);
	//	...y usuario de Internet Explorer Windows
	} else if (window.ActiveXObject) {
		isIE = true;
		req = new ActiveXObject("Microsoft.XMLHTTP");
		if (req) {
			req.onreadystatechange = processReqChange;
			req.open("GET", todo[0], true);
			req.send();
		}
	}
}

//	Funcion que se llama cada vez que se dispara el evento onreadystatechange
//	del objeto XMLHttpRequest
function processReqChange(){
	var detalles = document.getElementById("detalles");
	var detallesok = detalles . todo[1];
	if(req.readyState == 4){
		detallesok.innerHTML = req.responseText;
	} else {
		detallesok.innerHTML = '<img src="loading.gif" align="middle" /> Loading...';
	}
}
  #2 (permalink)  
Antiguo 05/06/2011, 16:07
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 16 años, 4 meses
Puntos: 1532
Respuesta: Un boton/es que carguen html externos en divs diferentes

el código anterior es muy malo y redundante, existen mejores funciones para implementar ajax, además le falta algo muy importante:

if(req.status == 200){

además ¿estas seguro de que existe la colección todo?: hasta donde sé no, porque lo que se usa es childNodes en DOM o elements en caso de forms.

var detallesok = detalles . todo[1]; // todo ??????!!!
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...

Etiquetas: ajax, diferentes, divs, externos, 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 18:37.