diff options
| author | Marc Grabanski <m@marcgrabanski.com> | 2008-06-01 18:28:01 +0000 |
|---|---|---|
| committer | Marc Grabanski <m@marcgrabanski.com> | 2008-06-01 18:28:01 +0000 |
| commit | 1c6b62b19284aeb17b4560d4d4f948e627c00caf (patch) | |
| tree | 1733ed9aadedadec583cdf2d7d519caeb46580e0 /ui | |
| parent | 1392c6903e23b0e7d60a654131179dd81142e1ef (diff) | |
| download | jquery-ui-1c6b62b19284aeb17b4560d4d4f948e627c00caf.tar.gz jquery-ui-1c6b62b19284aeb17b4560d4d4f948e627c00caf.zip | |
Updated demo files.
Diffstat (limited to 'ui')
| -rw-r--r-- | ui/demos/functional/datepicker/demo/ui.datepicker.demo.css | 4 | ||||
| -rw-r--r-- | ui/demos/functional/datepicker/demo/ui.datepicker.demo.js | 4 | ||||
| -rw-r--r-- | ui/demos/functional/datepicker/index.html | 11 |
3 files changed, 13 insertions, 6 deletions
diff --git a/ui/demos/functional/datepicker/demo/ui.datepicker.demo.css b/ui/demos/functional/datepicker/demo/ui.datepicker.demo.css index bcd44506c..2920d857f 100644 --- a/ui/demos/functional/datepicker/demo/ui.datepicker.demo.css +++ b/ui/demos/functional/datepicker/demo/ui.datepicker.demo.css @@ -14,7 +14,7 @@ .us_day { color: white !important; background: #eee url(img/us.gif) no-repeat center !important; } .za_day { color: green !important; background: #eee url(img/za.gif) no-repeat center !important; } code { font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; } -pre { clear: both; padding-left: 2em; } +pre { clear: both; padding-left: 2em; background: #eee; } #embedButton { width: 7em; } #embedButton + img { position: relative; left: -21px; top: -1px; } .tabs { @@ -34,9 +34,11 @@ pre { clear: both; padding-left: 2em; } text-decoration: none; color: #eee; border-top: 1px solid #F9F9F9; + background: #78A5CE; } .tabs li a:hover, .tabs li a.over { border-top: 1px solid #000; + background: #333; } .tab_group1 h3 { font-weight: bold; diff --git a/ui/demos/functional/datepicker/demo/ui.datepicker.demo.js b/ui/demos/functional/datepicker/demo/ui.datepicker.demo.js index 762f84ac2..3d7d9b640 100644 --- a/ui/demos/functional/datepicker/demo/ui.datepicker.demo.js +++ b/ui/demos/functional/datepicker/demo/ui.datepicker.demo.js @@ -6,7 +6,7 @@ $(document).ready(function () { $.datepicker.setDefaults($.datepicker.regional['']); // replace script tags with HTML code $(".demojs").each(function () { - $(this).before( '<pre style="padding-top:0 !important"><code class="javascript">' + + $(this).before( '<pre><code class="javascript">' + $(this).html().replace(/</g, '<') + "</code></pre>" ); eval( $(this).html() ); }); @@ -32,7 +32,7 @@ function localise() { var input = $('input', this.parentNode.parentNode); var date = $(input).datepicker('getDate'); var language = $(this).val(); - $.localise('i18n/ui.datepicker', {language: language}); + $.localise('../../../source/i18n/ui.datepicker', {language: language}); $(input).datepicker('change', $.datepicker.regional[language]); $.datepicker.setDefaults($.datepicker.regional['']); // Reset for general usage if (date) { diff --git a/ui/demos/functional/datepicker/index.html b/ui/demos/functional/datepicker/index.html index 89b55b1b6..0b036c702 100644 --- a/ui/demos/functional/datepicker/index.html +++ b/ui/demos/functional/datepicker/index.html @@ -17,6 +17,10 @@ <body> <div id="wrap"> <div id="content"> + <input type="text" name="testing" value="click" id="testing" /> +<script type="text/jsdemo" charset="utf-8" class="demojs"> +$('#testing').datepicker({ yearRange: '-80:+0' }); +</script> <ul id="tab_menu1" class="tabs"> <li><a href="#default">Defaults</a></li> <li><a href="#invoke">Invocation</a></li> @@ -65,7 +69,7 @@ $('#defaultFocus').datepicker(); <p>You can override the default settings that apply to all date picker instances.</p> <script type="text/jsdemo" charset="utf-8" class="demojs"> $.datepicker.setDefaults({showOn: 'both', buttonImageOnly: true, - buttonImage: 'img/calendar.gif', buttonText: 'Calendar'}); + buttonImage: 'demo/img/calendar.gif', buttonText: 'Calendar'}); </script> </div> <div id="invoke" class="tab_group1 container"> @@ -90,13 +94,13 @@ $('#invokeButton').datepicker({showOn: 'button', buttonText: '...', <input type="text" size="10" class="invokeBoth"/> <input type="button" id="enableBoth" value="Disable"/></p> <script type="text/jsdemo" charset="utf-8" class="demojs"> -$('.invokeBoth').datepicker({showOn: 'both', buttonImage: 'img/calendar.gif', buttonImageOnly: true}); +$('.invokeBoth').datepicker({showOn: 'both', buttonImage: 'demo/img/calendar.gif', buttonImageOnly: true}); </script> <p>You can embed the trigger image within the input area via CSS.</p> <p style="clear:both"><span class="demoLabel">Embedded button:</span> <input type="text" size="10" id="embedButton"/></p> <script type="text/jsdemo" charset="utf-8" class="demojs"> -$('#embedButton').datepicker({showOn: 'button', buttonImage: 'img/calendar.gif', buttonImageOnly: true}); +$('#embedButton').datepicker({showOn: 'button', buttonImage: 'demo/img/calendar.gif', buttonImageOnly: true}); // CSS // #embedButton + img { position: relative; left: -21px; top: -1px; } @@ -839,6 +843,7 @@ $('inputs').<b>datepicker('change',</b> ...);</code></pre> <input type="text" id="inlineConfig" <b>date:</b>defaultDate="+7"/></code></pre> </div> + <h4>Localization Packages</h4> <ul style="float:left;width:220px;margin-top:0"> <li><a href="../../../source/i18n/ui.datepicker-ca.js" target="_blank">Bulgarian</a></li> <li><a href="../../../source/i18n/ui.datepicker-ca.js" target="_blank">Catalan of Spain</a></li> |