Tema: Donde colocar el div loading
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 07/10/2012, 04:51
Avatar de satjaen
satjaen
 
Fecha de Ingreso: septiembre-2012
Ubicación: Jaén (Andalucía)
Mensajes: 893
Antigüedad: 12 años, 3 meses
Puntos: 10
Donde colocar el div loading
Buenos dias, necesito saber donde puedo colocar el div loading <div id="loading"> imagen animada de Cargando........, para que sea el primer div y me salga al principio cuando carga la pagina?
Gracias.




Código PHP: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <script type="text/javascript" src="assets/js/jquery-1.7.2.min.js"></script>
  5. <script type="text/javascript" src="assets/jqueryui/js/jquery-ui-1.8.16.custom.min.js"></script>
  6. <script type="text/javascript" src="assets/js/js.js"></script>
  7. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  8. <title>Documento sin título</title>
  9. <link href="estilo1.css" rel="stylesheet" type="text/css" />
  10. <script src="SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
  11. <link href="SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
  12. </head>
  13. <body>
  14. <div id="contenedor">
  15. <div id="cabecera">Consulta de intervenciones</div>
  16. <div id="tabla">
  17.     <div id="formulario">
  18.     <form id="frm_filtro" method="post" action="" name="form1">
  19.             <table width="685">
  20.   <tr>
  21.     <td width="9%" class="campo_apellidos2">Teléfonos</td>
  22.     <td width="9%"><input name="telefono" type="text" size="9" /></td>
  23.     <td width="9%"><input name="telefono2" type="text" id="telefono2" size="9" /></td>
  24.     <td width="9%"><input name="telefono3" type="text" id="telefono3" size="9" /></td>
  25.     <td width="32%">&nbsp;</td>
  26.     <td width="18%" class="campo_apellidos2">NIF</td>
  27.     <td width="14%"><input name="NIF" type="text" id="NIF" size="9" /></td>
  28.   </tr>
  29.   <tr>
  30.     <td class="campo_apellidos2">Nombre</td>
  31.     <td colspan="4"><input name="nombre_apellidos" type="text" size="30" />
  32.     <td>&nbsp;</td>
  33.     <td>&nbsp;</td>
  34.   </tr>
  35.   <tr>
  36.     <td class="campo_apellidos2">Localidad</td>
  37.     <td colspan="4"><input name="poblacion" type="text" size="30" />
  38.       <span class="campo_apellidos2">C.Postal</span>      <input name="cod_postal" type="text" id="cod_postal" size="5" /></td>
  39.     <td class="campo_apellidos2">Provincia</td>
  40.     <td><input name="provincia" type="text" size="9" /></td>
  41.   </tr>
  42.   <tr>
  43.     <td class="campo_apellidos2">Calle</td>
  44.     <td colspan="4"><input name="calle" type="text" id="calle" size="45" />
  45.       <span class="campo_apellidos2">Nº</span>      <input name="numero" type="text" id="numero" size="5" /></td>
  46.     <td class="campo_apellidos2">Edificio</td>
  47.     <td><input name="edificio" type="text" id="edificio" size="5" /></td>
  48.   </tr>
  49.   <tr>
  50.     <td class="campo_apellidos2">Puerta</td>
  51.     <td colspan="3"><input name="puerta" type="text" id="puerta" size="5" />
  52.       <span class="campo_apellidos2">      Piso</span>
  53.       <input name="piso" type="text" id="piso" size="5" />
  54.       <span class="campo_apellidos2">Letra</span>        <input name="letra" type="text" id="letra" size="5" /></td>
  55.     <td>&nbsp;</td>
  56.     <td><span class="campo_apellidos2">Nº Mante.</span></td>
  57.     <td><input name="mantenimiento" type="text" id="mantenimiento" size="5" /></td>
  58.   </tr>
  59.   </table>
  60.   <table width="100%">
  61.   <tr>
  62.     <th scope="col"><button type="button"  id="btnfiltrar" name="btnfiltrar" style="border:0; margin:0; padding:0;cursor:pointer">
  63.   <img src="imagenes_menu/boton_buscar.png"/>
  64. </button>
  65. </th>
  66.   </tr>
  67. </table>                
  68.           </form>         
  69.   
  70.     </div>
  71.     <div id="paneles">
  72.       <div id="TabbedPanels1" class="TabbedPanels">
  73.         <ul class="TabbedPanelsTabGroup">
  74.           <li class="TabbedPanelsTab" tabindex="0">Usuarios</li>
  75.           <li class="TabbedPanelsTab" tabindex="0" onclick="buscarAparatos();">Aparatos</li>
  76.           <li class="TabbedPanelsTab" tabindex="0">Intervenciones</li>
  77. </ul>
  78.         <div class="TabbedPanelsContentGroup">
  79.           <div class="TabbedPanelsContent">
  80.            <div id="usuario">
  81.             <table width="100%" id="data" class="table-dg-grid" >
  82.              <thead>
  83.               <tr>
  84.        <tr bgcolor=#DFEBFF id=t70 ondblclick='coloreaf(70,1)' onMouseOver='coloreamosin(70,1)' onMouseOut='coloreamosout(70,1)'>
  85.                      <th><span title="selecc">Selecc.</span></th>
  86.                     <th><span title="nu_usuario">Nº Usuario</span></th>
  87.                     <th><span title="telefono">Teléfono</span></th>
  88.                     <th><span title="nombre">Nombre</span></th>
  89.                     <th><span title="poblacion">Población</span></th>  
  90.                      </tr>
  91.                 </thead>
  92.                 <tbody>
  93.                 </tbody>
  94.             </table>
  95.                 </div>
  96.           </div>
  97.           <div class="TabbedPanelsContent" id="pestaña1" >
  98.           
  99.         
  100.           
  101.           </div>
  102.           <div class="TabbedPanelsContent">
  103.            
  104.           <table cellpadding="0" cellspacing="0" id="data2">
  105.                 <thead>
  106.                   <tr>
  107.                     <th><span title="num_aviso"></span></th>
  108.                     <th><span title="num_usuario"></span></th>
  109.                     <th><span title="aparato"></span></th>
  110.                     <th><span title="calle"></span></th>
  111.                     <th><span title="fecha_recepcion"></span></th>
  112.                     <th><span title="fecha_recepcion"></span></th>
  113.                     <th><span title="sintoma"></span></th>
  114.                   </tr>
  115.                 </thead>
  116.                 <tbody>
  117.                 </tbody>
  118.               </table>            
  119.           </div>
  120. </div>
  121.       </div>
  122.       <table width="100%">
  123.         <tr>
  124. <th scope="col"><a class="" href="javascript:enviar_formulario()"><span></span><img src="imagenes_menu/generar_aviso1.png" width="150" height="40" border="0"/></a>
  125. </th>
  126.           <th scope="col">&nbsp;</th>
  127.           <th scope="col"></th>
  128.           <th scope="col"><a class="" href="javascript:enviar_formulario1()"><span></span><img src="imagenes_menu/boton_salir.png" width="150" height="40" border="0"/></a>
  129.  </th>
  130.         </tr>
  131.       </table>
  132.     </div>
  133. </div>
  134. </div>
  135. <script type="text/javascript">
  136. var TabbedPanels1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
  137. </script>
  138. </body>
  139. </html>
Última edición por satjaen; 07/10/2012 a las 06:43