elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

 

 


Tema destacado: Tutorial básico de Quickjs


+  Foro de elhacker.net
|-+  Programación
| |-+  Programación General
| | |-+  Java
| | | |-+  Poner imagen Cargando.......
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Poner imagen Cargando.......  (Leído 2,229 veces)
madri09

Desconectado Desconectado

Mensajes: 4


Ver Perfil
Poner imagen Cargando.......
« en: 4 Octubre 2012, 19:58 pm »

Hola, quisiera poner a mi cod una imagen de Cargando..... para cuando tenga que buscar muchos registros.
Donde la puedo poner y cúal es la funcion.
Gracias


js.js

Código
  1. / javascript Document
  2. var ordenar = '';
  3. $(document).ready(function(){
  4.  
  5. // Llamando a la funcion de busqueda al
  6. // cargar la pagina
  7. filtrar()
  8.  
  9. var dates = $( "#del, #al" ).datepicker({
  10. yearRange: "-50",
  11. defaultDate: "+1w",
  12. changeMonth: true,
  13. changeYear: true,
  14. onSelect: function( selectedDate ) {
  15. var option = this.id == "del" ? "minDate" : "maxDate",
  16. instance = $( this ).data( "datepicker" ),
  17. date = $.datepicker.parseDate(
  18. instance.settings.dateFormat ||
  19. $.datepicker._defaults.dateFormat,
  20. selectedDate, instance.settings );
  21. dates.not( this ).datepicker( "option", option, date );
  22. }
  23. });
  24.  
  25. // filtrar al darle click al boton
  26. $("#btnfiltrar").click(function(){ filtrar() });
  27.  
  28. // boton cancelar
  29. $("#btncancel").click(function(){
  30. $(".filtro input").val('')
  31. $(".filtro select").find("option[value='0']").attr("selected",true)
  32. filtrar()
  33. });
  34.  
  35. // ordenar por
  36. $("#data th span").click(function(){
  37. var orden = '';
  38. if($(this).hasClass("desc"))
  39. {
  40. $("#data th span").removeClass("desc").removeClass("asc")
  41. $(this).addClass("asc");
  42. ordenar = "&orderby="+$(this).attr("title")+" asc"
  43. }else
  44. {
  45. $("#data th span").removeClass("desc").removeClass("asc")
  46. $(this).addClass("desc");
  47. ordenar = "&orderby="+$(this).attr("title")+" desc"
  48. }
  49. filtrar()
  50. });
  51. });
  52.  
  53. var fila= null;
  54. function pulsar(obj, num_usuario) {
  55.  obj.style.background = 'orange';
  56.  if (fila != null && fila != obj)
  57.    fila.style.background = 'white';
  58.  fila = obj;
  59. window.location ="menu1.php?id="+num_usuario;
  60. }
  61. function filtrar()
  62. {
  63. $.ajax({
  64. data: $("#frm_filtro").serialize()+ordenar,
  65. type: "POST",
  66. dataType: "json",
  67. url: "ajax.php?action=listar",
  68. success: function(data){
  69.    var html_user ='' ;
  70.    if(data.length > 0){
  71.        $.each(data, function(i,item){
  72.  
  73.  
  74.  
  75. html_user += '<tr ondblclick="pulsar(this, ' +  String.fromCharCode(39) + item.num_usuario + String.fromCharCode(39)  + ');" >';
  76. html_user += '<td ><input name="demo" type="radio" value=""/></td>';
  77. html_user += '<td >'+item.num_usuario+'</td>';
  78. html_user += '<td>'+item.telefono+'</td>';
  79. html_user += '<td>'+item.nombre+' '+item.apellidos+'</td>';
  80. html_user += '<td>'+item.poblacion+'</td>';
  81. html_user += '</tr>';
  82.  
  83.  
  84.        });                    
  85.    }
  86.    if(html_user == '') html_user = '<tr><td colspan="4" align="center">No se encontraron registros..</td></tr>';
  87.    $("#data tbody").html(html_user);
  88. }
  89.  
  90.  
  91.  });
  92. }
  93.  
  94. function createAjax(){
  95.   if (window.XMLHttpRequest)
  96.   {
  97.      xmlhttp=new XMLHttpRequest();
  98.   }
  99.   else
  100.   {
  101.      xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  102.   }
  103. }
  104.  
  105. function buscarAparatos()
  106. {
  107.    var num_usuario = 0;
  108.    var elements = document.getElementsByName('demo');
  109.  
  110.    for(var x=0;elements[x];x++){
  111.        if(elements[x].checked){
  112.            num_usuario = elements[x].value;
  113.            break;
  114.        }
  115.    }
  116.  
  117.    createAjax();
  118.    xmlhttp.onreadystatechange=function()
  119.    {
  120.        if (xmlhttp.readyState==4 && xmlhttp.status==200)
  121.        {
  122.            document.getElementById("pestaña1").innerHTML=xmlhttp.responseText;
  123.        }
  124.    }
  125.   xmlhttp.open("GET","listado_aparatos.php?ID=" + num_usuario,true);
  126.   xmlhttp.send(null);
  127. }
  128.  
  129.  


En línea

madri09

Desconectado Desconectado

Mensajes: 4


Ver Perfil
Re: Poner imagen Cargando.......
« Respuesta #1 en: 4 Octubre 2012, 22:45 pm »

He encontrado este ejemplo pero no se como integrarlo en mi cod:

Código
  1. <?php
  2. // Incluye la librería de clases xajax
  3. require ('xajax/xajax_core/xajax.inc.php');
  4.  
  5. // Se crea una nueva instancia de un objeto xajax
  6. $xajax = new xajax();
  7.  
  8. // Define la ruta para las llamadas a xajax
  9. $xajax->configure('javascript URI','xajax/');
  10.  
  11. // Registramos el nombre de la función que queremos llamar mediante xajax
  12. $xajax->register(XAJAX_FUNCTION, 'llamada_servidor');
  13.  
  14. // Procedimiento por el que xajax maneja las peticiones realizadas antes de enviar salida alguna
  15. $xajax->processRequest();
  16.  
  17. // Función en la que se realiza una llamada al servidor
  18. function llamada_servidor()
  19. {
  20. // Función que se realiza: pausa de 2 segundos
  21. sleep(2);
  22.  
  23. // Se crea una nueva instancia de un objeto xajaxResponse
  24. $objResponse = new xajaxResponse();
  25. // Envía al navegador el comando como respuesta a la petición xajax
  26. $objResponse->Assign("capa_actualiza","innerHTML","Finalizado");
  27.  
  28. return $objResponse;
  29. }
  30. ?>
  31.  
  32. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  33.  
  34. <html>
  35. <head>
  36. <title>Mostrar imagen de carga de datos</title>
  37.  
  38. <?php
  39. // Permite a xajax generar el código javascript necesario
  40. $xajax->printJavascript();
  41. ?>
  42.  
  43.   <script type="text/javascript">
  44.   <!--
  45. // Función que muestra la imagen de "cargando..." mientras se realizan las acciones con el servidor
  46.   function muestra_cargando(){
  47.  
  48.      xajax.dom.create("capa_actualiza","div", "cargando");
  49.      xajax.$('cargando').innerHTML='<img src="imagenes_menu/ajax-loader.gif" alt="cargando..." border="0">';
  50.   }
  51.  
  52.   // Función que se lleva a cabo cuando se ha devuelto la respuesta del servidor
  53.   function oculta_cargando(){
  54.      // lo que sea
  55.   }
  56.  
  57.   // Determina qué función se llama mientras se espera respuesta del servidor
  58.   xajax.callback.global.onResponseDelay = muestra_cargando;
  59.   // Determina qué función se llama cuando se ha devuelto la respuesta del servidor
  60.   xajax.callback.global.onComplete = oculta_cargando;
  61.   // --></script>
  62. </head>
  63.  
  64. <body>
  65.  
  66. <div id="capa_actualiza">
  67. <a href="javascript:void(xajax_llamada_servidor())">Llamada al servidor</a>
  68. </div>
  69.  
  70. </body>
  71. </html>
  72.  


En línea

Doctrina

Desconectado Desconectado

Mensajes: 4


Ver Perfil
Re: Poner imagen Cargando.......
« Respuesta #2 en: 6 Octubre 2012, 17:43 pm »

Esto es JAVA no javascript.
En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
poner avatar o imagen « 1 2 »
Sugerencias y dudas sobre el Foro
ZID_MIZHAR_ZETA 15 9,639 Último mensaje 26 Agosto 2004, 22:49 pm
por Ðevastador
Poner una imagen en el peril
Sugerencias y dudas sobre el Foro
hernanlp83 2 2,583 Último mensaje 1 Diciembre 2004, 01:55 am
por hernanlp83
poner temporizador a una imagen
Diseño Gráfico
julio2 5 2,502 Último mensaje 19 Mayo 2005, 19:42 pm
por Morris
poner scrollbar a una imagen
Programación Visual Basic
LixKeÜ 0 1,259 Último mensaje 3 Marzo 2006, 23:32 pm
por LixKeÜ
Kali linux no inicia - Cargando imagen de memoria inicial...
GNU/Linux
_TTFH_3500 2 4,964 Último mensaje 21 Junio 2017, 22:34 pm
por _TTFH_3500
WAP2 - Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines