[jQuery] Time Selection like in Google Calendar

<pre id="line1">Do jQuery have plugin for Time Edit Box???
this one is not good but I need it
Regards
Widi Harsojo
sorry english is not my nativ language
<style
 type="text/css">
/*<![CDATA[*/
.CB_menu{margin-top:7px;margin-left:7px}
.CB_menu{border:1px solid #000;background-color:#FFF}
.CB_selected{color:white;background-color:#316AC5}
.CB_option{font-family:Arial;padding:2px;cursor:pointer}
/*]]>*/
</style>
<script
type="text/javascript" src="jquery.js"></script>
<script>
var _myEdit;
_myHOVER = 0;
$(document).ready(function() {
$(".text").focus(
function(){
_myEdit = this;
myval = this.value
;
if (myval.length>4) {
myval = $(".CB_option:contains("+myval+")");
if (myval.length==1) {
myval.eq(0).addClass("CB_selected");
}
}
$("#when-st_combobox").show()
.css("left",this.offsetLeft-8)
.css("top" ,this.offsetTop+16);
}
).blur(
function(){
if (_myHOVER==0) {
$("#when-st_combobox").hide();
$(".CB_option").removeClass("CB_selected");
}
}
);
$(".CB_option").hover(
function(){
_myHOVER = 1;
$(this).addClass("CB_selected" );
},
function(){
_myHOVER = 0;
$(this).removeClass("CB_selected");
}
).click(
function(){
$(_myEdit).val($(this).html());
//alert($(this).html());
}
).blur(
function() {
_myHOVER = 0;
}
);
});
</
script>
</head>
<body>
<input type=
"text" size="7" id="when-st1" 
class="text"/> |
</pre><pre id="line68"><input
type="text" size="7" id=
"when-st2" class="text"/> |
<
input type="text" size="7" 
id="when-st3" class="text"/

Topic Participants
wharsojo

[jQuery] Time Selection like in Google Calendar

[jQuery] Time Selection like in Google Calendar

Topic Participants

wharsojo