Carlitos, sabes que para cuando lei lo que tan amablemente escribiste ya habia hecho lo siguiente, coloque al lado del input text que captura la hora, un botón, al pulsar el boton se abre una ventana pequeñita que tiene 2 select en una tabla con dos columnas, entre los dos select puse el signo ":" y al final un boton de aceptar, el primer select tiene valores del 01 al 24 y el segundo select valores del 01 al 60, al pulsar el boton aceptar, con una funcion armo la hora, copio los datos en la ventana madre (opener), en el input text de la hora y cierro la ventana. Sin embargo probaré tu código y y de estar "ok" lo pondre en el onblur del input text de la hora por sia el usuario decide escribirla y no seleccionarla y así valido que la escriba bien. Abajo copio el código que creé para seleccionar la hora:
ESTE ES EL CÓDIGO QUE CONTIENE EL ARCHIVO HORA.HTM:
Código PHP:
<html>
<head>
<title>Documento sin título</title>
<script language="JavaScript">
function openNewWindow(url,h,w,UrlVar,NameControlOValorVar, NameWindow){//La Variable UrlVar debe contener el signo "?" antes del nombre y el signo "=" despues, ej: UrlVar=?CodProd=, para asi armar el parametro a enviar por la url
if (UrlVar!='') {
url=url + UrlVar + NameControlOValorVar;
}
var l = (screen.width - w) / 2;
var t = (screen.height - h) / 2;
var Wnd;
//
Wnd=open(url,NameWindow, "top=" + t + ",left=" + l + ", width=" + w + ", height=" + h + " , status=no,toolbar=no,scrollbars=no,location=no,statusbar=no,menubar=no,resizable=no,copyhistory=no,directories=no");
if (parseInt(navigator.appVersion) >= 4) win.window.focus();
}
</script>
<style type="text/css">
<!--
.textodeinput {
font-family: "Franklin Gothic Medium";
font-size: 12px;
font-style: normal;
font-weight: normal;
}
}.textoespaciado {
background-color: #DFF3FF;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-weight: bold;
}
.Estilo5 {
color: #004080;
font-family: "Franklin Gothic Medium";
font-weight: bold;
font-style: italic;
text-decoration: underline;
}
.Estilo12 {
font-size: 14px;
color: #006699;
}
-->
</style>
</head>
<body>
<form name="frm" method="post" action="">
<table>
<tr bgcolor="#E1ECF4">
<td height="52" align="right" class="Estilo5"><div align="right" class="Estilo5">Hora:</div></td>
<td><label> </label>
<table width="100%" border="0">
<tr>
<td width="13%"><input type=text name=txtHoraEvento class="textodeinput" onBlur="checktime(this)" size=12 maxlength=11></td>
<td width="7%">
<input name="boton" type="button" class="textoespaciado" onClick="openNewWindow('EscogerHora.htm',150,180,'',document.forms['frm']['txtHoraEvento'].value,'ChoiceTime')" value="..."></td>
<td width="80%"><span class="Estilo12">(hh:mm:ss)</span></td>
</tr>
</table></td>
</tr>
</table>
</form>
<p> </p>
</body>
</html>
ESTE ES EL CODIGO QUE CONTIENE LA VENTANA PARA SELECCIONAR LA HORA (EscogerHora.htm)
Código PHP:
<html>
<head>
<title>Escoger Hora</title>
<script language="JavaScript">
function ColocarHora(){
var varHora=document.forms['frmHora']['lstHora'].value + ":" + document.forms['frmHora']['lstMinutos'].value + ":00"
opener.document.forms['frm']['txtHoraEvento'].value = varHora;
opener.document.forms['frm']['txtHoraEvento'].select()
opener.document.forms['frm']['txtHoraEvento'].focus()
close();
}
</script>
<style type="text/css">
<!--
.buttonlink {
font-family: "Franklin Gothic Medium";
font-size: 12px;
font-style: italic;
font-weight: bold;
color: #CC3333;
text-decoration: underline;
}
-->
</style>
</head>
<body>
<form name="frmHora" method="post" action="">
<table width="132" border="1">
<tr>
<td width="100%"><table width="100%" border="0">
<tr>
<td width="50%" ><select name="lstHora" id="lstHora">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
</select>
:</td>
<td width="50%"><select name="lstMinutos" id="lstMinutos">
<option value="01">01</option>
<option value="02">02</option>
<option value="03">03</option>
<option value="04">04</option>
<option value="05">05</option>
<option value="06">06</option>
<option value="07">07</option>
<option value="08">08</option>
<option value="09">09</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
<option value="32">32</option>
<option value="33">33</option>
<option value="34">34</option>
<option value="35">35</option>
<option value="36">36</option>
<option value="37">37</option>
<option value="38">38</option>
<option value="39">39</option>
<option value="40">40</option>
<option value="41">41</option>
<option value="42">42</option>
<option value="43">43</option>
<option value="44">44</option>
<option value="45">45</option>
<option value="46">46</option>
<option value="47">47</option>
<option value="48">48</option>
<option value="49">49</option>
<option value="50">50</option>
<option value="51">51</option>
<option value="52">52</option>
<option value="53">53</option>
<option value="54">54</option>
<option value="55">55</option>
<option value="56">56</option>
<option value="57">57</option>
<option value="58">58</option>
<option value="59">59</option>
<option value="60">60</option>
</select>
</td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" border="0">
<tr>
<td height="40" align="center" valign="bottom"><input name="btnAceptar" type="button" class="buttonlink" id="btnAceptar" value="Aceptar" onClick="ColocarHora()"></td>
</tr>
</table>
</form>
</body>
</html>