cargar multiples div por favor

[gachon]

Hola muy buenas, me gustaria saber como podria cargar varios div, estoy probando pero se queda el archico loading cargando pero no carga, pero carga el segundo getdata. Cargando un solo div sale estupendamente, pero con dos ya no
este es mi codigo

Código PHP:

  // here we define global variable
var ajaxdestination="";
function getdata(what,where) { // get data from source (what)
 try {
   xmlhttp = window.XMLHttpRequest?new XMLHttpRequest():
          new ActiveXObject("Microsoft.XMLHTTP");
 }
 catch (e) { /* do nothing */ }

 document.getElementById(where).innerHTML ="<div class='preload'><center><img src='imagenesfondo/ajax-loader.gif'></center></div>";
// we are defining the destination DIV id, must be stored in global variable (ajaxdestination)
 ajaxdestination=where;
 xmlhttp.onreadystatechange = triggered; // when request finished, call the function to put result to destination DIV
 xmlhttp.open("GET", what);
 xmlhttp.send(null);
  return false;
}

function triggered() { // put data returned by requested URL to selected DIV
  if (xmlhttp.readyState == 4) if (xmlhttp.status == 200) 
    document.getElementById(ajaxdestination).innerHTML =xmlhttp.responseText;
} 
   

y este es el enlace de como intento cargar varios div

Código PHP:

  <a href="javascript:void(0);" onclick="getdata('principal.html','contenidoarriba');getdata('principalservicios.html','contenidolateralderecho');" target="_top">Inicio</a> 
   

como ven llamo dos veces getdata pero solo carga la pagina principalservicios.html,porque principal.html se queda con mensaje de cargando a ver si por favor pueden ayudarme
saludos y muchas gracias

[Adler]

Hola

Podrías probar con esto

Código Javascript:

// here we define global variable
var ajaxdestination="";
function getdata(what,where) { // get data from source (what)
ke = what.split("/");
donde = where.split("/");
 
for (i=0; i < ke; i++) { 
 
 
 try {
   xmlhttp = window.XMLHttpRequest?new XMLHttpRequest():
          new ActiveXObject("Microsoft.XMLHTTP");
 }
 catch (e) { /* do nothing */ }
 
 document.getElementById(donde[i]).innerHTML ="<div class='preload'><center><img src='imagenesfondo/ajax-loader.gif'></center></div>";
// we are defining the destination DIV id, must be stored in global variable (ajaxdestination)
 ajaxdestination=donde[i];
 xmlhttp.onreadystatechange = triggered; // when request finished, call the function to put result to destination DIV
 xmlhttp.open("GET", ke[i]);
 xmlhttp.send(null);
  return false;
}
 
}
 
function triggered() { // put data returned by requested URL to selected DIV
  if (xmlhttp.readyState == 4) if (xmlhttp.status == 200) 
    document.getElementById(ajaxdestination).innerHTML =xmlhttp.responseText;
}  
 
 
<a href="javascript:void(0);" onclick="getdata('principal.html/principalservicios.html','contenidoarriba/contenidolateralderecho'); target="_top">Inicio</a>
 

Suerte

[gachon]

Muchas gracias por tu atencion Adler, pero no funciona.

[Adler]

Hola

De acuerdo, no funciona. ¿Pero cual es el problema? ¿Marca algún error, no hace lo que esperas que haga, no hace nada, ...?

Prueba así

Código Javascript:

// here we define global variable
var ajaxdestination="";
function getdata(what,where) { // get data from source (what)
ke = what.split("/");
donde = where.split("/");
 
 
 try {
   xmlhttp = window.XMLHttpRequest?new XMLHttpRequest():
          new ActiveXObject("Microsoft.XMLHTTP");
 }
 catch (e) { /* do nothing */ }
 
for (i=0; i < ke; i++) { 
 
 document.getElementById(donde[i]).innerHTML ="<div class='preload'><center><img src='imagenesfondo/ajax-loader.gif'></center></div>";
// we are defining the destination DIV id, must be stored in global variable (ajaxdestination)
 ajaxdestination=donde[i];
 xmlhttp.onreadystatechange = triggered; // when request finished, call the function to put result to destination DIV
 xmlhttp.open("GET", ke[i]);
 xmlhttp.send(null);
  return false;
}
 
}
 
function triggered() { // put data returned by requested URL to selected DIV
  if (xmlhttp.readyState == 4) if (xmlhttp.status == 200) 
    document.getElementById(ajaxdestination).innerHTML =xmlhttp.responseText;
}  
 
 
<a href="javascript:void(0);" onclick="getdata('principal.html/principalservicios.html','contenidoarriba/contenidolateralderecho'); target="_top">Inicio</a>
 

Suerte

[gachon]

muchas gracias Adler pero sigue sin funcionarme, pero lo arreglado con jquery, he conseguido cargar varios divs pero no consigo que salga la imagen de carga mira el codigo

$(document).ready(function() {
$(".disenoweb").click(function(event) {

var imagenCargando = $("<div class='preload'><center><img src='imagenesfondo/ajax-loader.gif'></center></div>");//aqui intento poner una imagen de carga pero no sale

$("div#contenidoarriba").load('principal.html');
$("div#contenidolateralderecho").load('texto.html' );
});
});

haber si por favor puedes ayudarme, o abro un nuevo post para mi nueva duda
gracias de verdad por tu atencion