From de31d5b16c2afc7fea4409b357d71e457cb9f8e6 Mon Sep 17 00:00:00 2001
From: Todd Parker <fg.todd@gmail.com>
Date: Mon, 5 Jan 2009 20:23:14 +0000
Subject: Added mockup of the link to view demo in a new window and the view
 source spindown that need to be added above and below the description under
 the iframe. Demo css updated with styles needed and made Trebuchet MS the
 font on all rules.

---
 demos/index.html | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

(limited to 'demos/index.html')

diff --git a/demos/index.html b/demos/index.html
index 8b8d9253e..7340a7077 100644
--- a/demos/index.html
+++ b/demos/index.html
@@ -160,7 +160,7 @@
 		function updateDemoNotes() {
 			var notes = $('#demo-frame .demo-description');
 			if ($('#demo-notes').length == 0) {
-				$('<div id="demo-notes"></div>').insertAfter('#demo-config');
+				$('<div id="demo-notes"></div>sdfdffd').insertAfter('#demo-config');
 			}						
 			$('#demo-notes').hide().empty().html(notes.html());
 			$('#demo-notes').fadeIn();
@@ -209,6 +209,21 @@
 					<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>
+				
+				<div id="demo-source">
+					<a href="#" class="source-closed">View source</a><!-- change the class to "source-open" when code is visible -->
+				</div>
+				
+				
 					<?php  } ?>
 			</div>
 
-- 
cgit v1.2.3