You are here: DBG/400>Sandbox Web>JQueryPluginExamples (19 Sep 2009, AdminUser)EditAttach
JQueryPluginExamples
%JQREQUIRE{"debug"}% Demo of the FoswikiWidgets implemented by the JQueryPluginButtons
OK Cancel Info Add Delete GlobeShake
Shake it, baby
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare fringilla est, eget condimentum quam auctor quis. Curabitur vitae nibh eu nisl scelerisque facilisis. Vestibulum posuere pretium magna, eu pulvinar libero cursus in. Phasellus tortor dui, viverra vitae molestie a, aliquam quis risus. Mauris fringilla mattis ligula, et laoreet dui rhoncus vel. Aliquam bibendum, nisi nec pellentesque convallis, augue elit rutrum sapien, nec molestie augue mauris et tellus.
Toggles
%TOGGLE{ target="#lorem_area" text="Toggle" effect="toggle" }% %TOGGLE{ target="#lorem_area" text="Fade" effect="fade" }% %TOGGLE{ target="#lorem_area" text="Slide" effect="slide" }% %TOGGLE{ target="#lorem_area" text="$percntX$percnt Bounce" effect="bounce"}% %TOGGLE{ target="#lorem_area" text="$percntX$percnt Ease" effect="ease" }% %TOGGLE{ target="#lorem_area" text="$percntX$percnt Elastic" effect="elastic" }%Tooltips
All elements with a title attribute in here get a tooltip. Options can be given using metadata inside the class attribute like this:
<span title="Hello World: This is my first tooltip!!!" class="{extraClass:'bubble'}">
Hover me
</span>
Treeview
- list
- item
- item
- item
- list
- item
- item
- item
- list
- item
- item
- item
- list
- item
- item
- item
- list
- item
- item
- item
- list
- item
- item
- item
Tabpane
Tab 1
Tab 1.1
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet
tellus id ante pretium aliquam. Etiam interdum, turpis in varius facilisis,
nibh neque tincidunt sapien, et viverra libero justo et leo. Pellentesque et mi
Tab 1.2
tristique ligula suscipit suscipit. Donec et tortor. Integer eros eros, commodo
in, aliquam sit amet, facilisis et, magna. Sed nisl. Pellentesque mattis, quam
ut nonummy rutrum, sem felis ultrices nunc, sed mollis dolor diam et purus.
Tab 1.3
Aenean urna. Morbi eros. Quisque mauris magna, rhoncus vitae, ullamcorper ac,
volutpat quis, nibh.
end of tab 1
Tab 2
Donec ultrices mollis velit. Integer sed eros. Nulla venenatis laoreet leo.
Etiam consectetuer, odio sagittis pharetra ornare, est nulla nonummy nisl, quis
ultricies nisl elit quis justo. In dictum interdum est. Duis accumsan, nibh
mollis commodo rhoncus, ante orci dapibus purus, at pharetra est massa et
velit. Fusce ornare nibh ut magna. Nunc sollicitudin, purus et eleifend
consectetuer, lectus justo faucibus arcu, et cursus velit felis eu lorem. Nulla
aliquet, turpis accumsan feugiat congue, mi arcu ultrices ligula, id ultrices
sem elit sed lectus. Curabitur dignissim, dolor non sodales luctus, mi magna
tincidunt tellus, at bibendum mauris magna dapibus metus. Donec et libero at
erat bibendum blandit. Proin enim nunc, rutrum et, congue mattis, ultrices at,
nisl.
end of tab 2
Tab 3
Sed a nisi. Maecenas posuere vehicula orci. Proin purus. Nulla condimentum
laoreet pede. Morbi sodales, nunc a vestibulum dignissim, lectus felis varius
nisl, vitae lacinia sapien dui nec massa. Fusce tempus. Vivamus ac mi. Integer
leo. Proin blandit est et sem. Quisque mi. Class aptent taciti sociosqu ad
litora torquent per conubia nostra, per inceptos hymenaeos. Nunc imperdiet
viverra purus. Aenean ut turpis ut nibh varius adipiscing.
end of tab 3
Tab 4
Sed non ante non nibh pharetra facilisis. Curabitur ut odio. Suspendisse
potenti. Fusce aliquam. Class aptent taciti sociosqu ad litora torquent per
conubia nostra, per inceptos hymenaeos. Etiam lacinia, sapien ut volutpat
lobortis, nisi ante auctor quam, vitae placerat dolor arcu dictum massa. Donec
dolor. Cras eget dolor. Curabitur id nunc non purus tristique iaculis. Vivamus
sit amet sapien. Intege
end of tab 4
Load tabs asynchronously
Foo
Later
tristique ligula suscipit suscipit. Donec et tortor. Integer eros eros, commodo
in, aliquam sit amet, facilisis et, magna. Sed nisl. Pellentesque mattis, quam
ut nonummy rutrum, sem felis ultrices nunc, sed mollis dolor diam et purus.
Ajax Foo
Rating
Autocompletion
Enter tags:Client-side form validation
Animated slideshows
Using jquery.cycle
St Andrews State Park
Located in the Florida panhandle
Endless fun.
Using jquery.innerfade
Code highlightning
<html>
<head>
<title>Hello World</title>
</head>
<body>
<font size="24px">Hello World</font>
</body>
</html>
Gradients
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare fringilla est, eget condimentum quam auctor quis. Curabitur vitae nibh eu nisl scelerisque facilisis. Vestibulum posuere pretium magna, eu pulvinar libero cursus in. Phasellus tortor dui, viverra vitae molestie a, aliquam quis risus. Mauris fringilla mattis ligula, et laoreet dui rhoncus vel. Aliquam bibendum, nisi nec pellentesque convallis, augue elit rutrum sapien, nec molestie augue mauris et tellus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare fringilla est, eget condimentum quam auctor quis. Curabitur vitae nibh eu nisl scelerisque facilisis. Vestibulum posuere pretium magna, eu pulvinar libero cursus in. Phasellus tortor dui, viverra vitae molestie a, aliquam quis risus. Mauris fringilla mattis ligula, et laoreet dui rhoncus vel. Aliquam bibendum, nisi nec pellentesque convallis, augue elit rutrum sapien, nec molestie augue mauris et tellus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare fringilla est, eget condimentum quam auctor quis. Curabitur vitae nibh eu nisl scelerisque facilisis. Vestibulum posuere pretium magna, eu pulvinar libero cursus in. Phasellus tortor dui, viverra vitae molestie a, aliquam quis risus. Mauris fringilla mattis ligula, et laoreet dui rhoncus vel. Aliquam bibendum, nisi nec pellentesque convallis, augue elit rutrum sapien, nec molestie augue mauris et tellus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse ornare fringilla est, eget condimentum quam auctor quis. Curabitur vitae nibh eu nisl scelerisque facilisis. Vestibulum posuere pretium magna, eu pulvinar libero cursus in. Phasellus tortor dui, viverra vitae molestie a, aliquam quis risus. Mauris fringilla mattis ligula, et laoreet dui rhoncus vel. Aliquam bibendum, nisi nec pellentesque convallis, augue elit rutrum sapien, nec molestie augue mauris et tellus.
| I | Attachment |
Action | Size | Date | Who | Comment |
|---|---|---|---|---|---|---|
 jpg |
beach1.jpg | manage | 19.9 K | 19 Sep 2009 - 06:04 | AdminUser | Saved by install script |
 bak |
beach1.jpg.bak | manage | 19.9 K | 26 Jan 2009 - 23:27 | UnknownUser | |
| jpg |
beach2.jpg | manage | 21.0 K | 19 Sep 2009 - 06:04 | AdminUser | Saved by install script |
| bak |
beach2.jpg.bak | manage | 21.0 K | 26 Jan 2009 - 23:27 | UnknownUser | |
| jpg |
beach3.jpg | manage | 22.1 K | 19 Sep 2009 - 06:04 | AdminUser | Saved by install script |
| bak |
beach3.jpg.bak | manage | 22.1 K | 26 Jan 2009 - 23:27 | UnknownUser | |
 gif |
ggbg.gif | manage | 4.4 K | 19 Sep 2009 - 06:04 | AdminUser | Saved by install script |
| jpg |
km.jpg | manage | 13.3 K | 19 Sep 2009 - 06:04 | AdminUser | Saved by install script |
| jpg |
rt_arch.jpg | manage | 39.4 K | 19 Sep 2009 - 06:04 | AdminUser | Saved by install script |
| jpg |
tuev.jpg | manage | 36.6 K | 19 Sep 2009 - 06:04 | AdminUser | Saved by install script |
| gif |
whizzkids.gif | manage | 8.7 K | 19 Sep 2009 - 06:04 | AdminUser | Saved by install script |
Edit | Attach | Print version | History: r3 < r2 < r1 | Backlinks | View wiki text | Edit wiki text | More topic actions
Topic revision: r3 - 19 Sep 2009 - 06:04:26 - AdminUser
DBG400
Copyright © by the contributing authors. All material on this collaboration platform is the property of the contributing authors. Ideas, requests, problems regarding DBG/400? Send feedback