Author Topic: JQuery Integration  (Read 8744 times)

Offline bupaje

  • Posts: 570
    • http://www.stormvisions.com
JQuery Integration
« 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. :)


« Last Edit: July 16, 2008, 04:12:15 AM by bupaje »
My Blog, My Site

Offline kweitzel

  • WebsiteBaker Org e.V.
  • **
  • Posts: 6983
  • Gender: Male
Re: JQuery Integration
« Reply #1 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

Offline Stefek

  • Posts: 6177
  • Gender: Male
  • ("ړ)
Re: JQuery Integration
« Reply #2 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
"Gemeinsam schafft man mehr."

gemeinsam
1. mehreren Personen oder Dingen in gleicher Weise gehörend, eigen
2. in Gemeinschaft [unternommen, zu bewältigen]; zusammen, miteinander
#Duden

Offline escpro

  • Posts: 657
  • Gender: Male
  • schau ma moi
    • escpro
Re: JQuery Integration
« Reply #3 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 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  :-)
« Last Edit: August 30, 2010, 10:43:09 AM by escpro »

 

postern-length