Cita:
Iniciado por emprear 
que versión de jQuery estás usando, on() funciona desde la 1.7 creo
SAludos
Hola emprear, parece que funciona de la siguiente manera:
Código Javascript
:
Ver original<script>
$(document).ready(function() {
$("#div_2").show(); ///////muestro div activo contador///////
$("#div_1").hide(); ///////oculto div paro contador///////
$('#form2btn').on('click',function(){ ///////pulso boton y activo contador///////
$("#div_1").show(); ///////muestro div paro contador///////
obj = document.getElementById('div_2'); ///////oculto div activo contador///////
obj.style.display = (obj.style.display == 'none') ? 'block' : 'none';
});
});
</script>
Pero ahora quisiera que al pulsar el boton de parada del contador me hiciera una actualizacion a la hora que pulso dicho boton en la base de datos y se ocultara el div. Es decir:
El update de la hora de salida:
Código Javascript
:
Ver originalif ((isset($_POST["MM_update"])) && ($_POST["MM_update"] == "form3")) {
$updateSQL = sprintf("UPDATE contador_avisos SET hora_salida=%s WHERE id_contador=%s",
GetSQLValueString($_POST['hora_salida'], "date"),
GetSQLValueString($_POST['id_contador'], "int"));
mysql_select_db($database_conexion, $conexion);
$Result1 = mysql_query($updateSQL, $conexion) or die(mysql_error());
}
Este es el formulario donde el contador se encuentra iniciado y es aquí donde quiero que al pulsar el boton de parada del contador se actualize la hora de salida:
Código Javascript
:
Ver original<!---------------------------------Temporizador iniciado----------------------------------------------------------------->
<div id="div_1">
<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;
?>
<ul data-role="listview" data-divider-theme="b" data-inset="true">
<?php do { ?>
<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 ?> 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} " id="form3btn" data-icon="custom" data-theme="c" data-ajax="false" value="PararContador">Para contador</button>
<?php } while ($row_Recordset4 = mysql_fetch_assoc($Recordset4)); ?>
</ul>
</form>
</div>
<!---------------------------Fin Temporizador iniciado----------------------------------------------------------------->
Este es el formulario donde el contador se encuentra parado y al pulsar el boton de inicio del contador hago el insert de la hora de entrada en la base de datos:
Código Javascript
:
Ver originalif ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form2")) {
$insertSQL = sprintf("INSERT INTO contador_avisos (id_aviso, tecnico, fecha,hora_entrada,hora_salida) VALUES (%s, %s, now(),now(),%s)",
GetSQLValueString($_POST['id_aviso'], "int"),
GetSQLValueString($_POST['tecnico'], "int"),
GetSQLValueString($_POST['fecha'], "date"),
GetSQLValueString($_POST['hora_entrada'], "date"),
GetSQLValueString($_POST['hora_salida'], "date"));
mysql_select_db($database_conexion, $conexion);
$Result1 = mysql_query($insertSQL, $conexion) or die(mysql_error());
}
Código Javascript
:
Ver original<!-----------------------------------Temporizador parado----------------------------------------------------------------->
<div id="div_2" style="display:none" >
<div align="center">
<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>
<tr valign="baseline">
<td><input type="hidden" name="hora_salida" size="32" value="0" /></td>
</tr>
</table>
<input type="hidden" name="MM_insert" value="form2" />
El contador de tiempo de este aviso está parado.<br/>
<button type="submit" data-icon="custom" id="form2btn" data-theme="c" data-ajax="false">Activar contador</button>
</form>
</div>
</div>
<!-------------------------------Fin Temporizador parado----------------------------------------------------------------->
Gracias