r3617 committed - button: icon demo, replaced metadata with options literals
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 -->
--