library-mirrors/jquery-ui
1
0
Fork 0
mirror of https://github.com/jquery/jquery-ui.git synced 2025-01-07 20:34:24 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

Updated demo files.

Browse Source
This commit is contained in:
Marc Grabanski 2008-06-01 18:28:01 +00:00
parent 1392c6903e
commit 1c6b62b192
3 changed files with 13 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/demos/functional/datepicker/demo/ui.datepicker.demo.css
View File

@ -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;

4
ui/demos/functional/datepicker/demo/ui.datepicker.demo.js
View File

@ -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, '&lt;') + "</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) {

11
ui/demos/functional/datepicker/index.html
View File

@ -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>
&lt;input type="text" id="inlineConfig" <b>date:</b>defaultDate="+7"/&gt;</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>