Tema: Validar codigo en chrome y firefox
Ver Mensaje Individual
  #5 (permalink)  
Antiguo 08/10/2012, 18:29
charly163
 
Fecha de Ingreso: septiembre-2005
Mensajes: 80
Antigüedad: 19 años, 2 meses
Puntos: 0
Respuesta: Validar codigo en chrome y firefox
Para empezar gracias!!.
Cita:
el php no nos interesa, lo importante sería el html que ese php genera
veo al menos nueve llamadas a javascript algunas repetidas (calcula.js) + abundante script embebida
no hay un doctype declarado
un include a un menu dentro del head
como si fuera poco después señalas "Y este es mi javascript", ¿y todos tus .js que se supone que son?
El php, que se llama pasajes.preliminar.carga por el que consulto, que al apretar el boton calcula llama a la funcion Ordenoo() (javascript) que es lo que no funciona en chrome ni firefox.
Trate de limpiar todo lo que mas pude del codigo, y embebi js porque no sabia otra forma de hacerlo dinamico y que se comunique con el servidor. Lo del doctype no se cual va. el include al menu lo vi en otro lado que iba ahi, donde va?. Los demas js, son para efectos del menu y el de calcula es el que agrega en forma dinamica en la tabla. Bueno pogo el codigo.
Código HTML: 
Ver original
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title>Sistema Contable</title>
  5. <meta charset="UTF-8"><!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  6.  
  7. <script type="text/javascript" src="js/prettify.js"></script><!-- PRETTIFY -->                                   
  8. <script type="text/javascript" src="js/kickstart.js"></script><!--Aca va el script para pasar de campo con la tecla ENTER-->    
  9. <script type="text/javascript" src="calcula.js"> </script>
  10.                               
  11. <link rel="stylesheet" type="text/css" href="css/kickstart.css" media="all"><!-- KICKSTART -->                  
  12. <link rel="stylesheet" type="text/css" href="style.css" media="all"><!-- CUSTOM STYLES --><!-- Agrega campos dinamicamente -->    
  13. <link rel="shortcut icon" href="Folders-OS-Homegroup-Metro.ico">                                      
  14.   
  15.     <script type="text/javascript">
  16.         var Aux1 = 0;
  17.         function AgregarCampos(ID,VAL)
  18.         {
  19.             Aux1++;
  20.             campo = '<input type="hidden" id="'+ID+'"  name="'+ID+'"  value="'+VAL+'" />';
  21.             $("#orden").append(campo);
  22.         }
  23.  
  24.         function Existe(IDC) 
  25.         {
  26.             if(IDC=='' || IDC==undefined || IDC==NaN || IDC==null)
  27.              {
  28.                 return false;
  29.              } 
  30.              else 
  31.              {
  32.  
  33.                 return true;
  34.              }  
  35.          }
  36.  
  37.         function Ordenoo() 
  38.         {
  39.             var Campos = new Array();
  40.             $("#distribucion tr").each(function (Aux2) 
  41.             {
  42.                 $(this).children("td").each(function (Aux3) {
  43.                     switch (Aux3) {
  44.                         case 0:
  45.                             Aux4 = $(this).text();
  46.                             if(!Existe(Campos[Aux4])){ Campos[Aux4] = 0; }
  47.                         break;
  48.                         case 1:
  49.                             Campos[Aux4] = parseFloat(Campos[Aux4])+parseFloat($(this).text());
  50.                         break;
  51.                     }
  52.                 });
  53.             });
  54.  
  55.             for(var Aux5 in Campos)
  56.             {
  57.                 AgregarCampos(Aux5,Campos[Aux5]);
  58.             }
  59.             $("#orden").submit();
  60.             
  61.             function MostrarDiv()
  62.             {
  63.               var fr = document.getElementById('we')
  64.               fr.setAttribute('class','show');
  65.             }
  66.             MostrarDiv();
  67.         }
  68.     </script>
  69.  
  70. <?php include("menu.php"); ?>
  71. </head>
  72.  
  73. <body>
  74. <div class="hide" id="we">
  75. <div class="notice success" id="flotante"><span class="icon medium" data-icon="C"></span>Guardado con exito!!!!<a href="#close" class="icon close" data-icon="x"></a>
  76. </div>
  77. </div>
  78.  
  79.     <a id="top-of-page"></a>
  80.     
  81.     <div id="wrap" class="clearfix">
  82.     <br />
  83. <!--Aca pongo la fecha-->
  84. <div id="fecha">
  85.   <?php $d=date("w");
  86.   $l=date("d/m/Y"); 
  87.   switch ($d)
  88.   {
  89.   case 1:
  90.   echo "Hoy es Lunes, ".$l; 
  91.   break;
  92.   case 2:
  93.   echo "Hoy es Martes, ".$l;
  94.   break; 
  95.   case 3:
  96.   echo "Hoy es Miercoles, ".$l;
  97.   break; 
  98.   case 4:
  99.   echo "Hoy es Jueves, ".$l;
  100.   break; 
  101.   case 5:
  102.   echo "Hoy es Viernes, ".$l;
  103.   break; 
  104.   case 6:
  105.   echo "Hoy es Sabado, ".$l;
  106.   break; 
  107.   case 0:
  108.   echo "Hoy es Domingo, ".$l;
  109.   break; 
  110.   } 
  111. ?>
  112. </div>
  113. <!--Aca termina la fecha-->
  114.  
  115. <div align="center">
  116. Expediente 
  117. <input class="col_1" value="" name="caract" type="text">
  118. -<input class="col_1"  value="" name="num" type="text">
  119. / <input class="col_1"  value="" name="anio" type="text">
  120. -<input class="col_1" value="" name="alc" type="text">
  121. </div>
  122.  
  123. <hr class="alt1">
  124.  
  125. <div style="text-align: center;"> 
  126. <table id="tablaUsuarios" border="2" name="tablaprog" >
  127. <tbody><tr style="text-align: center;" id="fila">
  128.     <td style="width: 268px; text-align: center;">Programa</td>
  129.     <td style="width: 331px; text-align: center;">Monto</td>
  130.     <td style="width: 338px; text-align: center;">Acciones</td>
  131. </tr>
  132. <tr>
  133.     <td style="width: 268px; text-align: left;">    <!--aca va el select inteligente-->
  134.     <select class="fancy" name="programa" id="sel">
  135. <?php 
  136. include_once('cone.php');
  137. Conectate();
  138. $cons=mysql_query("select idprograma,programa from programa");
  139. while($r=mysql_fetch_array($cons))
  140. {
  141.   echo "<option class='fancy' value='$r[programa]'>$r[idprograma] | $r[programa]</option>";  
  142. }
  143. ?>
  144.     </select></td>
  145.     <td style="width: 331px; text-align: center;"><input id="text1" name="montos" type="text"></td>
  146.     <td style="width: 338px;">
  147.         <input class="small orange" onclick="calcula()" value="Calcula" type="button">  
  148.             <input class="small pink" onclick="Ordenoo()" value="Graba" type="button">
  149.         <a class="button pop" href="#ABAJO">Abajo</a>
  150.     </td>
  151. </tr>
  152. </tbody></table>
  153. </div>
  154. <!--</form>-->
  155.  
  156. <!-- HR.alt2 -->
  157. <hr class="alt2">
  158. <!-- /HR.alt2 -->
  159.  
  160. <!-- Tabla para mostrar monto de la preliminar -->
  161. <table>
  162. <tbody><tr>
  163.     <td style="width: 388px; text-align: right;"><span style="font-weight: bold;">MONTO TOTAL</span><br> </td>
  164.     <td style="width: 155px; text-align: center; font-weight: bold;" id="aca"><br></td>
  165.     <th style="width: 390px;">MONTO TOTAL<br></th>
  166.        </tr>
  167. </tbody>
  168. </table>
  169. <!-- /Tabla para mostrar monto de la preliminar -->
  170.  
  171.  
  172. <!-- HR.alt1 -->
  173. <hr class="alt1">
  174.  
  175.   
  176.   <!-- Pestañas con distribucion y mas opciones -->
  177. <ul class="tabs center">
  178. <li><a href="#tabc1">Resultado de la distribucion</a></li>
  179. </ul>
  180.  
  181. <div id="tabc1" class="tab-content">
  182. <form action="pasajes.preliminar.carga.php" method="post" id="orden">   
  183.    <table class="sortable" id="distribucion">
  184.      <thead>
  185.         <tr><th>PROGRAMA</th> <th>MONTO</th><th>ACCIONES</th></tr>
  186.      </thead>
  187.     <tbody>
  188.       <!--  <tr id="linea"><td id="destino"></td><td id="plata"></td><td></td></tr>
  189.         <tr><td>Joshua</td> <td>4325.63</td>    <td><a href=""><span class="icon large pink" data-icon="T"></span></a></td></tr>
  190.         <tr><td>Peter</td><td>5698.44</td>  <td><a href=""><span class="icon large pink" data-icon="T"></span></a></td></tr>
  191.         <tr><td>Mary</td><td>7654.82</td><td><a href=""><span class="icon large pink" data-icon="T"></span></a></td></tr>
  192.         <tr><td>Gretty</td><td>6732.85</td><td><a href=""><span class="icon large pink" data-icon="T"></span></a></td></tr>-->
  193.      </tbody>
  194.        </table>
  195.     </form>
  196. </div>
  197.  
  198. </div>
  199.  
  200. <!-- END WRAP -->
  201. <?php
  202.  $link=mysql_connect("localhost","charly163","charly") or die("no se conecto");
  203.  mysql_select_db("prueba",$link) or die("No encontro la base");
  204.  foreach ($_POST as $clave => $valor)
  205.  {
  206.  mysql_query("INSERT INTO preliminar VALUES('$clave','$valor');") or die("NO SE GRABO EN LA BASE"); 
  207.  }
  208.  mysql_close();
  209.  ?>
  210. <!-- ===================================== START FOOTER ===================================== -->
  211. <div id="footer">
  212. Sistema Contable 2012.<br> 
  213. <a id="link-top" href="#top-of-page">Arriba</a>
  214. <a id="ABAJO"></a>
  215. </div>
  216. </body></html>