r1547 - in trunk: demos tests/visual

r1547 - in trunk: demos tests/visual


Author: pazu2k@gmail.com
Date: Wed Jan 7 22:50:51 2009
New Revision: 1547
Modified:
trunk/demos/demos.css
trunk/demos/index.html
trunk/tests/visual/datepicker.html
Log:
demos/index.html - added link to open demo in new window.
Modified: trunk/demos/demos.css
==============================================================================
--- trunk/demos/demos.css    (original)
+++ trunk/demos/demos.css    Wed Jan 7 22:50:51 2009
@@ -203,5 +203,5 @@
    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; }
Modified: trunk/demos/index.html
==============================================================================
--- trunk/demos/index.html    (original)
+++ trunk/demos/index.html    Wed Jan 7 22:50:51 2009
@@ -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 @@
                    


                        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.
                    




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

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.



                
+                <!-- 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>
Modified: trunk/tests/visual/datepicker.html
==============================================================================
--- trunk/tests/visual/datepicker.html    (original)
+++ trunk/tests/visual/datepicker.html    Wed Jan 7 22:50:51 2009
@@ -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();