diff options
| author | Ca-Phun Ung <pazu2k@gmail.com> | 2009-01-08 06:50:51 +0000 |
|---|---|---|
| committer | Ca-Phun Ung <pazu2k@gmail.com> | 2009-01-08 06:50:51 +0000 |
| commit | b343540fb8757720993b9735e7ca380088fc291a (patch) | |
| tree | 6fccae508fe6b1a440c59661913046f8f4b7d338 /demos | |
| parent | 8d47e81a900e9f3069c8f7a423f4770e1e341586 (diff) | |
| download | jquery-ui-b343540fb8757720993b9735e7ca380088fc291a.tar.gz jquery-ui-b343540fb8757720993b9735e7ca380088fc291a.zip | |
demos/index.html - added link to open demo in new window.
Diffstat (limited to 'demos')
| -rw-r--r-- | demos/demos.css | 2 | ||||
| -rw-r--r-- | demos/index.html | 25 |
2 files changed, 13 insertions, 14 deletions
diff --git a/demos/demos.css b/demos/demos.css index e7adc657d..51c576e36 100644 --- a/demos/demos.css +++ b/demos/demos.css @@ -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; } diff --git a/demos/index.html b/demos/index.html index fea9abd60..8aeabfc15 100644 --- a/demos/index.html +++ b/demos/index.html @@ -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> |