Permalink
Browse files

Some small fixes across several demos

  • Loading branch information...
1 parent 46306ab commit b97a63f0266f6dd50ff961349509e1047c8032e7 @arian arian committed Jan 3, 2011
@@ -16,8 +16,10 @@
<label for="news_n">No</label>
</li>
</ul>
+
+ <div><input type="submit" value="Send" /></div>
+
</fieldset>
- <div><input type="submit" value="Send" /></div>
<div id="myResult"></div>
View
@@ -31,5 +31,5 @@ strong {
#note {
color: #A87AAD;
- font-size: 10px;
+ font-size: 0.9em;
}
View
@@ -26,27 +26,25 @@
<input id="mode" type="checkbox" value="vertical" checked />
<label for="mode">vertical sort</label>
-<div id="note">*you can click on any two elements below to swap their position</div>
+<p id="note">*you can click on any two elements below to swap their position</p>
-<hr />
-
-<div id="container" >
+<div id="container">
<div class="red sort">red</div>
<div class="purple sort">purple</div>
<div class="green sort">green</div>
<div class="orange sort">orange</div>
<div class="blue sort">blue</div>
</div>
-<hr />
-
-<a href="#" class="fireSort" title="Arrange the items in the original order reversed (...3,2,1,0)">backward</a> |
-<a href="#" class="fireSort" title="Arrange the items in the original order (0,1,2,3,etc)">forward</a> |
-<a href="#" class="fireSort" title="Arrange the items in the current order reversed">reverse</a> |
-<a href="#" id="sort" title="Rearranges the items visually into a new order">Sort [1,3,0,2,4]</a> |
-<a href="#" id="swap" title="Swaps the position of one item with another">Swap first and last child</a> |
-<a href="#" id="order" title="Retrieves the current sort order">Current order</a> |
-<a href="#" id="reorderDOM" title="Rearranges the DOM to the current sort order">rearrangeDOM</a>
+<p>
+ <a href="#" class="fireSort" title="Arrange the items in the original order reversed (...3,2,1,0)">backward</a> |
+ <a href="#" class="fireSort" title="Arrange the items in the original order (0,1,2,3,etc)">forward</a> |
+ <a href="#" class="fireSort" title="Arrange the items in the current order reversed">reverse</a> |
+ <a href="#" id="sort" title="Rearranges the items visually into a new order">Sort [1,3,0,2,4]</a> |
+ <a href="#" id="swap" title="Swaps the position of one item with another">Swap first and last child</a> |
+ <a href="#" id="order" title="Retrieves the current sort order">Current order</a> |
+ <a href="#" id="reorderDOM" title="Rearranges the DOM to the current sort order">rearrangeDOM</a>
+</p>
<h3> Current DOM order </h3>
<pre id="output"></pre>
View
@@ -39,13 +39,13 @@ window.addEvent('domready', function(){
displayDOM(); //onComplete isn't fire so update UI DOM visual manually
});
- document.id('swap').addEvent('click', function(e){
+ document.id('swap').addEvent('click', function(event){
event.stop();
var elems = container.getChildren();
sorter.swap(elems[0], elems[elems.length - 1]);
});
- document.id('sort').addEvent('click', function(e){
+ document.id('sort').addEvent('click', function(event){
event.stop();
sorter.sort([1, 3, 0, 2, 4]);
});
@@ -1,6 +1,11 @@
<p>
- Use a JSON request when you have complex data which you would like to send in a JavaScript-readable format to a handling method on the client side. The first method passed to a Request.JSON onComplete method is the data object represented in the JSON code which was returned by the server. For more information on the JSON format, see <a href="http://json.org" target="_top">json.org</a>.
+ Use a JSON request when you have complex data which you would like to send in a
+ JavaScript-readable format to a handling method on the client side. The first
+ method passed to a Request.JSON onComplete method is the data object represented
+ in the JSON code which was returned by the server. For more information on the
+ JSON format, see <a href="http://json.org" target="_top">json.org</a>.
</p>
+
<p>
<a href="#" title="Start loading data" id="loadJSON">load JSON Data</a> |
<a href="#" id="clearJSON" title="Clear data">clear JSON Data</a>
@@ -64,3 +64,8 @@ window.addEvent('domready', function() {
});
});
+
+
+
+
+

0 comments on commit b97a63f

Please sign in to comment.