Tema: Convertir código a JQuery
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 23/01/2014, 16:04
Avatar de satjaen
satjaen
 
Fecha de Ingreso: septiembre-2012
Ubicación: Jaén (Andalucía)
Mensajes: 893
Antigüedad: 11 años, 8 meses
Puntos: 10
Respuesta: Convertir código a JQuery
He modificado el código y añadiendo css con jQuery pero sigue sin salirme la imagen del loading en Google Chrome. Por favor,nadie sabe lo que ocurre ?

Código Javascript: 
Ver original
  1. if (conexion1.readyState==1 || conexion1.readyState==2 || conexion1.readyState==3)
  2.         {
  3.          $('#carga').css({
  4.                 opacity:1,
  5.                 display:'block'
  6.                 
  7.             });
  8.          $('#fondo').css({
  9.                 opacity:.25
  10.             });
  11.          
  12.  
  13. if(conexion1.readyState == 4 && conexion1.status == 200 )
  14.         {
  15.            $('#fondo').css({
  16.                 opacity:1
  17.             });
  18.           $('#carga').css('display','none');


Código Javascript: 
Ver original
  1. function valida_envia(e)
  2. {
  3.     
  4.      var telefonos = document.forms['datos'].elements['telefonos'];
  5.     if (telefonos.value.length == 0)
  6.     {
  7.         
  8.         alert("Insertar el nº de teléfono");
  9.  
  10.         telefonos.focus();
  11.  
  12.         return 0;
  13.  
  14.     }
  15.     else
  16.     {
  17.   if (window.event)
  18.     window.event.returnValue=false;
  19.   else
  20.     if (e)
  21.       e.preventDefault();
  22.   enviarFormulario();
  23. }
  24.  
  25. var conexion1;
  26. function enviarFormulario() 
  27. {
  28.   conexion1=crearXMLHttpRequest()
  29.   conexion1.onreadystatechange = procesarEventos;
  30.   conexion1.open("GET", "val_telef.php?telefonos=" + telefonos.value, false);
  31.   conexion1.send(null);  
  32. }
  33.  
  34.         function procesarEventos()
  35.         {
  36.         var resultados = document.getElementById("carga");
  37.         if(conexion1.readyState == 4 && conexion1.status == 200 )
  38.         {
  39.            $('#fondo').css({
  40.                 opacity:1
  41.             });
  42.           $('#carga').css('display','none');
  43.         resultados.innerHTML = conexion1.responseText;
  44.         
  45.     
  46.         
  47.          var xml = conexion1.responseXML;
  48.             dato=xml.getElementsByTagName("datos");
  49.             if(dato[0].firstChild.nodeValue=="1")
  50.             {
  51.                 num_user=xml.getElementsByTagName("numusuario");
  52.                 
  53.                 
  54.                 document.getElementById("movil").value =xml.getElementsByTagName("movil")[0].firstChild.nodeValue;
  55.                 document.getElementById("calle").value =xml.getElementsByTagName("calle")[0].firstChild.nodeValue;
  56.                 document.getElementById("dni").value =xml.getElementsByTagName("dni")[0].firstChild.nodeValue;
  57.                 document.getElementById("name").value =xml.getElementsByTagName("name")[0].firstChild.nodeValue;
  58.                 document.getElementById("edificio").value =xml.getElementsByTagName("edificio")[0].firstChild.nodeValue;
  59.                 document.getElementById("numero").value =xml.getElementsByTagName("numero")[0].firstChild.nodeValue;
  60.                 document.getElementById("puerta").value =xml.getElementsByTagName("puerta")[0].firstChild.nodeValue;
  61.                 document.getElementById("piso").value =xml.getElementsByTagName("piso")[0].firstChild.nodeValue;
  62.                 document.getElementById("letra").value =xml.getElementsByTagName("letra")[0].firstChild.nodeValue;
  63.                 document.getElementById("localidad").value =xml.getElementsByTagName("localidad")[0].firstChild.nodeValue;
  64.                 document.getElementById("provincia").value =xml.getElementsByTagName("provincia")[0].firstChild.nodeValue;
  65.                 document.getElementById("email").value =xml.getElementsByTagName("email")[0].firstChild.nodeValue;
  66.                 
  67.             
  68.                   
  69.         
  70.             }else(dato[0].firstChild.nodeValue=="0")
  71.             {                   
  72.                      envia();
  73.                          }
  74.         
  75.  
  76.         } 
  77.         else
  78.         if (conexion1.readyState==1 || conexion1.readyState==2 || conexion1.readyState==3)
  79.         {
  80.          $('#carga').css({
  81.                 opacity:1,
  82.                 display:'block'
  83.                 
  84.             });
  85.          $('#fondo').css({
  86.                 opacity:.25
  87.             });
  88.          
  89.            }
  90.         }
  91.      
  92.  
  93.     function crearXMLHttpRequest() 
  94. {
  95.   var xmlHttp=null;
  96.   if (window.ActiveXObject) 
  97.     xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
  98.   else 
  99.     if (window.XMLHttpRequest) 
  100.       xmlHttp = new XMLHttpRequest();
  101.   return xmlHttp;
  102.    }    
  103. }