From b343540fb8757720993b9735e7ca380088fc291a Mon Sep 17 00:00:00 2001
From: Ca-Phun Ung <pazu2k@gmail.com>
Date: Thu, 8 Jan 2009 06:50:51 +0000
Subject: [PATCH] demos/index.html - added link to open demo in new window.

---
 demos/demos.css              |  2 +-
 demos/index.html             | 25 ++++++++++++-------------
 tests/visual/datepicker.html |  2 +-
 3 files changed, 14 insertions(+), 15 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>
diff --git a/tests/visual/datepicker.html b/tests/visual/datepicker.html
index 6126398e3..d8c2ee5e1 100644
--- a/tests/visual/datepicker.html
+++ b/tests/visual/datepicker.html
@@ -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();