diff options
| author | Jörn Zaefferer <joern.zaefferer@gmail.com> | 2011-11-24 11:27:35 +0100 |
|---|---|---|
| committer | Jörn Zaefferer <joern.zaefferer@gmail.com> | 2011-11-24 11:27:35 +0100 |
| commit | 769abbabc3b7b27f6131705b5ebd64fb3120b817 (patch) | |
| tree | 34bb3223bfa1aab81637c9b6a691bda10d9df06a /demos/selectmenu/custom_render.html | |
| parent | 9bd08798c27f849b85a75bcaca009df85a48545f (diff) | |
| download | jquery-ui-769abbabc3b7b27f6131705b5ebd64fb3120b817.tar.gz jquery-ui-769abbabc3b7b27f6131705b5ebd64fb3120b817.zip | |
Upgrade jQuery to 1.7.1.
Diffstat (limited to 'demos/selectmenu/custom_render.html')
| -rw-r--r-- | demos/selectmenu/custom_render.html | 34 |
1 files changed, 17 insertions, 17 deletions
diff --git a/demos/selectmenu/custom_render.html b/demos/selectmenu/custom_render.html index f993bab2a..7e69dc3e1 100644 --- a/demos/selectmenu/custom_render.html +++ b/demos/selectmenu/custom_render.html @@ -4,7 +4,7 @@ <meta charset="utf-8"> <title>jQuery UI Selectmenu - Default functionality</title> <link rel="stylesheet" href="../../themes/base/jquery.ui.all.css"> - <script src="../../jquery-1.7.js"></script> + <script src="../../jquery-1.7.1.js"></script> <script src="../../ui/jquery.ui.core.js"></script> <script src="../../ui/jquery.ui.widget.js"></script> <script src="../../ui/jquery.ui.position.js"></script> @@ -14,7 +14,7 @@ <link rel="stylesheet" href="../demos.css"> <script> $(function() { - + $.widget( "custom.iconselectmenu", $.ui.selectmenu, { _renderItem: function( ul, item ) { var li = $( "<li />" ).data( "item.selectmenu", item ); @@ -27,22 +27,22 @@ href: '#' }); li.append( link ); - } - + } + return li.appendTo( ul ); } - }); - + }); + var files = $('select#files').iconselectmenu({ dropdown: false }); files.iconselectmenu("widget").children("ul").addClass("ui-menu-icons"); - + var filesB = $('select#filesB').iconselectmenu({ dropdown: false }); filesB.iconselectmenu("widget").children("ul").addClass("ui-menu-icons customicons"); - + var peopleA = $('select#peopleA').iconselectmenu(); peopleA.iconselectmenu("widget").children("ul").addClass("ui-menu-icons avatar"); }); @@ -53,26 +53,26 @@ fieldset { border: 0; } label { display: block; } select { width: 200px; } - + .ui-selectmenu-menu .ui-menu .ui-icon { top: 0.4em; } .ui-selectmenu-menu .ui-menu .ui-menu-item a { padding-left: 2em; } - + /* select with custom icons */ .ui-selectmenu-menu .ui-menu.customicons .ui-menu-item a { padding: 0.5em 0 0.5em 3em; } .ui-selectmenu-menu .ui-menu.customicons .ui-menu-item a .ui-icon { height: 24px; width: 24px; top: 0.2em;} .ui-icon.video { background: url(images/24-video-square.png) 0 0 no-repeat; } .ui-icon.podcast { background: url(images/24-podcast-square.png) 0 0 no-repeat; } .ui-icon.rss { background: url(images/24-rss-square.png) 0 0 no-repeat; } - + /* native select with CSS avatar icons */ option.avatar { background-repeat: no-repeat !important; padding-left: 20px; } </style> </head> <body> - + <div class="demo"> -<form action="#"> +<form action="#"> <h2>"popup" style with framework icons</h2> <fieldset> @@ -85,7 +85,7 @@ <option value="somefile">Some unknown file</option> </select> </fieldset> - + <h2>"popup" style with custom icon images</h2> <fieldset> <label for="filesB">Select a File:</label> @@ -94,8 +94,8 @@ <option value="myvideo" class="video">Scott Gonzales Video</option> <option value="myrss" class="rss">jQuery RSS XML</option> </select> - </fieldset> - + </fieldset> + <h2>"dropdown" style with custom avatar 16x16 images as CSS background</h2> <fieldset> <label for="peopleA">Select a Person:</label> @@ -105,7 +105,7 @@ <option value="3" class="avatar" style="background-image: url(http://www.gravatar.com/avatar/bdeaec11dd663f26fa58ced0eb7facc8?d=monsterid&r=g&s=16);">Jane Doe</option> </select> </fieldset> - + </form> </div><!-- End demo --> |