full paths for CSS files

jquerytools · Mar 28, 2010 · 3bb9375 · 3bb9375
1 parent b6e9c6b
commit 3bb9375
Show file tree

Hide file tree

Showing 29 changed files with 139 additions and 122 deletions.
diff --git a/Screenshot.png b/Screenshot.png
diff --git a/demos/dateinput/apple-skin.htm b/demos/dateinput/apple-skin.htm
@@ -1,7 +1,7 @@
 <%-- :mode=jsp: --%>
 <%@ include file="../standalone.jsf" %>
 
-	<link rel="stylesheet" type="text/css" href="css/skin1.css"/>
+	<link rel="stylesheet" type="text/css" href="${cdn}${jqt}/demos/dateinput/css/skin1.css"/>
 
 	<style>
 	.calwrap {

diff --git a/demos/dateinput/customize.htm b/demos/dateinput/customize.htm
@@ -1,7 +1,7 @@
 <%-- :mode=jsp: --%>
 <%@ include file="../standalone.jsf" %>
 
-	<link rel="stylesheet" type="text/css" href="css/skin1.css"/>
+	<link rel="stylesheet" type="text/css" href="${cdn}${jqt}/demos/dateinput/css/skin1.css"/>
 
 	<style>
 	/* a little more width for input fields */

diff --git a/demos/dateinput/large-skin.htm b/demos/dateinput/large-skin.htm
@@ -1,7 +1,7 @@
 <%-- :mode=jsp: --%>
 <%@ include file="../standalone.jsf" %>
 
-	<link rel="stylesheet" type="text/css" href="${jqt}/demos/dateinput/css/large.css"/>
+	<link rel="stylesheet" type="text/css" href="${cdn}${jqt}/demos/dateinput/css/large.css"/>
 
 </head>
 

diff --git a/demos/dateinput/localize.htm b/demos/dateinput/localize.htm
@@ -2,7 +2,7 @@
 <%-- :mode=jsp: --%>
 <%@ include file="../standalone.jsf" %>
 
-	<link rel="stylesheet" type="text/css" href="css/skin1.css"/>
+	<link rel="stylesheet" type="text/css" href="${cdn}${jqt}/demos/dateinput/css/skin1.css"/>
 </head>
 
 <body>

diff --git a/demos/header.jsf b/demos/header.jsf
@@ -3,6 +3,7 @@
 <script>
 $(function() {	
 	$("#jqt3").addClass("active");
+	$("<div/>", { id: 'footercrumb' }).appendTo($("#content")).html($("#breadcrumb").html());
 });
 </script>
 

diff --git a/demos/index.html b/demos/index.html
@@ -46,13 +46,8 @@
 	margin-bottom:2px;
 }
 
-.combinations {
-	background-color:#eee;
-	border:2px dotted #ccc;
-	left:-155px;
-	padding:10px;
-	position:relative;
-	top:160px;		
+.combinations h2 {
+	font-weight:bold;
 }
 </style>
 

diff --git a/demos/rangeinput/scrollbar.htm b/demos/rangeinput/scrollbar.htm
@@ -1,7 +1,7 @@
 <%-- :mode=jsp: --%>
 <%@ include file="../standalone.jsf" %>
 
-	<link rel="stylesheet" type="text/css" href="css/scrollbar.css"/>
+	<link rel="stylesheet" type="text/css" href="${cdn}${jqt}/demos/rangeinput/css/scrollbar.css"/>
 
 </head>
 

diff --git a/demos/rangeinput/vertical.htm b/demos/rangeinput/vertical.htm
@@ -2,7 +2,7 @@
 <%-- :mode=jsp: --%>
 <%@ include file="../standalone.jsf" %>
 
-	<link rel="stylesheet" type="text/css" href="css/skin1.css"/>
+	<link rel="stylesheet" type="text/css" href="${cdn}${jqt}/demos/rangeinput/css/skin1.css"/>
 
 	<style>
 	<c:set var="css">

diff --git a/demos/scrollable/index.html b/demos/scrollable/index.html
@@ -11,8 +11,10 @@
 </div>
 
 
-<p>
-	You can scroll through these elements by clicking on the arrow buttons or using the left and right arrow keys from your keyboard. The items can contain
+<p class="less">
+	<small>
+		You can scroll through these elements by clicking on the arrow buttons or using the left and right arrow keys from your keyboard.
+	</small>
 </ol>
 
 <p>

diff --git a/demos/scrollable/scrollable.jsf b/demos/scrollable/scrollable.jsf
@@ -4,40 +4,40 @@
 <a class="prev browse left"></a>
 
 <!-- root element for scrollable -->
-<div class="scrollable"${!empty rootId ? pii:concat(' id=', rootId) : rootId}>	
-	
-	<!-- root element for the items -->
-	<div class="items">
-	
-		<!-- 1-5 -->
-		<div>
-			<img src="http://farm1.static.flickr.com/143/321464099_a7cfcb95cf_t.jpg" />
-			<img src="http://farm4.static.flickr.com/3089/2796719087_c3ee89a730_t.jpg" />
-			<img src="http://farm1.static.flickr.com/79/244441862_08ec9b6b49_t.jpg" />
-			<img src="http://farm1.static.flickr.com/28/66523124_b468cf4978_t.jpg" />
-			<img src="http://farm1.static.flickr.com/164/399223606_b875ddf797_t.jpg" />
-		</div>
-		
-		<!-- 5-10 -->
-		<div>
-			<img src="http://farm1.static.flickr.com/163/399223609_db47d35b7c_t.jpg" />
-			<img src="http://farm1.static.flickr.com/135/321464104_c010dbf34c_t.jpg" />
-			<img src="http://farm1.static.flickr.com/40/117346184_9760f3aabc_t.jpg" />
-			<img src="http://farm1.static.flickr.com/153/399232237_6928a527c1_t.jpg" />
-			<img src="http://farm1.static.flickr.com/50/117346182_1fded507fa_t.jpg" />
-		</div>
-		
-		<!-- 10-15 -->
-		<div>
-			<img src="http://farm4.static.flickr.com/3629/3323896446_3b87a8bf75_t.jpg" />
-			<img src="http://farm4.static.flickr.com/3023/3323897466_e61624f6de_t.jpg" />
-			<img src="http://farm4.static.flickr.com/3650/3323058611_d35c894fab_t.jpg" />
-			<img src="http://farm4.static.flickr.com/3635/3323893254_3183671257_t.jpg" />
-			<img src="http://farm4.static.flickr.com/3624/3323893148_8318838fbd_t.jpg" />
-		</div>
-		
-	</div>
-	
+<div class="scrollable"${!empty rootId ? pii:concat(' id=', rootId) : rootId}>   
+   
+   <!-- root element for the items -->
+   <div class="items">
+   
+      <!-- 1-5 -->
+      <div>
+         <img src="http://farm1.static.flickr.com/143/321464099_a7cfcb95cf_t.jpg" />
+         <img src="http://farm4.static.flickr.com/3089/2796719087_c3ee89a730_t.jpg" />
+         <img src="http://farm1.static.flickr.com/79/244441862_08ec9b6b49_t.jpg" />
+         <img src="http://farm1.static.flickr.com/28/66523124_b468cf4978_t.jpg" />
+         <img src="http://farm1.static.flickr.com/164/399223606_b875ddf797_t.jpg" />
+      </div>
+      
+      <!-- 5-10 -->
+      <div>
+         <img src="http://farm1.static.flickr.com/163/399223609_db47d35b7c_t.jpg" />
+         <img src="http://farm1.static.flickr.com/135/321464104_c010dbf34c_t.jpg" />
+         <img src="http://farm1.static.flickr.com/40/117346184_9760f3aabc_t.jpg" />
+         <img src="http://farm1.static.flickr.com/153/399232237_6928a527c1_t.jpg" />
+         <img src="http://farm1.static.flickr.com/50/117346182_1fded507fa_t.jpg" />
+      </div>
+      
+      <!-- 10-15 -->
+      <div>
+         <img src="http://farm4.static.flickr.com/3629/3323896446_3b87a8bf75_t.jpg" />
+         <img src="http://farm4.static.flickr.com/3023/3323897466_e61624f6de_t.jpg" />
+         <img src="http://farm4.static.flickr.com/3650/3323058611_d35c894fab_t.jpg" />
+         <img src="http://farm4.static.flickr.com/3635/3323893254_3183671257_t.jpg" />
+         <img src="http://farm4.static.flickr.com/3624/3323893148_8318838fbd_t.jpg" />
+      </div>
+      
+   </div>
+   
 </div>
 
 <!-- "next page" action -->

diff --git a/demos/scrollable/vertical.html b/demos/scrollable/vertical.html
@@ -22,47 +22,47 @@ <h3>HTML code</h3>
 
 <pii:code lang="html">
 <div id="actions">
-	<a class="prevPage">&laquo; Back</a>
-	<a class="nextPage">More pictures &raquo;</a>
+   <a class="prevPage">&laquo; Back</a>
+   <a class="nextPage">More pictures &raquo;</a>
 </div>
 
 <!-- root element for scrollable -->
 <div class="scrollable vertical">
 
-	<!-- root element for the scrollable elements -->
-	<div class="items">
-
-		<!-- first element. contains three rows -->
-		<div>
-
-			<!-- first row -->
-			<div class="item">
-			
-				<!-- image -->
-				<img src="http://farm1.static.flickr.com/${img}_m.jpg" />
-	
-				<!-- title -->
-				<h3>1. Barcelona Pavilion</h3>
-	
-				<!-- content -->
-				<p>
-					The Pavilion was not only a pioneer ...
-				</p>
-				
-			</div>
-
-			<!-- 2:nd and 3:rd rows -->
-			<div class="item"> ... </div>
-			<div class="item"> ... </div>
-			
-		</div>
-
-		<!-- second element with another three rows (and so on) -->
-		<div>
-			...
-		</div>
-
-	</div>
+   <!-- root element for the scrollable elements -->
+   <div class="items">
+
+      <!-- first element. contains three rows -->
+      <div>
+
+         <!-- first row -->
+         <div class="item">
+         
+            <!-- image -->
+            <img src="http://farm1.static.flickr.com/${img}_m.jpg" />
+   
+            <!-- title -->
+            <h3>1. Barcelona Pavilion</h3>
+   
+            <!-- content -->
+            <p>
+               The Pavilion was not only a pioneer ...
+            </p>
+            
+         </div>
+
+         <!-- 2:nd and 3:rd rows -->
+         <div class="item"> ... </div>
+         <div class="item"> ... </div>
+         
+      </div>
+
+      <!-- second element with another three rows (and so on) -->
+      <div>
+         ...
+      </div>
+
+   </div>
 
 </div>
 </pii:code>

diff --git a/demos/validator/custom-effect.htm b/demos/validator/custom-effect.htm
@@ -2,7 +2,7 @@
 <%-- :mode=jsp: --%>
 <%@ include file="../standalone.jsf" %>
 
-<link rel="stylesheet" type="text/css" href="css/form.css"/>
+<link rel="stylesheet" type="text/css" href="${cdn}${jqt}/demos/validator/css/form.css"/>
 
 <style>	
 <c:set var="css">

diff --git a/demos/validator/custom-validators.htm b/demos/validator/custom-validators.htm
@@ -3,10 +3,10 @@
 
 <c:set var="css">
 <!-- same styling as in minimal setup --> 
-<link rel="stylesheet" type="text/css" href="css/form.css"/>
+<link rel="stylesheet" type="text/css" href="${cdn}${jqt}/demos/validator/css/form.css"/>
 
 <!-- override it to have a columned layout -->
-<link rel="stylesheet" type="text/css" href="css/columns.css"/>
+<link rel="stylesheet" type="text/css" href="${cdn}${jqt}/demos/validator/css/columns.css"/>
 </c:set> 
 ${css}
 </head>

diff --git a/demos/validator/custom-validators.html b/demos/validator/custom-validators.html
@@ -1,11 +1,11 @@
 <%-- :mode=jsp: --%>
 <%@ include file="../header.jsf" %>
 
-<p>
-	Following form has a new <samp>time</samp> input type and some custom input attributes such as <samp>minlength</samp> and <samp>data-equals</samp>. Click on the submit button to see them in action.
+<p class="more">
+	Following form has a new <samp>time</samp> input type and some custom input attributes such as <samp>minlength</samp> and <samp>data-equals</samp>. This demo shows you how easy it's to make new attributes and input types. 
 </p>
 
-<div style="width:500px;margin:5px auto">
+<div style="width:500px;margin:25px auto">
 	<%@ include file="custom-validators.htm" %>
 </div>
 

diff --git a/demos/validator/events.htm b/demos/validator/events.htm
@@ -1,7 +1,7 @@
 <%-- :mode=jsp: --%>
 <%@ include file="../standalone.jsf" %>
 
-	<link rel="stylesheet" type="text/css" href="css/form.css"/>
+	<link rel="stylesheet" type="text/css" href="${cdn}${jqt}/demos/validator/css/form.css"/>
 
 	<style>
 	/* styling of the info box */

diff --git a/demos/validator/index.html b/demos/validator/index.html
@@ -6,7 +6,7 @@
 <h3>HTML coding</h3>
 
 <p>
- 	Here we have a form that has valid HTML5 syntax. We have used <samp>email, url</samp> and <samp>number</samp> inputs as well as normal <samp>text</samp> input with <samp>pattern</samp> attribute. <samp>requred</samp> attribute is used to indicate mandatory field. <samp>maxlength</samp> attribute makes it impossible to enter more than 30 characters.
+ 	Here we have a form that has valid HTML5 syntax. We have used <samp>email, url</samp> and <samp>number</samp> inputs as well as normal <samp>text</samp> input with <samp>pattern</samp> attribute. <samp>requred</samp> attribute is used to indicate mandatory field. Old school but handy <samp>maxlength</samp> attribute makes it impossible to enter more than 30 characters.
 </p>
 
 <pii:code lang="html">

diff --git a/demos/validator/localize.htm b/demos/validator/localize.htm
@@ -1,7 +1,7 @@
 <%-- :mode=jsp: --%>
 <%@ include file="../standalone.jsf" %>
 
-	<link rel="stylesheet" type="text/css" href="css/form.css"/>
+	<link rel="stylesheet" type="text/css" href="${cdn}${jqt}/demos/validator/css/form.css"/>
 
 </head>
 

diff --git a/demos/validator/server-side.htm b/demos/validator/server-side.htm
@@ -2,7 +2,7 @@
 <%-- :mode=jsp: --%>
 <%@ include file="../standalone.jsf" %>
 
-	<link rel="stylesheet" type="text/css" href="css/form.css"/>
+	<link rel="stylesheet" type="text/css" href="${cdn}${jqt}/demos/validator/css/form.css"/>
 
 </head>
 

diff --git a/documentation/basics.html b/documentation/basics.html
@@ -351,11 +351,11 @@ <h2><em>Including</em> the Tools</h2>
 </p>
 
 <p style="margin:20px 0">
-	<img src="../img/global-config.gif" alt="Global Configuration" />
+	<img src="${cdn}${jqt}/img/global-conf.gif" alt="Global Configuration" />
 </p>
 
 <p>
-	You can see each tool you have included and their versions. You can also see plugins and effects and their versions if you have included any from the <a href="/download/index.html#combine">download page</a>. If you inspect a little more about these global settings you will see each tool's default configuration values which are discussed more on the important <a href="#global_configuration">global configuration</a> section.
+	You can see each tool you have included and the version number.  If you inspect a little more about these global settings you will see each tool's default configuration values (good source of "documentation"!) which are discussed more on the important <a href="#global_configuration">global configuration</a> section.
 </p>
 <!--}}}-->
 
@@ -371,9 +371,8 @@ <h2><em>Initializing</em> the Tools</h2>
 <pii:code>
 // initialize tools.scrollable with configuration variables
 $("#wrap").scrollable({
-	size: 1,
-	clickable: false,
-	loop: true
+	keyboard: false,
+	circular: true
 });
 </pii:code>
 
@@ -389,7 +388,7 @@ <h3>Return value</h3>
 
 <pii:code>
 // return elements specified in the selector as a jQuery object
-var elements = $("div.scrollable").scrollable({size: 3});
+var elements = $("div.scrollable").scrollable();
 
 /*
   now you can continue working with the jQuery object. you can,
@@ -480,11 +479,11 @@ <h2>Using jQuery Tools <em>plugins and effects</em></h2>
 
 <pii:code>
 // initialize few scrollables and add more features to them
-$("div.scroller").scrollable({circular: true}).navigator("#myNavi").autoscroll({interval: 4000});
+$(".scroller").scrollable({circular: true}).navigator("#myNavi").autoscroll({interval: 4000});
 </pii:code>
 
 <p>
-	You take a one or more <samp>div.scroller</samp> elements from a page and make them scrollable. The scrollable tool has only the absolute necessary features to make things scroll. If you want to have more features you can use plugins. In this example we used <samp>navigator</samp> plugin to setup a navigator beside the scrollable. The <samp>autoscroll</samp> plugin makes the items scroll automatically without any user interaction.
+	You take a one or more <samp>.scroller</samp> elements from a page and make them scrollable. The scrollable tool has only the absolute necessary features to make things scroll. If you want to have more features you can use plugins. In this example we used <samp>navigator</samp> plugin to setup a navigator beside the scrollable. The <samp>autoscroll</samp> plugin makes the items scroll automatically without any user interaction.
 </p>
 
 <p>

diff --git a/documentation/performance.html b/documentation/performance.html
@@ -88,7 +88,7 @@ <h2><em>2.</em> Use a CDN</h2>
 </p>
 
 <p>
-	Our CDN service is kindly provided by <a href="http://www.netdna.com/" class="external">Net DNA</a> and you can use it freely in any situation. Enjoy! Here is their global server distribution at the moment - they are all serving these tools <em>quickly</em>:
+	Our CDN service is kindly provided by <a href="http://www.maxcdn.com/" class="external">Max CDN</a> and you can use it freely in any situation. Enjoy! Here is their global server distribution at the moment - they are all serving these tools <em>quickly</em>:
 </p>
 
 <table class="listing">

diff --git a/documentation/scripting.html b/documentation/scripting.html
@@ -354,7 +354,7 @@ <h2>Creating jQuery Tools <em>Plugins</em></h2>
 		var api = $(this).data("tabs");
 
 		// setup onClick listener for tabs
-		api.onClick(function(index)  {
+		api.onClick(function(event, index)  {
 			tracker.trackEvent("tabs", "foo", index);
 		});
-Original file line number
+Diff line change
@@ Expand Up / @@ -88,7 +88,7 @@ <h2><em>2.</em> Use a CDN</h2> @@
     </p>
     <p>
-    	Our CDN service is kindly provided by <a href="http://www.netdna.com/" class="external">Net DNA</a> and you can use it freely in any situation. Enjoy! Here is their global server distribution at the moment - they are all serving these tools <em>quickly</em>:
+    	Our CDN service is kindly provided by <a href="http://www.maxcdn.com/" class="external">Max CDN</a> and you can use it freely in any situation. Enjoy! Here is their global server distribution at the moment - they are all serving these tools <em>quickly</em>:
     </p>
     <table class="listing">
@@ Expand Down @@