Minor changes to support older jQuery (1.2.6 and UI 1.6) - limited su…

…pport

index.html

@@ -6,6 +6,13 @@
     <link rel="stylesheet" href="include/jquery-ui-1.8.14.custom.css" type="text/css" />
     <link rel="stylesheet" href="jquery-ui-timepicker.css?v=0.2.4" type="text/css" />
 
+<!-- uncomment to test with legacy jquery -->
+<!--
+    <script type="text/javascript" src="jquery-1.2.6.js"></script>
+    <script type="text/javascript" src="jquery.fix.for.1.2.6.js"></script>
+    <script type="text/javascript" src="jquery.ui.1.6.all.js"></script>
+-->
+
     <script type="text/javascript" src="include/jquery-1.5.1.min.js"></script>
     <script type="text/javascript" src="include/jquery.ui.core.min.js"></script>
     <script type="text/javascript" src="include/jquery.ui.widget.min.js"></script>
@@ -18,7 +25,7 @@
     <style type="text/css">
         /* some styling for the page */
         body { font-size: 10px; /* for the widget natural size */}
-        #content { font-size: 1.1em; /* for the rest of the page to show at a normal size */
+        #content { font-size: 1.2em; /* for the rest of the page to show at a normal size */
                    font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
                    width: 950px; margin: auto;
         }
@@ -81,10 +88,14 @@ <h1>jQuery UI Timepicker
 
 <h2>What is this?</h2>
 <p style="font-size: 1.1em;">
-    This is a jQuery UI time picker plugin build to match with other official jQuery UI widgets like the date picker.
-    Based on the existing date picker, this plugin will integrate nicely with your form and use your selected jQuery UI theme.
+
+    This is a jQuery UI time picker plugin build to match with other official jQuery UI widgets.
+    Based on the existing date picker, it will blend nicely with your form and use your selected jQuery UI theme.
     The plugin is very easy to integrate in your form for you time (hours / minutes) inputs.
 </p>
+<p>
+    Licensed under the same license as jQuery : <a href="http://docs.jquery.com/Licensing">MIT and GPL licenses</a>
+</p>
 
 <div style="clear: both"></div>
 
@@ -683,6 +694,30 @@ <h2>Download Timepicker</h2>
             </form>
         </p>
 
+        <hr />
+
+        <p>
+            Instruction for legacy jQuery integration (jQuery 1.2.6 and jQuery UI 1.6)
+            <br>
+
+            <ul>
+                <li>
+                    <a href="releases/jquery-ui-timepicker-legacy_support.zip">Get the legacy package here</a>
+                    , built with jQuery Timepicker 0.2.4 but should work with newer versions
+                </li>
+                <li>
+                    Make sure to include jquery-1.2.6.js, jquery.fix.for.1.2.6.js and jquery.ui.1.6.all.js
+                </li>
+                <li>
+                    See the working example in index.html in the "legacy_1.2.6" folder.
+                </li>
+                <li>
+                    Support for previous versions of jquery is limited.
+                </li>
+            </ul>
+
+        </p>
+
     </div>
 </div>
 

jquery.ui.timepicker.js

@@ -338,7 +338,7 @@
 
 
             // position with the ui position utility, if loaded
-            if ( ( ! inst.inline ) && ( typeof inst.tpDiv.position == 'function') ) {
+            if ( ( ! inst.inline )  && ( typeof $.ui.position == 'object' ) ) {
                 inst.tpDiv.position({
                     of: inst.input,
                     my: $.timepicker._get( inst, 'myPosition' ),
@@ -378,9 +378,9 @@
 
                 // if not zIndex specified in options, use target zIndex + 1
                 if ( ! zIndex) {
-                    zIndex = $(input).zIndex() + 1;
+                    zIndex = $(input).attr('zIndex') + 1;
                 }
-                inst.tpDiv.zIndex(zIndex);
+                inst.tpDiv.attr('zIndex', zIndex);
 
                 if ($.effects && $.effects[showAnim]) {
                     inst.tpDiv.show(showAnim, $.timepicker._get(inst, 'showOptions'), duration, postProcess);