diff options
Diffstat (limited to 'demos/selectmenu')
| -rw-r--r-- | demos/selectmenu/custom_render.html | 34 | ||||
| -rw-r--r-- | demos/selectmenu/default.html | 10 |
2 files changed, 22 insertions, 22 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 --> diff --git a/demos/selectmenu/default.html b/demos/selectmenu/default.html index 5ae45472a..decaca0fd 100644 --- a/demos/selectmenu/default.html +++ b/demos/selectmenu/default.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> @@ -15,14 +15,14 @@ <script> $(function() { $('select#speed').selectmenu(); - + var withOverflow = $('select#number').selectmenu({ dropdown: false }); withOverflow.selectmenu("widget").addClass("overflow"); - + $('select#files').selectmenu(); - + }); </script> <style> @@ -34,7 +34,7 @@ </style> </head> <body> - + <div class="demo"> <form action="#"> |