head	1.2;
access;
symbols;
locks; strict;
comment	@# @;


1.2
date	2011.03.02.06.16.40;	author TWikiContributor;	state Exp;
branches;
next	1.1;

1.1
date	2010.05.29.14.45.01;	author TWikiContributor;	state Exp;
branches;
next	;


desc
@buildrelease
@


1.2
log
@buildrelease
@
text
@%META:TOPICINFO{author="TWikiContributor" date="1299046600" format="1.1" version="2"}%
---+!! 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 class="ogray" style="display:none" id="example1">Hello, World!</div>

<button onclick="$('#example1').dialog().show()">Create Dialog</button>
<button onclick="$('#example1').dialog('close')">Close</button>

---+++ Title, Width & Height

<div class="ogray" style="display:none" id="example2" 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:__ [[%SYSTEMWEB%.JQueryPlugin]], [[JQueryPluginExamples]]
@


1.1
log
@buildrelease
@
text
@d1 1
a1 1
%META:TOPICINFO{author="TWikiContributor" date="1272260267" format="1.1" version="1"}%
d6 6
a11 5
<!--
Include the jQuery javascript we need
-->

%JQTHEME{"flora"}%
a12 5
%JQSCRIPT{"ui.core"}%
%JQSCRIPT{"ui.mouse"}%
%JQSCRIPT{"ui.draggable"}%
%JQSCRIPT{"ui.resizable"}%
%JQSCRIPT{"ui.dialog"}%  
a29 1

a46 1

d52 1
a52 1
__Related topics:__ [[%SYSTEMWEB%.JQueryPlugin]], [[JQueryPluginExamples]]
@
