WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => jQuery => Topic started by: bupaje on July 16, 2008, 03:53:27 AM

Title: JQuery Integration
Post by: bupaje on July 16, 2008, 03:53:27 AM

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. :)

Title: Re: JQuery Integration
Post by: kweitzel on July 18, 2008, 11:36:07 PM

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

Title: Re: JQuery Integration
Post by: Stefek on July 25, 2008, 06:03:08 PM

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

Title: Re: JQuery Integration
Post by: escpro on December 04, 2008, 06:39:54 PM

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 (http://www.escpro.de/) 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  (http://www.escpro.de/esc/WebsiteBaker/free-templates.php) - 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  :-)