Skip to content
Permalink
Browse files

Updated demo files.

  • Loading branch information
1Marc committed Jun 1, 2008
1 parent 1392c69 commit 1c6b62b19284aeb17b4560d4d4f948e627c00caf
@@ -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;
@@ -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) {
@@ -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 @@ <h3>Defaults</h3>
<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 @@ <h3>Invocation</h3>
<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 @@ <h4>v2.x to v3.3</h4>

&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>

0 comments on commit 1c6b62b

Please sign in to comment.
You can’t perform that action at this time.