---+!! Examples for !JQueryPlugin %TOC% Include the jQuery javascript and theme we need: <verbatim> %JQTHEME{"smoothness"}% %JQSCRIPT{"jquery.spinner"}%</verbatim> %JQTHEME{"smoothness"}% %JQSCRIPT{"jquery.spinner"}% ---++ Dialog ---+++ Default, no options <div id="example1" style="display: none;">Hello, World!</div> <button onclick="$('#example1').dialog().show()">Create Dialog</button> <button onclick="$('#example1').dialog('close')">Close</button> ---+++ Title, Width & Height <div id="example2" style="display: none;" title="Nice title">I have a title and I'm big</div> <button onclick="$('#example2').dialog({width: 600, height: 300}).show();">Create Dialog</button> <button onclick="$('#example2').dialog('close')">Close</button> ---++ Spinner <button onclick="$('#spinner').spinner({image: '%PUBURLPATH%/%SYSTEMWEB%/JQueryPlugin/images/spinner.png'});$('#spinner').show();">Start spinner</button> <button onclick="$('#spinner').spinner('stop').hide();">Stop</button> <div id="spinner"> </div> <button onclick="$('#spinnerbig').spinner({height: 48,width: 48,speed: 50, frames:12, image: '%PUBURLPATH%/%SYSTEMWEB%/JQueryPlugin/images/spinner_big.png'}).show();">Start big spinner</button> <button onclick="$('#spinnerbig').spinner('stop').hide();">Stop</button> <div id="spinnerbig"> </div> <button onclick="$('#spinnerfast').spinner({height: 32,width: 32,speed: 25, image: '%PUBURLPATH%/%SYSTEMWEB%/JQueryPlugin/images/spinner.png'}).show();">Start fast spinner</button> <button onclick="$('#spinnerfast').spinner('stop').hide();">Stop</button> <div id="spinnerfast"> </div> <button onclick="$('#spinnerbigfast').spinner({height: 48,width: 48,speed: 25, frames:12, image: '%PUBURLPATH%/%SYSTEMWEB%/JQueryPlugin/images/spinner_big.png'}).show();">Start big fast spinner</button> <button onclick="$('#spinnerbigfast').spinner('stop').hide();">Stop</button> <div id="spinnerbigfast"> </div> __Related:__ [[TWiki.JQueryPlugin][%SYSTEMWEB%.JQueryPlugin]], [[JQueryPluginExamples]], <a href="http://www.creati-ve.com/2017/02/best-torrent-sites-download.html" target="_blank">Torrent Sites</a>
This topic: Sandbox
>
PluginTestJQueryPlugin
Topic revision: r3 - 2017-10-08 - EditaStewart
Copyright © 2008-2024 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki?
Send feedback