Mandar formulario despues de ocultar div.

[emprear]

Iniciado por satjaen

Gracias, pongo el codigo porque no se donde esta el error:

Código Javascript:

<!-----------------------------------Temporizador parado----------------------------------------------------------------->
 
            
                        <div align="center">
 
                        <div id="div_parada">
                            
        <form action="<?php echo $editFormAction; ?>" method="post" name="form2" id="form2"> 
 
                        <table align="center">
                        
                                 <tr valign="baseline">
                        
                        <td><input type="hidden" name="id_aviso" value="<?php echo $row_Recordset1['id_aviso']; ?>" size="32" /></td>
                      </tr>
                      <tr valign="baseline">
                       
                        <td><input type="hidden" name="tecnico" value="<?php echo $row_Recordset1['tecnico']; ?>" size="32" /></td>
                      </tr>
                      <tr valign="baseline">
                        
                        <td><input type="hidden" name="fecha" size="32" /></td>
                      </tr>
                      <tr valign="baseline">
                        
                        <td><input type="hidden"  name="hora_entrada" size="32" /></td>
                      </tr>
                      
                    </table>
                    <input type="hidden" name="MM_insert" value="form2" />
  
                            El contador de tiempo de este aviso está parado.<br/>
                  
<button type="submit" name="MM_insert" data-icon="custom" data-theme="c" data-ajax="false" id="form2btn">Activar contador</button>
 
</form>
                                                            
   
 
</div>
</div>
 <!-------------------------------Fin Temporizador parado----------------------------------------------------------------->
<script>
          
    $(document).ready(function() {
        $("#div_inicio").hide();
                $('#form2btn').on('click',function(){
                $('#form2').submit();
                $("#div_parada").hide();
                $('#div_inicio').show();
                    
      }); 
});
</script>         
 
 
 
<!---------------------------------Temporizador iniciado----------------------------------------------------------------->
 
<ul data-role="listview" data-divider-theme="b" data-inset="true">
  <?php do { ?>
                               <div align="center">
 
                        <div id="div_inicio">
                        
 
  
  <form action="<?php echo $editFormAction; ?>" method="post" name="form3" id="form3">
                            
 
    
<?php 
$horaf=date('H:i:s');
?>
                                    
                 <input type="hidden" name="hora_salida" value="<?php echo $horaf ?>" size="32" />
                                    
                        
                 <input type="hidden" name="id_contador" value="<?php echo $row_Recordset4['id_contador']; ?>" />
  
<?php
 
$fecha1 = strtotime($row_Recordset4['hora_entrada']);
$fecha2 = strtotime($row_Recordset4['hora_salida']); 
 
$diferencia_minutos = ($fecha2-$fecha1)/60; 
  
?> 
    
    <li data-role="list-divider" role="heading">[<?php echo $row_Recordset1['tecnico']; ?>]</li>
  <li data-role="list-divider" role="heading"><?php echo $row_Recordset4['fecha']; ?></li><li data-theme="c">
    
    De <?php echo $row_Recordset4['hora_entrada']; ?> a <?php echo $row_Recordset4['hora_salida']; ?><span class="ui-li-count"><?php echo $diferencia_minutos  ?>&nbsp;minutos</span>
    
 <li data-role="list-divider" role="heading">El contador de tiempo se ha parado <?php echo $row_Recordset4['fecha']; ?> a las <?php echo $row_Recordset4['hora_salida']; ?> con nº<?php echo $row_Recordset4['id_contador']; ?><br/></li> 
   
  </li>
  <input type="hidden" name="MM_update" value="form3" />
                          
                          
                          <button type="submit" onclick="if (confirm('¿Desea parar el contador de este aviso?')) {form3.form3.submit();} else{ return false} " data-icon="custom" data-theme="c" data-ajax="false" value="PararContador">Para contador</button>
                          
                                                            </form>
                                                             </div>
  <?php } while ($row_Recordset4 = mysql_fetch_assoc($Recordset4)); ?>
         
                                  </ul>  
                        
                        
                        </div>                      
 <!-------------------------------Fin Temporizador iniciado----------------------------------------------------------------->
 

EDITO: me da error:

TypeError: $(...).on is not a function
$('#form2btn').on('click',function(){

que versión de jQuery estás usando, on() funciona desde la 1.7 creo
SAludos