JQuery Integration

[bupaje]

I've found this cool javascript library http://jquery.com/ and while I can't program much I have used some of the prebuilt bits others have created. You can see three small examples here

http://cssglobe.com/post/1695/easiest-tooltip-and-image-preview-using-jquery

It made me wonder if it could be integrated into WB as a way to easily add some extra interactivity. Popups, open/close/scroll divs and so on.

Here are a couple more examples ...

http://boedesign.com/demos/imagetick/
http://boedesign.com/demos/wiggleslide/
http://boedesign.com/demos/jtabber/
http://openstudio.fr/jquery-virtual-tour/


Here is a cheat sheet from version 1.2 so you can get an idea of some of the built in functions.

http://colorcharge.com/wp-content/uploads/2007/12/jquery12_colorcharge.png

Just a random idea for someone smarter to consider.

[kweitzel]

Hi, in my opinion this should be integrated into a template, since this is where you have the output anyway. And, you can set up blocks for the different content types, that you want to use ...

cheers

Klaus

[Stefek]

Thats right.
And if your site is "multi-template" (if u're using more than one template), you better make a js-directory inside the root-directory.
Then you can call your jQuery-Library form your templates with a line like this:
<script type="text/javascript" src="<?php echo WB_URL; ?>/js-directory/YourLibraryl.JS"></script>


Regards,
Stefek

[escpro]

Hi
sry  english is not my fan..

Jquery Tooltip: http://www.escpro.de/esc/FCber-esc/vor-ort.php - tooltip (Linktip) over the City Geo
Jquery Slider: http://www.escpro.de/ - topanel
JQuery Image Scroller: http://www.escpro.de/esc/websitebaker/templates.php

Edit: ohh to forgotten
JQuery Accordion Apple Menu in left side


and before your looking my code... its no perfect but  one Template
When if find any time i post a tutorial

Jquery and FaceBox Login you find in Free WebsiteBaker template here - it called esc_copestore - with transparent Login and Searchfield
Its simple and help you for learning integration

Another Demo we created with mootools and prototype.js effects - the template greenvelvet and you can find under the WebsiteBaker addons
http://addons.websitebaker.org/pages/templates.php?id=33&Keywords=escpro
Or other free Template escpro Brooks with mootools
http://www.escpro.de/esc/websitebaker/free-templates.php?dgp=5

I hope its now a little bit easy for you  

Gruss Michael