| @@ -1,2 +1,3 @@ | ||
| @import url( "jquery.mobile.icons.css" ); | ||
| @import url( "jquery.mobile.theme.css" ); | ||
| @import url( "../../structure/jquery.mobile.structure.css" ); |
| @@ -0,0 +1,3 @@ | ||
| @import url( "jquery.mobile.icons.data.png.css" ); | ||
| @import url( "jquery.mobile.theme.css" ); | ||
| @import url( "../../structure/jquery.mobile.structure.css" ); |
| @@ -0,0 +1,3 @@ | ||
| @import url( "jquery.mobile.icons.data.svg.css" ); | ||
| @import url( "jquery.mobile.theme.css" ); | ||
| @import url( "../../structure/jquery.mobile.structure.css" ); |
| @@ -0,0 +1,3 @@ | ||
| @import url( "jquery.mobile.icons.fallback.css" ); | ||
| @import url( "jquery.mobile.theme.css" ); | ||
| @import url( "../../structure/jquery.mobile.structure.css" ); |
| @@ -0,0 +1,356 @@ | ||
| .ui-icon-action:after { | ||
| background-image: url(images/icons-png/action-white.png); | ||
| } | ||
| .ui-icon-arrow-d-l:after { | ||
| background-image: url(images/icons-png/arrow-d-l-white.png); | ||
| } | ||
| .ui-icon-arrow-d-r:after { | ||
| background-image: url(images/icons-png/arrow-d-r-white.png); | ||
| } | ||
| .ui-icon-arrow-d:after { | ||
| background-image: url(images/icons-png/arrow-d-white.png); | ||
| } | ||
| .ui-icon-arrow-l:after { | ||
| background-image: url(images/icons-png/arrow-l-white.png); | ||
| } | ||
| .ui-icon-arrow-r:after { | ||
| background-image: url(images/icons-png/arrow-r-white.png); | ||
| } | ||
| .ui-icon-arrow-u-l:after { | ||
| background-image: url(images/icons-png/arrow-u-l-white.png); | ||
| } | ||
| .ui-icon-arrow-u-r:after { | ||
| background-image: url(images/icons-png/arrow-u-r-white.png); | ||
| } | ||
| .ui-icon-arrow-u:after { | ||
| background-image: url(images/icons-png/arrow-u-white.png); | ||
| } | ||
| .ui-icon-audio:after { | ||
| background-image: url(images/icons-png/audio-white.png); | ||
| } | ||
| .ui-icon-calendar:after { | ||
| background-image: url(images/icons-png/calendar-white.png); | ||
| } | ||
| .ui-icon-camera:after { | ||
| background-image: url(images/icons-png/camera-white.png); | ||
| } | ||
| .ui-icon-carat-d:after { | ||
| background-image: url(images/icons-png/carat-d-white.png); | ||
| } | ||
| .ui-icon-carat-l:after { | ||
| background-image: url(images/icons-png/carat-l-white.png); | ||
| } | ||
| .ui-icon-carat-r:after { | ||
| background-image: url(images/icons-png/carat-r-white.png); | ||
| } | ||
| .ui-icon-carat-u:after { | ||
| background-image: url(images/icons-png/carat-u-white.png); | ||
| } | ||
| .ui-icon-check:after, | ||
| .ui-icon-checkbox-on:after { | ||
| background-image: url(images/icons-png/check-white.png); | ||
| } | ||
| .ui-icon-clock:after { | ||
| background-image: url(images/icons-png/clock-white.png); | ||
| } | ||
| .ui-icon-cloud:after { | ||
| background-image: url(images/icons-png/cloud-white.png); | ||
| } | ||
| .ui-icon-grid:after { | ||
| background-image: url(images/icons-png/grid-white.png); | ||
| } | ||
| .ui-icon-mail:after { | ||
| background-image: url(images/icons-png/mail-white.png); | ||
| } | ||
| .ui-icon-eye:after { | ||
| background-image: url(images/icons-png/eye-white.png); | ||
| } | ||
| .ui-icon-gear:after { | ||
| background-image: url(images/icons-png/gear-white.png); | ||
| } | ||
| .ui-icon-heart:after { | ||
| background-image: url(images/icons-png/heart-white.png); | ||
| } | ||
| .ui-icon-home:after { | ||
| background-image: url(images/icons-png/home-white.png); | ||
| } | ||
| .ui-icon-info:after { | ||
| background-image: url(images/icons-png/info-white.png); | ||
| } | ||
| .ui-icon-bullets:after { | ||
| background-image: url(images/icons-png/bullets-white.png); | ||
| } | ||
| .ui-icon-bars:after { | ||
| background-image: url(images/icons-png/bars-white.png); | ||
| } | ||
| .ui-icon-navigation:after { | ||
| background-image: url(images/icons-png/navigation-white.png); | ||
| } | ||
| .ui-icon-lock:after { | ||
| background-image: url(images/icons-png/lock-white.png); | ||
| } | ||
| .ui-icon-search:after { | ||
| background-image: url(images/icons-png/search-white.png); | ||
| } | ||
| .ui-icon-location:after { | ||
| background-image: url(images/icons-png/location-white.png); | ||
| } | ||
| .ui-icon-minus:after { | ||
| background-image: url(images/icons-png/minus-white.png); | ||
| } | ||
| .ui-icon-forbidden:after { | ||
| background-image: url(images/icons-png/forbidden-white.png); | ||
| } | ||
| .ui-icon-edit:after { | ||
| background-image: url(images/icons-png/edit-white.png); | ||
| } | ||
| .ui-icon-user:after { | ||
| background-image: url(images/icons-png/user-white.png); | ||
| } | ||
| .ui-icon-phone:after { | ||
| background-image: url(images/icons-png/phone-white.png); | ||
| } | ||
| .ui-icon-plus:after { | ||
| background-image: url(images/icons-png/plus-white.png); | ||
| } | ||
| .ui-icon-power:after { | ||
| background-image: url(images/icons-png/power-white.png); | ||
| } | ||
| .ui-icon-recycle:after { | ||
| background-image: url(images/icons-png/recycle-white.png); | ||
| } | ||
| .ui-icon-forward:after { | ||
| background-image: url(images/icons-png/forward-white.png); | ||
| } | ||
| .ui-icon-refresh:after { | ||
| background-image: url(images/icons-png/refresh-white.png); | ||
| } | ||
| .ui-icon-shop:after { | ||
| background-image: url(images/icons-png/shop-white.png); | ||
| } | ||
| .ui-icon-comment:after { | ||
| background-image: url(images/icons-png/comment-white.png); | ||
| } | ||
| .ui-icon-star:after { | ||
| background-image: url(images/icons-png/star-white.png); | ||
| } | ||
| .ui-icon-tag:after { | ||
| background-image: url(images/icons-png/tag-white.png); | ||
| } | ||
| .ui-icon-back:after { | ||
| background-image: url(images/icons-png/back-white.png); | ||
| } | ||
| .ui-icon-video:after { | ||
| background-image: url(images/icons-png/video-white.png); | ||
| } | ||
| .ui-icon-alert:after { | ||
| background-image: url(images/icons-png/alert-white.png); | ||
| } | ||
| .ui-icon-delete:after { | ||
| background-image: url(images/icons-png/delete-white.png); | ||
| } | ||
|
|
||
| /* Alt icons */ | ||
| .ui-icon-alt.ui-icon-action:after, | ||
| .ui-icon-alt .ui-icon-action:after { | ||
| background-image: url(images/icons-png/action-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-arrow-d:after, | ||
| .ui-icon-alt .ui-icon-arrow-d:after { | ||
| background-image: url(images/icons-png/arrow-d-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-arrow-d-l:after, | ||
| .ui-icon-alt .ui-icon-arrow-d-l:after { | ||
| background-image: url(images/icons-png/arrow-d-l-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-arrow-d-r:after, | ||
| .ui-icon-alt .ui-icon-arrow-d-r:after { | ||
| background-image: url(images/icons-png/arrow-d-r-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-arrow-l:after, | ||
| .ui-icon-alt .ui-icon-arrow-l:after { | ||
| background-image: url(images/icons-png/arrow-l-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-arrow-r:after, | ||
| .ui-icon-alt .ui-icon-arrow-r:after { | ||
| background-image: url(images/icons-png/arrow-r-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-arrow-u:after, | ||
| .ui-icon-alt .ui-icon-arrow-u:after { | ||
| background-image: url(images/icons-png/arrow-u-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-arrow-u-l:after, | ||
| .ui-icon-alt .ui-icon-arrow-u-l:after { | ||
| background-image: url(images/icons-png/arrow-u-l-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-arrow-u-r:after, | ||
| .ui-icon-alt .ui-icon-arrow-u-r:after { | ||
| background-image: url(images/icons-png/arrow-u-r-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-audio:after, | ||
| .ui-icon-alt .ui-icon-audio:after { | ||
| background-image: url(images/icons-png/audio-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-calendar:after, | ||
| .ui-icon-alt .ui-icon-calendar:after { | ||
| background-image: url(images/icons-png/calendar-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-camera:after, | ||
| .ui-icon-alt .ui-icon-camera:after { | ||
| background-image: url(images/icons-png/camera-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-carat-d:after, | ||
| .ui-icon-alt .ui-icon-carat-d:after { | ||
| background-image: url(images/icons-png/carat-d-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-carat-l:after, | ||
| .ui-icon-alt .ui-icon-carat-l:after { | ||
| background-image: url(images/icons-png/carat-l-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-carat-r:after, | ||
| .ui-icon-alt .ui-icon-carat-r:after { | ||
| background-image: url(images/icons-png/carat-r-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-carat-u:after, | ||
| .ui-icon-alt .ui-icon-carat-u:after { | ||
| background-image: url(images/icons-png/carat-u-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-check:after, | ||
| .ui-icon-alt .ui-icon-check:after, | ||
| .ui-icon-alt.ui-icon-checkbox-on:after, | ||
| .ui-icon-alt .ui-icon-checkbox-on:after { | ||
| background-image: url(images/icons-png/check-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-clock:after, | ||
| .ui-icon-alt .ui-icon-clock:after { | ||
| background-image: url(images/icons-png/clock-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-cloud:after, | ||
| .ui-icon-alt .ui-icon-cloud:after { | ||
| background-image: url(images/icons-png/cloud-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-grid:after, | ||
| .ui-icon-alt .ui-icon-grid:after { | ||
| background-image: url(images/icons-png/grid-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-mail:after, | ||
| .ui-icon-alt .ui-icon-mail:after { | ||
| background-image: url(images/icons-png/mail-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-eye:after, | ||
| .ui-icon-alt .ui-icon-eye:after { | ||
| background-image: url(images/icons-png/eye-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-gear:after, | ||
| .ui-icon-alt .ui-icon-gear:after { | ||
| background-image: url(images/icons-png/gear-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-heart:after, | ||
| .ui-icon-alt .ui-icon-heart:after { | ||
| background-image: url(images/icons-png/heart-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-home:after, | ||
| .ui-icon-alt .ui-icon-home:after { | ||
| background-image: url(images/icons-png/home-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-info:after, | ||
| .ui-icon-alt .ui-icon-info:after { | ||
| background-image: url(images/icons-png/info-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-bars:after, | ||
| .ui-icon-alt .ui-icon-bars:after { | ||
| background-image: url(images/icons-png/bars-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-bullets:after, | ||
| .ui-icon-alt .ui-icon-bullets:after { | ||
| background-image: url(images/icons-png/bullets-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-navigation:after, | ||
| .ui-icon-alt .ui-icon-navigation:after { | ||
| background-image: url(images/icons-png/navigation-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-lock:after, | ||
| .ui-icon-alt .ui-icon-lock:after { | ||
| background-image: url(images/icons-png/lock-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-search:after, | ||
| .ui-icon-alt .ui-icon-search:after, | ||
| .ui-input-search:after { | ||
| background-image: url(images/icons-png/search-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-location:after, | ||
| .ui-icon-alt .ui-icon-location:after { | ||
| background-image: url(images/icons-png/location-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-minus:after, | ||
| .ui-icon-alt .ui-icon-minus:after { | ||
| background-image: url(images/icons-png/minus-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-forbidden:after, | ||
| .ui-icon-alt .ui-icon-forbidden:after { | ||
| background-image: url(images/icons-png/forbidden-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-edit:after, | ||
| .ui-icon-alt .ui-icon-edit:after { | ||
| background-image: url(images/icons-png/edit-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-user:after, | ||
| .ui-icon-alt .ui-icon-user:after { | ||
| background-image: url(images/icons-png/user-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-phone:after, | ||
| .ui-icon-alt .ui-icon-phone:after { | ||
| background-image: url(images/icons-png/phone-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-plus:after, | ||
| .ui-icon-alt .ui-icon-plus:after { | ||
| background-image: url(images/icons-png/plus-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-power:after, | ||
| .ui-icon-alt .ui-icon-power:after { | ||
| background-image: url(images/icons-png/power-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-recycle:after, | ||
| .ui-icon-alt .ui-icon-recycle:after { | ||
| background-image: url(images/icons-png/recycle-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-forward:after, | ||
| .ui-icon-alt .ui-icon-forward:after { | ||
| background-image: url(images/icons-png/forward-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-refresh:after, | ||
| .ui-icon-alt .ui-icon-refresh:after { | ||
| background-image: url(images/icons-png/refresh-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-shop:after, | ||
| .ui-icon-alt .ui-icon-shop:after { | ||
| background-image: url(images/icons-png/shop-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-comment:after, | ||
| .ui-icon-alt .ui-icon-comment:after { | ||
| background-image: url(images/icons-png/comment-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-star:after, | ||
| .ui-icon-alt .ui-icon-star:after { | ||
| background-image: url(images/icons-png/star-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-tag:after, | ||
| .ui-icon-alt .ui-icon-tag:after { | ||
| background-image: url(images/icons-png/tag-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-back:after, | ||
| .ui-icon-alt .ui-icon-back:after { | ||
| background-image: url(images/icons-png/back-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-video:after, | ||
| .ui-icon-alt .ui-icon-video:after { | ||
| background-image: url(images/icons-png/video-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-alert:after, | ||
| .ui-icon-alt .ui-icon-alert:after { | ||
| background-image: url(images/icons-png/alert-black.png); | ||
| } | ||
| .ui-icon-alt.ui-icon-delete:after, | ||
| .ui-icon-alt .ui-icon-delete:after { | ||
| background-image: url(images/icons-png/delete-black.png); | ||
| } |
| @@ -0,0 +1,6 @@ | ||
| <!-- Unicode CSS Loader: place this in the head of your page --> | ||
| <script> | ||
| /* grunticon Stylesheet Loader | https://github.com/filamentgroup/grunticon | (c) 2012 Scott Jehl, Filament Group, Inc. | MIT license. */ | ||
| window.grunticon=function(e){if(e&&3===e.length){var t=window,n=!!t.document.createElementNS&&!!t.document.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect,A=function(A){var o=t.document.createElement("link"),r=t.document.getElementsByTagName("script")[0];o.rel="stylesheet",o.href=e[A&&n?0:A?1:2],r.parentNode.insertBefore(o,r)},o=new t.Image;o.onerror=function(){A(!1)},o.onload=function(){A(1===o.width&&1===o.height)},o.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=="}}; | ||
| grunticon( [ "/path/to/jquery.mobile.css", "/path/to/jquery.mobile.data.png.css", "/path/to/jquery.mobile.fallback.css" ] );</script> | ||
| <noscript><link href="/path/to/jquery.mobile.fallback.css" rel="stylesheet"></noscript> |
| @@ -0,0 +1,220 @@ | ||
| <!doctype HTML> | ||
| <html> | ||
| <head> | ||
| <title>Icons</title> | ||
| <link rel="shortcut icon" href="../../favicon.ico"> | ||
| <script> | ||
| /* grunticon Stylesheet Loader | https://github.com/filamentgroup/grunticon | (c) 2012 Scott Jehl, Filament Group, Inc. | MIT license. */ | ||
| window.grunticon=function(e){if(e&&3===e.length){var t=window,n=!!t.document.createElementNS&&!!t.document.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect,A=function(A){var o=t.document.createElement("link"),r=t.document.getElementsByTagName("script")[0];o.rel="stylesheet",o.href=e[A&&n?0:A?1:2],r.parentNode.insertBefore(o,r)},o=new t.Image;o.onerror=function(){A(!1)},o.onload=function(){A(1===o.width&&1===o.height)},o.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw=="}}; | ||
| grunticon( [ "../../../css/themes/default/jquery.mobile.css", "../../../css/themes/default/jquery.mobile.data.png.css", "../../../css/themes/default/jquery.mobile.fallback.css" ] ); | ||
| </script> | ||
| <noscript><link href="../../../css/themes/default/jquery.mobile.fallback.css" rel="stylesheet"></noscript> | ||
| <script src="../../../js/jquery.js"></script> | ||
| <script src="../../../js/"></script> | ||
| <script> | ||
| $( document ).on( "pagecreate", function() { | ||
| $( "#settings input" ).on( "change", function( event ) { | ||
| if ( event.target.id === "opt-mini" ) { | ||
| if ( $( "#opt-mini" ).prop( "checked" ) ) { | ||
| $( "#test" ).addClass( "ui-mini" ); | ||
| } else { | ||
| $( "#test" ).removeClass( "ui-mini" ); | ||
| } | ||
| } | ||
| if ( event.target.id === "opt-inline" ) { | ||
| if ( $( "#opt-inline" ).prop( "checked" ) ) { | ||
| $( "#test button" ).addClass( "ui-btn-inline" ); | ||
| } else { | ||
| $( "#test button" ).removeClass( "ui-btn-inline" ); | ||
| } | ||
| } | ||
| if ( event.target.id === "opt-notext" ) { | ||
| if ( $( "#opt-notext" ).prop( "checked" ) ) { | ||
| $( "#test button" ).button( "option", "iconpos", "notext" ); | ||
| } else { | ||
| $( "#test button" ).button( "option", "iconpos", "left" ); | ||
| } | ||
| $( "#test button" ).button( "refresh" ); | ||
| } | ||
| if ( event.target.id === "opt-alt" ) { | ||
| if ( $( "#opt-alt" ).prop( "checked" ) ) { | ||
| $( "#test" ).addClass( "ui-icon-alt" ); | ||
| } else { | ||
| $( "#test" ).removeClass( "ui-icon-alt" ); | ||
| } | ||
| } | ||
| if ( event.target.id === "opt-nodisc" ) { | ||
| if ( $( "#opt-nodisc" ).prop( "checked" ) ) { | ||
| $( "#test" ).addClass( "ui-icon-nodisc" ); | ||
| } else { | ||
| $( "#test" ).removeClass( "ui-icon-nodisc" ); | ||
| } | ||
| } | ||
| if ( event.target.id === "opt-iconshadow" ) { | ||
| if ( $( "#opt-iconshadow" ).prop( "checked" ) ) { | ||
| $( "#test" ).addClass( "ui-shadow-icon" ); | ||
| } else { | ||
| $( "#test" ).removeClass( "ui-shadow-icon" ); | ||
| } | ||
| } | ||
| if ( event.target.name === "theme" ) { | ||
| var themeClass = $( "#theme-setting input:checked" ).attr( "id" ); | ||
|
|
||
| $( "#icon-page" ).removeClass( "ui-page-theme-a ui-page-theme-b" ).addClass( themeClass ); | ||
| } | ||
| }); | ||
| }); | ||
| </script> | ||
| </head> | ||
| <body> | ||
|
|
||
| <div data-role="page" id="icon-page"> | ||
| <div data-role="header"> | ||
| <h1>Icons</h1> | ||
| </div> | ||
| <div data-role="content"> | ||
|
|
||
| <form id="settings" class="ui-mini"> | ||
| <div data-role="fieldcontain"> | ||
| <fieldset data-role="controlgroup" data-type="horizontal" id="theme-setting"> | ||
| <legend>Theme:</legend> | ||
| <label for="ui-page-theme-a">A</label> | ||
| <input type="radio" name="theme" id="ui-page-theme-a" checked> | ||
| <label for="ui-page-theme-b">B</label> | ||
| <input type="radio" name="theme" id="ui-page-theme-b"> | ||
| </fieldset> | ||
| </div> | ||
| <div data-role="fieldcontain"> | ||
| <fieldset data-role="controlgroup" data-type="horizontal"> | ||
| <legend>Style:</legend> | ||
| <label for="opt-mini">Mini</label> | ||
| <input type="checkbox" name="opt-mini" id="opt-mini"> | ||
| <label for="opt-inline">Inline</label> | ||
| <input type="checkbox" name="opt-inline" id="opt-inline"> | ||
| <label for="opt-notext">Icon-only</label> | ||
| <input type="checkbox" name="opt-notext" id="opt-notext"> | ||
| <label for="opt-alt">Alt (black)</label> | ||
| <input type="checkbox" name="opt-alt" id="opt-alt"> | ||
| <label for="opt-nodisc">No disc</label> | ||
| <input type="checkbox" name="opt-nodisc" id="opt-nodisc"> | ||
| <label for="opt-iconshadow">Icon shadow</label> | ||
| <input type="checkbox" name="opt-iconshadow" id="opt-iconshadow"> | ||
| </fieldset> | ||
| </div> | ||
| </form> | ||
|
|
||
| <div id="test"> | ||
| <form> | ||
| <button data-icon="action">action</button> | ||
| <button data-icon="arrow-d-l">arrow-d-l</button> | ||
| <button data-icon="arrow-d-r">arrow-d-r</button> | ||
| <button data-icon="arrow-d">arrow-d</button> | ||
| <button data-icon="arrow-l">arrow-l</button> | ||
| <button data-icon="arrow-r">arrow-r</button> | ||
| <button data-icon="arrow-u-l">arrow-u-l</button> | ||
| <button data-icon="arrow-u-r">arrow-u-r</button> | ||
| <button data-icon="arrow-u">arrow-u</button> | ||
| <button data-icon="audio">audio</button> | ||
| <button data-icon="calendar">calendar</button> | ||
| <button data-icon="camera">camera</button> | ||
| <button data-icon="carat-d">carat-d</button> | ||
| <button data-icon="carat-l">carat-l</button> | ||
| <button data-icon="carat-r">carat-r</button> | ||
| <button data-icon="carat-u">carat-u</button> | ||
| <button data-icon="check">check</button> | ||
| <button data-icon="clock">clock</button> | ||
| <button data-icon="cloud">cloud</button> | ||
| <button data-icon="grid">grid</button> | ||
| <button data-icon="mail">mail</button> | ||
| <button data-icon="eye">eye</button> | ||
| <button data-icon="gear">gear</button> | ||
| <button data-icon="heart">heart</button> | ||
| <button data-icon="home">home</button> | ||
| <button data-icon="info">info</button> | ||
| <button data-icon="bullets">bullets</button> | ||
| <button data-icon="bars">bars</button> | ||
| <button data-icon="navigation">navigation</button> | ||
| <button data-icon="lock">lock</button> | ||
| <button data-icon="search">search</button> | ||
| <button data-icon="location">location</button> | ||
| <button data-icon="minus">minus</button> | ||
| <button data-icon="forbidden">forbidden</button> | ||
| <button data-icon="edit">edit</button> | ||
| <button data-icon="user">user</button> | ||
| <button data-icon="phone">phone</button> | ||
| <button data-icon="plus">plus</button> | ||
| <button data-icon="power">power</button> | ||
| <button data-icon="recycle">recycle</button> | ||
| <button data-icon="forward">forward</button> | ||
| <button data-icon="refresh">refresh</button> | ||
| <button data-icon="shop">shop</button> | ||
| <button data-icon="comment">comment</button> | ||
| <button data-icon="star">star</button> | ||
| <button data-icon="tag">tag</button> | ||
| <button data-icon="back">back</button> | ||
| <button data-icon="video">video</button> | ||
| <button data-icon="alert">alert</button> | ||
| <button data-icon="delete">delete</button> | ||
|
|
||
| <div data-role="fieldcontain"> | ||
| <fieldset data-role="controlgroup"> | ||
| <legend>Checkbox:</legend> | ||
| <label for="checkbox-v-1a">One</label> | ||
| <input type="checkbox" name="checkbox-v-1a" id="checkbox-v-1a"> | ||
| <label for="checkbox-v-1b">Two</label> | ||
| <input type="checkbox" name="checkbox-v-1b" id="checkbox-v-1b"> | ||
| <label for="checkbox-v-1c">Three</label> | ||
| <input type="checkbox" name="checkbox-v-1c" id="checkbox-v-1c"> | ||
| </fieldset> | ||
| </div> | ||
|
|
||
| <div data-role="fieldcontain"><fieldset data-role="controlgroup"><legend>Radio:</legend> | ||
| <label for="radio-choice-v-1a">One</label> | ||
| <input type="radio" name="radio-choice-v-1" id="radio-choice-v-1a" value="one" checked="checked"> | ||
| <label for="radio-choice-v-1b">Two</label> | ||
| <input type="radio" name="radio-choice-v-1" id="radio-choice-v-1b" value="two"> | ||
| <label for="radio-choice-v-1c">Three</label> | ||
| <input type="radio" name="radio-choice-v-1" id="radio-choice-v-1c" value="three"> | ||
| </fieldset> | ||
| </div> | ||
|
|
||
| <div data-role="fieldcontain"> | ||
| <label for="select-custom">Multiple select:</label> | ||
| <select name="select-custom" id="select-custom" multiple="multiple" data-native-menu="false"> | ||
| <option>Choose options</option> | ||
| <option value="1">The 1st Option</option> | ||
| <option value="2" selected="selected">The 2nd Option</option> | ||
| <option value="3">The 3rd Option</option> | ||
| <option value="4" selected="selected">The 4th Option</option> | ||
| </select> | ||
| </div> | ||
|
|
||
| <div data-role="fieldcontain"> | ||
| <label for="search-1">Search:</label> | ||
| <input type="search" name="search-1" id="search-1" value=""> | ||
| </div> | ||
| </form> | ||
|
|
||
| <div data-role="collapsible"> | ||
| <h4>Collapsibe</h4> | ||
| <p>I'm the collapsible content.</p> | ||
| </div> | ||
|
|
||
| <ul data-role="listview" data-inset="true"> | ||
| <li><a href="#">List item</a></li> | ||
| <li><a href="#">List item</a></li> | ||
| <li><a href="#">List item</a></li> | ||
| </ul> | ||
|
|
||
| <a href="#popup" data-rel="popup" data-role="button">Popup</a> | ||
| <div data-role="popup" id="popup" style="max-width:280px"> | ||
| <a href="#" data-rel="back" data-role="button" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a> | ||
| <p>I have a close button at the top right corner with simple HTML markup.</p> | ||
| </div> | ||
| </div> | ||
|
|
||
| </div> | ||
| </div> | ||
|
|
||
| </body> | ||
| </html> |
| @@ -55,7 +55,7 @@ | ||
| <div data-demo-html="true"> | ||
| <form> | ||
| <label for="textarea-1">Textarea:</label> | ||
| <textarea name="textarea-1" id="textarea-1"></textarea> | ||
| </form> | ||
| </div><!-- /demo-html --> | ||
|
|
||
| @@ -20,7 +20,7 @@ $.extend( $.Widget.prototype, { | ||
| return "-" + c.toLowerCase(); | ||
| }), true ); | ||
|
|
||
| if ( value != null ) { | ||
| options[ option ] = value; | ||
| } | ||
| }); | ||
| @@ -0,0 +1,293 @@ | ||
| /*! | ||
| * jQuery UI Core @VERSION | ||
| * http://jqueryui.com | ||
| * | ||
| * Copyright 2013 jQuery Foundation and other contributors | ||
| * Released under the MIT license. | ||
| * http://jquery.org/license | ||
| * | ||
| * http://api.jqueryui.com/category/ui-core/ | ||
| */ | ||
| (function( $, undefined ) { | ||
|
|
||
| var uuid = 0, | ||
| runiqueId = /^ui-id-\d+$/; | ||
|
|
||
| // $.ui might exist from components with no dependencies, e.g., $.ui.position | ||
| $.ui = $.ui || {}; | ||
|
|
||
| $.extend( $.ui, { | ||
| version: "@VERSION", | ||
|
|
||
| keyCode: { | ||
| BACKSPACE: 8, | ||
| COMMA: 188, | ||
| DELETE: 46, | ||
| DOWN: 40, | ||
| END: 35, | ||
| ENTER: 13, | ||
| ESCAPE: 27, | ||
| HOME: 36, | ||
| LEFT: 37, | ||
| PAGE_DOWN: 34, | ||
| PAGE_UP: 33, | ||
| PERIOD: 190, | ||
| RIGHT: 39, | ||
| SPACE: 32, | ||
| TAB: 9, | ||
| UP: 38 | ||
| } | ||
| }); | ||
|
|
||
| // plugins | ||
| $.fn.extend({ | ||
| focus: (function( orig ) { | ||
| return function( delay, fn ) { | ||
| return typeof delay === "number" ? | ||
| this.each(function() { | ||
| var elem = this; | ||
| setTimeout(function() { | ||
| $( elem ).focus(); | ||
| if ( fn ) { | ||
| fn.call( elem ); | ||
| } | ||
| }, delay ); | ||
| }) : | ||
| orig.apply( this, arguments ); | ||
| }; | ||
| })( $.fn.focus ), | ||
|
|
||
| scrollParent: function() { | ||
| var scrollParent; | ||
| if (($.ui.ie && (/(static|relative)/).test(this.css("position"))) || (/absolute/).test(this.css("position"))) { | ||
| scrollParent = this.parents().filter(function() { | ||
| return (/(relative|absolute|fixed)/).test($.css(this,"position")) && (/(auto|scroll)/).test($.css(this,"overflow")+$.css(this,"overflow-y")+$.css(this,"overflow-x")); | ||
| }).eq(0); | ||
| } else { | ||
| scrollParent = this.parents().filter(function() { | ||
| return (/(auto|scroll)/).test($.css(this,"overflow")+$.css(this,"overflow-y")+$.css(this,"overflow-x")); | ||
| }).eq(0); | ||
| } | ||
|
|
||
| return ( /fixed/ ).test( this.css( "position") ) || !scrollParent.length ? $( this[ 0 ].ownerDocument || document ) : scrollParent; | ||
| }, | ||
|
|
||
| uniqueId: function() { | ||
| return this.each(function() { | ||
| if ( !this.id ) { | ||
| this.id = "ui-id-" + (++uuid); | ||
| } | ||
| }); | ||
| }, | ||
|
|
||
| removeUniqueId: function() { | ||
| return this.each(function() { | ||
| if ( runiqueId.test( this.id ) ) { | ||
| $( this ).removeAttr( "id" ); | ||
| } | ||
| }); | ||
| } | ||
| }); | ||
|
|
||
| // selectors | ||
| function focusable( element, isTabIndexNotNaN ) { | ||
| var map, mapName, img, | ||
| nodeName = element.nodeName.toLowerCase(); | ||
| if ( "area" === nodeName ) { | ||
| map = element.parentNode; | ||
| mapName = map.name; | ||
| if ( !element.href || !mapName || map.nodeName.toLowerCase() !== "map" ) { | ||
| return false; | ||
| } | ||
| img = $( "img[usemap=#" + mapName + "]" )[0]; | ||
| return !!img && visible( img ); | ||
| } | ||
| return ( /input|select|textarea|button|object/.test( nodeName ) ? | ||
| !element.disabled : | ||
| "a" === nodeName ? | ||
| element.href || isTabIndexNotNaN : | ||
| isTabIndexNotNaN) && | ||
| // the element and all of its ancestors must be visible | ||
| visible( element ); | ||
| } | ||
|
|
||
| function visible( element ) { | ||
| return $.expr.filters.visible( element ) && | ||
| !$( element ).parents().addBack().filter(function() { | ||
| return $.css( this, "visibility" ) === "hidden"; | ||
| }).length; | ||
| } | ||
|
|
||
| $.extend( $.expr[ ":" ], { | ||
| data: $.expr.createPseudo ? | ||
| $.expr.createPseudo(function( dataName ) { | ||
| return function( elem ) { | ||
| return !!$.data( elem, dataName ); | ||
| }; | ||
| }) : | ||
| // support: jQuery <1.8 | ||
| function( elem, i, match ) { | ||
| return !!$.data( elem, match[ 3 ] ); | ||
| }, | ||
|
|
||
| focusable: function( element ) { | ||
| return focusable( element, !isNaN( $.attr( element, "tabindex" ) ) ); | ||
| }, | ||
|
|
||
| tabbable: function( element ) { | ||
| var tabIndex = $.attr( element, "tabindex" ), | ||
| isTabIndexNaN = isNaN( tabIndex ); | ||
| return ( isTabIndexNaN || tabIndex >= 0 ) && focusable( element, !isTabIndexNaN ); | ||
| } | ||
| }); | ||
|
|
||
| // support: jQuery <1.8 | ||
| if ( !$( "<a>" ).outerWidth( 1 ).jquery ) { | ||
| $.each( [ "Width", "Height" ], function( i, name ) { | ||
| var side = name === "Width" ? [ "Left", "Right" ] : [ "Top", "Bottom" ], | ||
| type = name.toLowerCase(), | ||
| orig = { | ||
| innerWidth: $.fn.innerWidth, | ||
| innerHeight: $.fn.innerHeight, | ||
| outerWidth: $.fn.outerWidth, | ||
| outerHeight: $.fn.outerHeight | ||
| }; | ||
|
|
||
| function reduce( elem, size, border, margin ) { | ||
| $.each( side, function() { | ||
| size -= parseFloat( $.css( elem, "padding" + this ) ) || 0; | ||
| if ( border ) { | ||
| size -= parseFloat( $.css( elem, "border" + this + "Width" ) ) || 0; | ||
| } | ||
| if ( margin ) { | ||
| size -= parseFloat( $.css( elem, "margin" + this ) ) || 0; | ||
| } | ||
| }); | ||
| return size; | ||
| } | ||
|
|
||
| $.fn[ "inner" + name ] = function( size ) { | ||
| if ( size === undefined ) { | ||
| return orig[ "inner" + name ].call( this ); | ||
| } | ||
|
|
||
| return this.each(function() { | ||
| $( this ).css( type, reduce( this, size ) + "px" ); | ||
| }); | ||
| }; | ||
|
|
||
| $.fn[ "outer" + name] = function( size, margin ) { | ||
| if ( typeof size !== "number" ) { | ||
| return orig[ "outer" + name ].call( this, size ); | ||
| } | ||
|
|
||
| return this.each(function() { | ||
| $( this).css( type, reduce( this, size, true, margin ) + "px" ); | ||
| }); | ||
| }; | ||
| }); | ||
| } | ||
|
|
||
| // support: jQuery <1.8 | ||
| if ( !$.fn.addBack ) { | ||
| $.fn.addBack = function( selector ) { | ||
| return this.add( selector == null ? | ||
| this.prevObject : this.prevObject.filter( selector ) | ||
| ); | ||
| }; | ||
| } | ||
|
|
||
| // support: jQuery 1.6.1, 1.6.2 (http://bugs.jquery.com/ticket/9413) | ||
| if ( $( "<a>" ).data( "a-b", "a" ).removeData( "a-b" ).data( "a-b" ) ) { | ||
| $.fn.removeData = (function( removeData ) { | ||
| return function( key ) { | ||
| if ( arguments.length ) { | ||
| return removeData.call( this, $.camelCase( key ) ); | ||
| } else { | ||
| return removeData.call( this ); | ||
| } | ||
| }; | ||
| })( $.fn.removeData ); | ||
| } | ||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
| // deprecated | ||
| $.ui.ie = !!/msie [\w.]+/.exec( navigator.userAgent.toLowerCase() ); | ||
|
|
||
| $.support.selectstart = "onselectstart" in document.createElement( "div" ); | ||
| $.fn.extend({ | ||
| disableSelection: function() { | ||
| return this.bind( ( $.support.selectstart ? "selectstart" : "mousedown" ) + | ||
| ".ui-disableSelection", function( event ) { | ||
| event.preventDefault(); | ||
| }); | ||
| }, | ||
|
|
||
| enableSelection: function() { | ||
| return this.unbind( ".ui-disableSelection" ); | ||
| }, | ||
|
|
||
| zIndex: function( zIndex ) { | ||
| if ( zIndex !== undefined ) { | ||
| return this.css( "zIndex", zIndex ); | ||
| } | ||
|
|
||
| if ( this.length ) { | ||
| var elem = $( this[ 0 ] ), position, value; | ||
| while ( elem.length && elem[ 0 ] !== document ) { | ||
| // Ignore z-index if position is set to a value where z-index is ignored by the browser | ||
| // This makes behavior of this function consistent across browsers | ||
| // WebKit always returns auto if the element is positioned | ||
| position = elem.css( "position" ); | ||
| if ( position === "absolute" || position === "relative" || position === "fixed" ) { | ||
| // IE returns 0 when zIndex is not specified | ||
| // other browsers return a string | ||
| // we ignore the case of nested elements with an explicit value of 0 | ||
| // <div style="z-index: -10;"><div style="z-index: 0;"></div></div> | ||
| value = parseInt( elem.css( "zIndex" ), 10 ); | ||
| if ( !isNaN( value ) && value !== 0 ) { | ||
| return value; | ||
| } | ||
| } | ||
| elem = elem.parent(); | ||
| } | ||
| } | ||
|
|
||
| return 0; | ||
| } | ||
| }); | ||
|
|
||
| // $.ui.plugin is deprecated. Use $.widget() extensions instead. | ||
| $.ui.plugin = { | ||
| add: function( module, option, set ) { | ||
| var i, | ||
| proto = $.ui[ module ].prototype; | ||
| for ( i in set ) { | ||
| proto.plugins[ i ] = proto.plugins[ i ] || []; | ||
| proto.plugins[ i ].push( [ option, set[ i ] ] ); | ||
| } | ||
| }, | ||
| call: function( instance, name, args, allowDisconnected ) { | ||
| var i, | ||
| set = instance.plugins[ name ]; | ||
|
|
||
| if ( !set ) { | ||
| return; | ||
| } | ||
|
|
||
| if ( !allowDisconnected && ( !instance.element[ 0 ].parentNode || instance.element[ 0 ].parentNode.nodeType === 11 ) ) { | ||
| return; | ||
| } | ||
|
|
||
| for ( i = 0; i < set.length; i++ ) { | ||
| if ( instance.options[ set[ i ][ 0 ] ] ) { | ||
| set[ i ][ 1 ].apply( instance.element, args ); | ||
| } | ||
| } | ||
| } | ||
| }; | ||
|
|
||
| })( jQuery ); |
| @@ -98,7 +98,9 @@ define( [ "jquery", | ||
| // Set to page height | ||
| this.$to.height( screenHeight + this.toScroll ); | ||
|
|
||
| if ( !none ) { | ||
| this.scrollPage(); | ||
| } | ||
| }); | ||
|
|
||
| if ( !none ) { | ||
| @@ -0,0 +1,86 @@ | ||
| //>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude); | ||
| //>>description: Enhances and consistently styles text inputs. | ||
| //>>label: Textarea Autosize | ||
| //>>group: Forms | ||
| //>>css.structure: ../css/structure/jquery.mobile.forms.textinput.css | ||
| //>>css.theme: ../css/themes/default/jquery.mobile.theme.css | ||
|
|
||
| define( [ "jquery", "../../jquery.mobile.core", "../../jquery.mobile.widget", "../../jquery.mobile.degradeInputs", "../../jquery.mobile.zoom", "../../jquery.mobile.registry","./textinput" ], function( jQuery ) { | ||
| //>>excludeEnd("jqmBuildExclude"); | ||
| (function( $, undefined ) { | ||
|
|
||
| $.widget( "mobile.textinput", $.mobile.textinput, { | ||
| options: { | ||
| autogrow:true, | ||
| keyupTimeoutBuffer: 100 | ||
| }, | ||
|
|
||
| _create: function(){ | ||
| this._super(); | ||
|
|
||
| if( this.options.autogrow && this.isTextarea ) { | ||
| this._autogrow(); | ||
| } | ||
| }, | ||
|
|
||
| _autogrow: function() { | ||
| this._on({ | ||
| "keyup": "_timeout", | ||
| "change": "_timeout", | ||
| "input": "_timeout", | ||
| "paste": "_timeout", | ||
| }); | ||
|
|
||
| // Issue 509: the browser is not providing scrollHeight properly until the styles load | ||
| if ( $.trim( this.element.val() ) ) { | ||
| // bind to the window load to make sure the height is calculated based on BOTH | ||
| // the DOM and CSS | ||
| // binding to pagechange here ensures that for pages loaded via | ||
| // ajax the height is recalculated without user input | ||
| this._on( true, $.mobile.window, { | ||
| "load": "_timeout", | ||
| "pagechange": "_timeout" | ||
| }); | ||
| } | ||
| }, | ||
|
|
||
| _unbindAutogrow: function() { | ||
| this._off( this.element, "keyup change input paste" ); | ||
| this._off( $.mobile.window, "load pagechange" ); | ||
| }, | ||
|
|
||
| keyupTimeout:null, | ||
|
|
||
| _timeout: function(){ | ||
| clearTimeout( this.keyupTimeout ); | ||
| this.keyupTimeout = this._delay( "_updateHeight", this.options.keyupTimeoutBuffer ); | ||
| }, | ||
|
|
||
| _updateHeight:function(){ | ||
|
|
||
| this.element.css({ | ||
| height: "auto" | ||
| }).css({ | ||
| height: this.element[0].scrollHeight + 15 + "px" | ||
| }); | ||
|
|
||
| }, | ||
|
|
||
| _setOptions: function( options ){ | ||
|
|
||
| this._super( options ); | ||
|
|
||
| if( options.autogrow !== undefined && this.isTextarea ){ | ||
| if( options.autogrow ){ | ||
| this._autogrow(); | ||
| } else { | ||
| this._unbindAutogrow(); | ||
| } | ||
| } | ||
| } | ||
|
|
||
| }); | ||
| })( jQuery ); | ||
| //>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude); | ||
| }); | ||
| //>>excludeEnd("jqmBuildExclude"); |
| @@ -0,0 +1,129 @@ | ||
| //>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude); | ||
| //>>description: Add the ability to have a clear button | ||
| //>>label: Text Input Clear Button | ||
| //>>group: Forms | ||
| //>>css.structure: ../css/structure/jquery.mobile.forms.textinput.css | ||
| //>>css.theme: ../css/themes/default/jquery.mobile.theme.css | ||
|
|
||
| define( [ "jquery", "../../jquery.mobile.core", "../../jquery.mobile.widget", "../../jquery.mobile.degradeInputs", "../../jquery.mobile.zoom", "../../jquery.mobile.registry" ], function( jQuery ) { | ||
| //>>excludeEnd("jqmBuildExclude"); | ||
| (function( $, undefined ) { | ||
|
|
||
| $.widget( "mobile.textinput", $.mobile.textinput, { | ||
| options: { | ||
| clearBtn: false, | ||
| clearBtnText: "clear text" | ||
| }, | ||
|
|
||
| _create: function(){ | ||
| this._super(); | ||
|
|
||
| if( !!this.options.clearBtn || this.isSearch ){ | ||
| this._addClearBtn(); | ||
| } | ||
| }, | ||
|
|
||
| clearButton: function(){ | ||
|
|
||
| return $( "<a href='#' class='ui-input-clear ui-btn ui-icon-delete ui-btn-icon-notext ui-corner-all" + | ||
| "' title='" + this.options.clearBtnText + "'>" + this.options.clearBtnText + "</a>" ); | ||
|
|
||
| }, | ||
|
|
||
| _clearBtnClick: function( event ){ | ||
| this.element.val( "" ) | ||
| .focus() | ||
| .trigger( "change" ); | ||
|
|
||
| this._clearBtn.addClass( "ui-input-clear-hidden" ); | ||
| event.preventDefault(); | ||
| }, | ||
|
|
||
| _addClearBtn: function(){ | ||
|
|
||
| if( !this.options.enhanced ) { | ||
| this._enhanceClear(); | ||
| } | ||
|
|
||
| $.extend( this, { | ||
| _clearBtn: this.widget().find("a.ui-input-clear") | ||
| }); | ||
|
|
||
| this._bindClearEvents(); | ||
|
|
||
| this._toggleClear(); | ||
|
|
||
| }, | ||
|
|
||
| _enhanceClear: function() { | ||
|
|
||
| this.clearButton().appendTo( this.widget() ); | ||
| this.widget().addClass( "ui-input-has-clear" ); | ||
|
|
||
| }, | ||
|
|
||
| _bindClearEvents: function() { | ||
|
|
||
| this._on( this._clearBtn, { | ||
| "click": "_clearBtnClick" | ||
| }); | ||
|
|
||
| this._on({ | ||
| "keyup": "_toggleClear", | ||
| "change": "_toggleClear", | ||
| "input": "_toggleClear", | ||
| "focus": "_toggleClear", | ||
| "blur": "_toggleClear", | ||
| "cut": "_toggleClear", | ||
| "paste": "_toggleClear" | ||
|
|
||
| }); | ||
|
|
||
| }, | ||
|
|
||
| _unbindClear: function() { | ||
| this._off( this._clearBtn, "click"); | ||
| this._off( this.element, "keyup change input focus blur cut paste" ); | ||
| }, | ||
|
|
||
| _setOptions:function( options ) { | ||
| this._super( options ); | ||
|
|
||
| if( options.clearbtn !== undefined && !this.element.is( "textarea, :jqmData(type='range')" ) ) { | ||
| if( options.clearBtn ){ | ||
| this._addClearBtn(); | ||
| } else { | ||
| this._destroyClear(); | ||
| } | ||
| } | ||
|
|
||
| if( options.clearBtnText !== undefined && this._clearBtn !== undefined ) { | ||
| this._clearBtn.text( options.clearBtnText ); | ||
| } | ||
| }, | ||
|
|
||
| _toggleClear: function() { | ||
| this._delay( "_toggleClearClass", 0 ); | ||
| }, | ||
|
|
||
| _toggleClearClass: function(){ | ||
| this._clearBtn.toggleClass( "ui-input-clear-hidden", !this.element.val() ); | ||
| }, | ||
|
|
||
| _destroyClear: function() { | ||
| this.element.removeClass( "ui-input-has-clear" ); | ||
| this._unbindClear()._clearBtn.remove(); | ||
| }, | ||
|
|
||
| _destroy: function() { | ||
| this._super(); | ||
| this._destroyClear(); | ||
| } | ||
|
|
||
| }); | ||
|
|
||
|
|
||
| })( jQuery ); | ||
| //>>excludeStart("jqmBuildExclude", pragmas.jqmBuildExclude); | ||
| }); | ||
| //>>excludeEnd("jqmBuildExclude"); |
| @@ -13,7 +13,7 @@ $.widget( "mobile.selectmenu", $.extend( { | ||
| options: { | ||
| theme: null, | ||
| disabled: false, | ||
| icon: "carat-d", | ||
| iconpos: "right", | ||
| inline: false, | ||
| corners: true, | ||
