mirror of
https://github.com/jquery/jquery-ui.git
synced 2024-10-05 01:44:18 +00:00
demos/index.html - added link to open demo in new window.
This commit is contained in:
parent
8d47e81a90
commit
b343540fb8
@ -203,5 +203,5 @@ div.demo-description {
|
||||
padding-right: 10px;
|
||||
}
|
||||
|
||||
#demo-link { font-size:11px; margin:6px 0 20px 0; }
|
||||
#demo-link { font-size:11px; padding-top: 6px; clear: both; overflow: hidden; }
|
||||
#demo-link a span.ui-icon { float:left; margin-right:3px; }
|
||||
|
@ -99,7 +99,7 @@
|
||||
.append('<h3 class="demo-header">'+ header +'</h3>')
|
||||
.append('<div id="demo-config"></div>')
|
||||
.find('#demo-config')
|
||||
.append('<div id="demo-frame"></div><div id="demo-config-menu"></div>')
|
||||
.append('<div id="demo-frame"></div><div id="demo-config-menu"></div><div id="demo-link"><a class="demoWindowLink" href="#"><span class="ui-icon ui-icon-newwin"></span>Open demo in a new window</a></div>')
|
||||
.find('#demo-config-menu')
|
||||
.load(section + '/index.html .demos-nav', function() {
|
||||
$('#demo-config-menu a').each(function() {
|
||||
@ -136,6 +136,12 @@
|
||||
updateDemoNotes();
|
||||
})
|
||||
.end()
|
||||
.find('#demo-link a')
|
||||
.bind('click', function(ev){
|
||||
window.open(this.href);
|
||||
ev.preventDefault();
|
||||
})
|
||||
.end()
|
||||
.end()
|
||||
;
|
||||
|
||||
@ -154,6 +160,7 @@
|
||||
data = data.replace(/<title.*>.*<\/title>/ig,""); // Remove title tags
|
||||
|
||||
$('#demo-frame').empty().html(data);
|
||||
$('#demo-link a').attr('href', path);
|
||||
updateDemoNotes();
|
||||
|
||||
});
|
||||
@ -162,7 +169,7 @@
|
||||
function updateDemoNotes() {
|
||||
var notes = $('#demo-frame .demo-description');
|
||||
if ($('#demo-notes').length == 0) {
|
||||
$('<div id="demo-notes"></div>sdfdffd').insertAfter('#demo-config');
|
||||
$('<div id="demo-notes"></div>').insertAfter('#demo-config');
|
||||
}
|
||||
$('#demo-notes').hide().empty().html(notes.html());
|
||||
$('#demo-notes').fadeIn();
|
||||
@ -211,20 +218,12 @@
|
||||
<p>
|
||||
These demos showcase some common uses of each jQuery UI plugin. Simply copy and paste code from the demos to get started. Have fun playing with them.
|
||||
</p>
|
||||
|
||||
|
||||
<iframe></iframe>
|
||||
|
||||
<div id="demo-link">
|
||||
<a href="foo" class="demoWindowLink"><span class="ui-icon ui-icon-newwin"></span>Open demo in a new window</a>
|
||||
</div>
|
||||
|
||||
<p>The description for the demo goes here, below the link to open the demo in a new window. The description for the demo goes here, below the link to open the demo in a new window. The description for the demo goes here, below the link to open the demo in a new window.</p>
|
||||
|
||||
<!-- change the class to class="source-open" when code is visible
|
||||
<div id="demo-source">
|
||||
<a href="#" class="source-closed">View source</a><!-- change the class to "source-open" when code is visible -->
|
||||
<a href="#" class="source-closed">View source</a>
|
||||
</div>
|
||||
|
||||
-->
|
||||
|
||||
<?php } ?>
|
||||
</div>
|
||||
|
@ -40,7 +40,7 @@
|
||||
});
|
||||
|
||||
// inline datepicker
|
||||
$('#inl').datepicker();
|
||||
$('#inl').datepicker({minDate: -20, maxDate: '+1M +10D'});
|
||||
$('button.disable-inl').click(function(event){
|
||||
$('#inl').datepicker('disable');
|
||||
event.preventDefault();
|
||||
|
Loading…
Reference in New Issue
Block a user