jquery y ajax no carga

[soulip]

buenas escribo porq tengo un problema les explico, estoy haciendo un llamado desde una pagina html donde me traigo el texto y los archivos js necesarios para colocarlo en un contenedor, pero al momento de colocar no carga como deberia ser, deberia cargarme contenido en pestañas, pero solo me carga las pestañas estaticas y su forma mas no se ven su contenido ni nada, espero haberme explicado les dejo el codigo y agradecimiento de antemano

Código Javascript:

var peticion = new objetoAjax("GET");
 
function LoadJS(nomarch) {
 
    var d = new Date();
    var ele = document.getElementById(nomarch);
    if (ele == undefined) {
        var tagjs = document.createElement("script");
        tagjs.setAttribute("type", "text/javascript");
        tagjs.setAttribute("id", nomarch); 
        tagjs.setAttribute("src", "js/"+nomarch+".js?rnd="+d.getTime());
        document.getElementsByTagName("head")[0].appendChild(tagjs);
    }
}
function LoadJS1(nomarch) {
 
    var d = new Date();
    var ele = document.getElementById(nomarch);
    if (ele == undefined) {
        var tagjs = document.createElement("script");
        tagjs.setAttribute("type", "text/javascript");
        tagjs.setAttribute("id", nomarch); 
        tagjs.setAttribute("src", "js/"+nomarch+".js?rnd="+d.getTime());
        document.getElementsByTagName("head")[0].appendChild(tagjs);
    }
}
function LoadJS2(nomarch) {
 
    var d = new Date();
    var ele = document.getElementById(nomarch);
    if (ele == undefined) {
        var tagjs = document.createElement("script");
        tagjs.setAttribute("type", "text/javascript");
        tagjs.setAttribute("id", nomarch); 
        tagjs.setAttribute("src", "js/"+nomarch+".js?rnd="+d.getTime());
        document.getElementsByTagName("head")[0].appendChild(tagjs);
    }
}
function LoadJS3(nomarch) {
 
    var d = new Date();
    var ele = document.getElementById(nomarch);
    if (ele == undefined) {
        var tagjs = document.createElement("script");
        tagjs.setAttribute("type", "text/javascript");
        tagjs.setAttribute("id", nomarch); 
        tagjs.setAttribute("src", "js/"+nomarch+".js?rnd="+d.getTime());
        document.getElementsByTagName("head")[0].appendChild(tagjs);
    }
}
 
 
 
function LoadcS(nomarch) {
 
    var d = new Date();
    var ele = document.getElementById(nomarch);
    if (ele == undefined) {
        var tagjs = document.createElement("link");
        tagjs.setAttribute("type", "text/css");
        tagjs.setAttribute("id", nomarch); 
        tagjs.setAttribute("rel","stylesheet");
        tagjs.setAttribute("href", "css/"+nomarch+".css?rnd="+d.getTime());
        document.getElementsByTagName("head")[0].appendChild(tagjs);
    }
}
 
function LoadCS(nomarch) {
 
    var d = new Date();
    var ele = document.getElementById(nomarch);
    if (ele == undefined) {
        var tagjs = document.createElement("link");
        tagjs.setAttribute("type", "text/css");
        tagjs.setAttribute("rel","stylesheet");
        tagjs.setAttribute("id", nomarch); 
        tagjs.setAttribute("href", "css/"+nomarch+".css?rnd="+d.getTime());
        document.getElementsByTagName("head")[0].appendChild(tagjs);
    }
}
 
function HacerPeticionAjax() {
    
    peticion.Finished = respuestaAjax;
    peticion.Get("index1.html", "");
}
 
function respuestaAjax(status, b, texto, d) {
 
    document.getElementById("tabber").innerHTML = texto;
    LoadcS("datepicker");
    LoadCS("layout");
    LoadJS("jquery");
    LoadJS2("eye");
    LoadJS3("layout");
    LoadJS1("evento");
}
 

se que me carga los archivos y los script pero no se muestra como deberia ser si necesitan que les diga mas detales me dicen gracias

[maycolalvarez]

Veo muchas funciones redundantes con el mismo objetivo, no veo ninguna petición AJAX, no se ve la función que crea el XmlHttpRequest, no entiendo la carga dinámica de scripts sí no es hacia servidores externos (AJAX crossdomain)

[ipraetoriux]

...pues me parece que esta usando AJAX con jQuery...pero tendiras que poner como haces la peticion y como tienes el objetoAjax

[maycolalvarez]

yo no veo jQuery por ningún lado

[soulip]

Gracias por responder chicos y bueno colocando mas detalles se me paso colocar la solicitud XmlHttpRequest aqui la agrego y respondiendo lo de redundante es que apenas vi el codigo lo tome y no le hecho mejora para que sea dinamico jeje y que tambien lo habia visto con formato js y no ccs entonces tambien queria probar y bueno en teoria resulto me toma todos los archivos y los inserta en la cabecera de la pagina inicio, gracias por contestar y ahora el codigo jeje:

Código PHP:

function ConstructorXMLHttpRequest() {
if(window.XMLHttpRequest) /*Vemos si el objeto window(la base de la ventana del navegador) posee el m?todo XMLHttpRequest(Navegadores como Mozilla y Safari). */
  { return new XMLHttpRequest(); } 
  //Si lo tiene, crearemos el objeto con este m?todo. 
  else if(window.ActiveXObject) /*Sino ten?a el m?todo anterior, deber?a ser el Internet Exp. un navegador que emplea objetos ActiveX, lo mismo, miramos si tiene el m?todo de creaci?n. */
         {
           /*Hay diferentes versiones del objeto, creamos un array, que contiene los diferentes tipos desde la versi?n mas reciente, hasta la mas antigua */
          var versionesObj = new Array(
'Msxml2.XMLHTTP.5.0',
'Msxml2.XMLHTTP.4.0',
'Msxml2.XMLHTTP.3.0',
'Msxml2.XMLHTTP',
'Microsoft.XMLHTTP');
     for (var i = 0; i < versionesObj.length; i++) {
       try {
/*Intentamos devolver el objeto intentando crear las diferentes versiones se puede intentar crear uno que no existe y se producir? un error. */
           return new ActiveXObject(versionesObj[i]);
           }
      catch (errorControlado) //Capturamos el error, ya que podr?a crearse otro objeto.
      {
    }
  }
}
/* Si el navegador llego aqu? es porque no posee manera alguna de crear el objeto, emitimos un mensaje de error. */
throw new Error("No se pudo crear el objeto XMLHttpRequest");
}
 
 
function objetoAjax(metodo) { 
  this.objetoRequest = new ConstructorXMLHttpRequest(); 
  this.metodo = metodo;
}
 
function peticionAsincrona(url,valores) { //Funci?n asignada al m?todo coger del objetoAjax.
  var objetoActual = this;
  this.objetoRequest.open(this.metodo, url, true);
  this.objetoRequest.onreadystatechange = function() {
         switch(objetoActual.objetoRequest.readyState)
         {
            case 1: //Funci?n que se llama cuando se est? cargando.
            objetoActual.Loading();
            break;
            case 2: //Funci?n que se llama cuando se a cargado.
            objetoActual.Loaded();
            break;
            case 3: //Funci?n que se llama cuando se est? en interactivo.
            objetoActual.Interactive();
            break;
            case 4:
                  objetoActual.Finished(objetoActual.objetoRequest.status,
                  objetoActual.objetoRequest.statusText,
                  objetoActual.objetoRequest.responseText,
                  objetoActual.objetoRequest.responseXML);
                  break;
           } // switch
       } // function
  if (this.metodo == "GET") {
    this.objetoRequest.send(null); //Iniciamos la transmisi?n de datos.
  }
  else if (this.metodo == "POST") {
         this.objetoRequest.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
        this.objetoRequest.send(valores);
  }
} // function
function objetoRequestCargando() {}
function objetoRequestCargado() {}
function objetoRequestInteractivo() {}
function objetoRequestCompletado(estado, estadoTexto, respuestaTexto, respuestaXML) {}
//Definimos la funci?n de recoger informaci?n.
objetoAjax.prototype.Get = peticionAsincrona ;
objetoAjax.prototype.Loading = objetoRequestCargando ;
objetoAjax.prototype.Loaded = objetoRequestCargado ;
objetoAjax.prototype.Interactive = objetoRequestInteractivo ;
objetoAjax.prototype.Finished = objetoRequestCompletado
 

ah esta funcion la llamo externamente

[maycolalvarez]

bueno, no lo revisé en detalle, pero si lo básico de los errores al implementar AJAX, en el cual te falta evaluar el objetoRequest.status == 200 dentro de readyState 4, consulta un manual de AJAX y verás el porque, corrige ello primero y prueba, saludos

[soulip]

Buenas gracias por responder maycolalvarez segun lo que entiendo es para ver si cargo la peticion ajax y despues empezar a trasmitir los datos osea primero asegurarme que cargo bien antes de trasmitir los datos?

Código PHP:

function respuestaAjax(status, b,  d, texto, f) {
    if (status == 4 && (b == 200 || window.location.href.indexOf ("http") == - 1)){
    document.getElementById("tabber1").innerHTML = texto;
    
    LoadJS("jquery");
    LoadJS2("eye");
    LoadJS3("layout");
 

eso fue lo que se me ocurrio agregando el objetostatus pues no lo tenia en swicht, y efectivamente esta en 4 el ready y status en 200 con lo cual le digo que cargue pero sigue dando lo mismo, ahora se me ocurrio otra cosa es que los script que necesito tienen la funcion onload con lo que me digo que no podran cargarse pues la pagina padre ya cargo dando como resultado que nunca se activen eso es correcto? y si es asi como lo podria solucionar? gracias de antemano

[soulip]

¿? Alguna idea??? :S

[maycolalvarez]

revisa bien lo que haces, es objetoRequest.status == 200, es decir la instancia del XmlHttpRequest debes colocar la condición dentro del bloque del case 4

[soulip]

Gracias por responder maycol efectivamente el objeto no carga 200 si que esta en 0

Código PHP:

case 4:
            if (objetoActual.objetoRequest.readyState == 4 && objetoActual.objetoRequest.status == 200){
                    alert(" "+objetoActual.objetoRequest.readyState);
                    alert(" "+objetoActual.objetoRequest.status);
            
                  objetoActual.Finished(objetoActual.objetoRequest.readyState,objetoActual.objetoRequest.status,
                  objetoActual.objetoRequest.statusText,
                  objetoActual.objetoRequest.responseText,
                  objetoActual.objetoRequest.responseXML);
                  } else{return alert("falta algo");}
                  break;
 

apenas lo acabo de hacer tengo que salir en la noche vere que sucede te comento en la noche a ver que pude averiguar de nuevo gracias por el intereses

[maycolalvarez]

entonces revisa con una consola tipo firebug el estado de la petición, si no devuelve 200 puede ser un error desde el servidor

[soulip]

buenas, maycol yo creo que con el apuro hice la prueba sin montarla en el servidor o no se que hice pero ahora la prueba y corre bien jajajaja entra en el if y efectivamenten ambos tienen sus valores, entonces mi pregunta, lo que cargo en el div son pestañas y eso carga con el evento windows onload ¿esto hara que no corran bien?

[soulip]

ya revise el firebug y si parece que el proble es con el el window.onload, pues en el script js el firebug me pide que actualice la pagina para poder acceder a la libreria, alguna idea como solucionarlo? si meto el evento cuando el status es 4? aunque no se como referenciarlo, ideas?? gracias de antemano ^^

[soulip]

Código Javascript:

function tabberAutomaticOnLoad(tabberArgs)
{ 
        
        
  /* This function adds tabberAutomatic to the window.onload event,
     so it will run after the document has finished loading.
  */
  var oldOnLoad;
 
  if (!tabberArgs) { tabberArgs = {}; }
 
  /* Taken from: http://simon.incutio.com/archive/2004/05/26/addLoadEvent */
 
  oldOnLoad = window.onload;
  if (typeof window.onload != 'function') {
  alert("llega aqui");
   window.onload  = function() {
      tabberAutomatic(tabberArgs);
    };
  } else { //document.ready window.onload
    window.onload= function() {
      oldOnLoad();
      tabberAutomatic(tabberArgs);
    };
  }
}
 
 
/*==================================================*/
 
 
/* Run tabberAutomaticOnload() unless the "manualStartup" option was specified */
 
if (typeof tabberOptions == 'undefined') {
    alert("hola");
    tabberAutomaticOnLoad();
    
 
} else {
 
  if (!tabberOptions['manualStartup']) {
  alert("hola1");
    tabberAutomaticOnLoad(tabberOptions);
  }
 
}
 

ese es el codigo si le doy a

Código PHP:

var tabberOptions = {manualStartup:true};
 

no inicia pues en teoria tendria el control de inicio su supiera iniciarlo de nuevo jajaja pues la idea es que cuando el usuario lo traiga salga con el estilo de una vez muchas gracias y disculpen por insistir pero se nota que soy novato en el manejo de estos lenguajes gracias. ahsi ven alert por alli son expperimentos mios para ver a donde me llevaban

[soulip]

Alguien por favor por lo menos una idea de como puedo hacer si lo desean solo enseñenme la puerta yo la cruzo jajajajaja esperando respuesta gracias

[soulip]

nadie?? ayuda porfa

[soulip]

bueno me resigne y estoy usando includes pero me queda la dudaaaaaaaaaaaaaaaa jajajaja vamos!! no me dejen morir x_x

[Carloosolrac]

Podrías poner todo el código para ver en qué has avanzado.

Y el código
if (objetoActual.objetoRequest.readyState == 4 && objetoActual.objetoRequest.status == 200){

está malo.
El objetoRequest.readyState de ejemplo, el "objetoRequest" es tu objeto, no una funcion predeterminada.

[soulip]

buenas Carloosolrac he probado el codigo con otros script y funciona pero esos escript se activan con eventos como onclick, el script que intento cargar tiene es onload por lo que creo que el error esta alli porq el firebug me pide actulizar para activar esa parte del codigo gracias de antemano