Foros del Web » Programando para Internet » Javascript »

Modificar varios DIV con Ajax

Estas en el tema de Modificar varios DIV con Ajax en el foro de Javascript en Foros del Web. Hola, hoy he empezado con Ajax y he encontrado un codigo que funciona 100% pero he encontrado que no se como arreglarmelas para que Ajax ...
  #1 (permalink)  
Antiguo 10/05/2013, 05:54
Avatar de veniwarez  
Fecha de Ingreso: julio-2010
Mensajes: 110
Antigüedad: 13 años, 9 meses
Puntos: 3
Modificar varios DIV con Ajax

Hola, hoy he empezado con Ajax y he encontrado un codigo que funciona 100% pero he encontrado que no se como arreglarmelas para que Ajax modifique el DIV que le indique mediante un parametro de momento le paso el parametro de la WEB, el punto y el ID, el ID he conseguido mostrarlo dentro de la función pero entonces deja de seguir el programa.

El codigo js es el siguiente:

////
// 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, point,id) {
url=url+"?point="+point+"&id="+id;
// Primero vamos a ver si la URL es una URL :)
if(url==''){
return;
}
// Usuario inteligente...
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
alert(id);
req.onreadystatechange = processReqChange(id);
req.open("GET", url, true);
req.send(null);
// ...y usuario de Internet Explorer Windows
} else if (window.ActiveXObject) {
isIE = true;
alert(id);
req = new ActiveXObject("Microsoft.XMLHTTP");
if (req) {
req.send();
req.onreadystatechange = processReqChange;
req.open("GET", url, true);
}
}
}

function processReqChange(id){
// Referencia a nuestro DIV con ID unica:

var det="detalles1";


var detalles = document.getElementById(det);
// Si se ha completado la carga de datos, los mostramos en el DIV...
if(req.readyState == 4){
detalles.innerHTML = req.responseText;
} else {
// ...en caso contrario, le diremos al usuario que los estamos cargando:
detalles.innerHTML = '';
////<img src="img/tick.png" width="20" height="20" align="absmiddle" />
}
}

////

Agradecería toda la ayuda.

El codigo del div es:

////

<div class='topper_detalles' id='detalles$index'>
<a href='#'><img src='img/arrow.png' alt='up' align='baseline' width='18' height='18' onclick=\"cargaXML('process.php', '1', $index)\" /></a>
</div>

////

El problema lo encuentro bien en: processReqChange(id)
ya que los parametros entran de hecho si hago alert(id) me aparece el id correcto entonces no se que puede suceder.

Gracias
Atte VW.
  #2 (permalink)  
Antiguo 10/05/2013, 08:08
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: Modificar varios DIV con Ajax

pero esto que te genera?
id='detalles$index'

que significa $index?

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #3 (permalink)  
Antiguo 10/05/2013, 08:24
Avatar de veniwarez  
Fecha de Ingreso: julio-2010
Mensajes: 110
Antigüedad: 13 años, 9 meses
Puntos: 3
Respuesta: Modificar varios DIV con Ajax

pues el nombre de varios div con php hago varios div tipo

<div id="div1"> CONTENIDO </div>
<div id="div2"> CONTENIDO </div>
<div id="div3"> CONTENIDO </div>
<div id="div4"> CONTENIDO </div>

y lo que quiero esque CONTENIDO que lleva los parametros URL,Point y ID llame al codigo AJAX y ese devuelva el resultado al div divID o sea div1 o div2 o div3

sabes?
  #4 (permalink)  
Antiguo 10/05/2013, 08:51
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 16 años, 10 meses
Puntos: 1567
Respuesta: Modificar varios DIV con Ajax

Cita:
Iniciado por veniwarez Ver Mensaje
pues el nombre de varios div con php hago varios div tipo

<div id="div1"> CONTENIDO </div>
<div id="div2"> CONTENIDO </div>
<div id="div3"> CONTENIDO </div>
<div id="div4"> CONTENIDO </div>

y lo que quiero esque CONTENIDO que lleva los parametros URL,Point y ID llame al codigo AJAX y ese devuelva el resultado al div divID o sea div1 o div2 o div3

sabes?
Fijate como funciona,
http://foros.emprear.com/ajax/demo/deportes.html
en el código fuente los detalles, basicamente se hace
CargarDatos('golf.html','contenido');

el primer parámetro es la url, el segundo el id del div en el que querés cargar

Saludos
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #5 (permalink)  
Antiguo 10/05/2013, 09:04
Avatar de veniwarez  
Fecha de Ingreso: julio-2010
Mensajes: 110
Antigüedad: 13 años, 9 meses
Puntos: 3
Respuesta: Modificar varios DIV con Ajax

Muchísimas gracias ahora mismo me pongo a mirar el codigo y ver como funciona, eso es lo que quería hacer con el mio y este funciona 10!

Gracias a todos
Atte VW
  #6 (permalink)  
Antiguo 10/05/2013, 09:25
Avatar de veniwarez  
Fecha de Ingreso: julio-2010
Mensajes: 110
Antigüedad: 13 años, 9 meses
Puntos: 3
Respuesta: Modificar varios DIV con Ajax

Gracias!!
Funciona 100%, elegantemente, bien, genial! gracias lo he conseguido modificar necesariamente y ya va!! gracias!

Etiquetas: ajax, funcion, html, js, modificar, php
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 00:08.