[jquery-ui] r3617 committed - button: icon demo, replaced metadata with options literals

[codesite...@google.com]

Revision: 3617
Author: joern.zaefferer
Date: Tue Jan 5 08:59:47 2010
Log: button: icon demo, replaced metadata with options literals
http://code.google.com/p/jquery-ui/source/detail?r=3617

Modified:
/branches/dev/demos/button/icons.html

=======================================
--- /branches/dev/demos/button/icons.html Mon Jan 4 07:57:26 2010
+++ /branches/dev/demos/button/icons.html Tue Jan 5 08:59:47 2010
@@ -4,14 +4,33 @@
<title>jQuery UI Button - Icons demo</title>
<link type="text/css" href="../../themes/base/ui.all.css"
rel="stylesheet" />
<script type="text/javascript" src="../../jquery-1.3.2.js"></script>
- <script type="text/javascript"
src="../../external/jquery.metadata.js"></script>
<script type="text/javascript" src="../../ui/jquery.ui.core.js"></script>
<script type="text/javascript"
src="../../ui/jquery.ui.widget.js"></script>
<script type="text/javascript"
src="../../ui/jquery.ui.button.js"></script>
<link type="text/css" href="../demos.css" rel="stylesheet" />
<script type="text/javascript">
$(function() {
- $("button").button();
+ $("button:first").button({
+ icons: {
+ primary: 'ui-icon-locked'
+ },
+ text: false
+ }).next().button({
+ icons: {
+ primary: 'ui-icon-locked'
+ }
+ }).next().button({
+ icons: {
+ primary: 'ui-icon-gear',
+ secondary: 'ui-icon-triangle-1-s'
+ }
+ }).next().button({
+ icons: {
+ primary: 'ui-icon-gear',
+ secondary: 'ui-icon-triangle-1-s'
+ },
+ text: false
+ });
});
</script>
<style>
@@ -22,10 +41,10 @@

<div class="demo">

- <button
class="{button:{icons:{primary:'ui-icon-locked'},text:false}}">Button with
icon only</button>
- <button class="{button:{icons:{primary:'ui-icon-locked'}}}">Button with
icon on the left</button>
- <button
class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'}}}">Button
with two icons</button>
- <button
class="{button:{icons:{primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'},text:false}}">Button
with two icons and no text</button>
+ <button>Button with icon only</button>
+ <button>Button with icon on the left</button>
+ <button>Button with two icons</button>
+ <button>Button with two icons and no text</button>

</div><!-- End demo -->