Author Topic: How to install a jQuery Plugin  (Read 15051 times)

Offline sandra

  • Posts: 41
  • Gender: Female
    • SAND webdesign
How to install a jQuery Plugin
« on: September 01, 2010, 01:52:38 PM »
For the first time I tried to install a jQuery plugin (TinyTips) but it doesn't work. What am I doing wrong?

I did the following:
In WB-2.8.1. I installed the jQueryAdmin module v. 2.2.
In the jQueryAdmin backend I checked Plugins - tinytips and saved in the jQueryAdmin presets folder as tinytips.
Then I put the following code in a code-section of a page (as described in the helpfile of TinyTips):
[[jquery?preset=tinytips]]


But nothing happens; no code is loaded into the page.
Am I missing something?

mr-fan

  • Guest
Re: How to install a jQuery Plugin
« Reply #1 on: September 01, 2010, 02:22:47 PM »
hi

wrong dropletcode...

try this one:

[[jQueryInclude?preset=tinytips]]

regards martin

Offline sandra

  • Posts: 41
  • Gender: Female
    • SAND webdesign
Re: How to install a jQuery Plugin
« Reply #2 on: September 01, 2010, 02:33:32 PM »
Hi, thanks for the answer.
But it still doesn't work.

Offline BlackBird

  • Posts: 2573
Re: How to install a jQuery Plugin
« Reply #3 on: September 01, 2010, 03:21:02 PM »
Don't put droplet calls into code sections. Try to put it into a WYSIWYG-Section. I will fix the docs for TinyTips.

Offline sandra

  • Posts: 41
  • Gender: Female
    • SAND webdesign
Re: How to install a jQuery Plugin
« Reply #4 on: September 01, 2010, 03:31:27 PM »
Yes, I've put  [[jQueryInclude?preset=tinytips]]  in a WYSIWYG-section and now it works!

thanks!

Offline BlackBird

  • Posts: 2573
Re: How to install a jQuery Plugin
« Reply #5 on: September 01, 2010, 03:43:36 PM »
That's great to hear. :lol: Have fun using TinyTips.

Offline BlackBird

  • Posts: 2573
Re: How to install a jQuery Plugin
« Reply #6 on: September 01, 2010, 03:47:15 PM »
Fixed the docs.

http://jquery.websitebakers.com/media/plugin_help/tinytips_en.html

Let me know if there's still something wrong.

Offline sandra

  • Posts: 41
  • Gender: Female
    • SAND webdesign
Re: How to install a jQuery Plugin
« Reply #7 on: September 01, 2010, 04:57:25 PM »
No, it's perfect now.

Wow, like this it is really easy to install jQuery plugins!

Offline BlackBird

  • Posts: 2573
Re: How to install a jQuery Plugin
« Reply #8 on: September 01, 2010, 05:40:52 PM »
Hopefully it is. :-D

Offline dbs

  • Betatester
  • **
  • Posts: 7977
  • Gender: Male
  • tioz4ever
    • WebsiteBaker - jQuery-Plugins - Module - Droplets - Tests
Re: How to install a jQuery Plugin
« Reply #9 on: September 01, 2010, 06:01:11 PM »
it's also easy to create your own plugin. :-)

Offline BlackBird

  • Posts: 2573
Re: How to install a jQuery Plugin
« Reply #10 on: September 01, 2010, 06:40:15 PM »
Also daß DU das sagst freut mich jetzt aber. :wink: Nein ehrlich, kein Sarkasmus! :lol:

Offline sandra

  • Posts: 41
  • Gender: Female
    • SAND webdesign
Re: How to install a jQuery Plugin
« Reply #11 on: September 03, 2010, 10:46:09 AM »
Is there any documentation on how to create your own plugin?

Offline BlackBird

  • Posts: 2573
Re: How to install a jQuery Plugin
« Reply #12 on: September 03, 2010, 10:53:32 AM »
Just look at my signature.

Offline sandra

  • Posts: 41
  • Gender: Female
    • SAND webdesign
Re: How to install a jQuery Plugin
« Reply #13 on: September 07, 2010, 01:07:08 PM »
I installed the scrolltotop plugin and it worked well.
I made a fontsizer plugin ( http://www.fluidbyte.net/jquery-font-sizer ) and it also worked well.
But when I both use them in one website, the scrolltotop droplet doesn't work well anymore.
The scrolltotop-link appears on large webpages but when clicking the link nothing happens.

Any clue what could be the problem?

mr-fan

  • Guest
Re: How to install a jQuery Plugin
« Reply #14 on: September 07, 2010, 01:13:50 PM »
Quote
Any clue what could be the problem?

Did you've a Link? i must see the generated Output of the page to see what's wrong...

regards martin

Offline sandra

  • Posts: 41
  • Gender: Female
    • SAND webdesign
Re: How to install a jQuery Plugin
« Reply #15 on: September 07, 2010, 02:00:20 PM »
http://85.92.147.51/~noordhof/

The page 'Het team' is a longer page.

Offline dbs

  • Betatester
  • **
  • Posts: 7977
  • Gender: Male
  • tioz4ever
    • WebsiteBaker - jQuery-Plugins - Module - Droplets - Tests
Re: How to install a jQuery Plugin
« Reply #16 on: September 07, 2010, 04:13:06 PM »
frames?
can't check your site with firebug...

you can try to disable prototype.js and scriptaculous.js.
for lightbox you can also use a jqueryadmin-plugin.

Offline dbs

  • Betatester
  • **
  • Posts: 7977
  • Gender: Male
  • tioz4ever
    • WebsiteBaker - jQuery-Plugins - Module - Droplets - Tests
Re: How to install a jQuery Plugin
« Reply #17 on: September 07, 2010, 04:41:45 PM »
i think the (black-)birdie can twitter(answer) in 7 days again.

error-massage:
o.easing[this.options.easing || (o.easing.swing ? "swing" : "linear")] is not a function

is in your default.jquery of fontsizer-plugin a call for easing?
not? that's maybe the problem. than add easing.

Offline sandra

  • Posts: 41
  • Gender: Female
    • SAND webdesign
Re: How to install a jQuery Plugin
« Reply #18 on: September 08, 2010, 11:16:49 AM »
I don't know why but I've found something that works.
When I remove '<script type="text/javascript" src="http://85.92.147.51/~noordhof/modules/jqueryadmin/plugins/fontsizer-2/jquery.js"></script>'
both the fontsizer and the scrolltotop are working fine.
So in stead of the droplet [[jQueryInclude?plugin=fontsizer-2]], I put the following code in the template:
"<script type="text/javascript" src="http://85.92.147.51/~noordhof/modules/jqueryadmin/plugins/fontsizer-2/jquery.jfontsizer.js"></script>
   <script type="text/javascript">
$(document).ready(function(){
$('#fontsizer').jfontsizer({
applyTo: '#content',
changesmall: '2',
changelarge: '2',
expire: 30
});
});
</script>
   <link type="text/css" rel="stylesheet" href="http://85.92.147.51/~noordhof/modules/jqueryadmin/plugins/fontsizer-2/default.css" />"

So that is the same code as generated bij the droplet but without the inclusion of the fontsizer-2/jquery.js.

I don't understand why it works but it works.
« Last Edit: September 08, 2010, 11:18:30 AM by sandra »

mr-fan

  • Guest
Re: How to install a jQuery Plugin
« Reply #19 on: September 08, 2010, 01:27:08 PM »
ok very easy problem....but you found it self...
you load the jquery core twice....in your self made preset!

in your presets you create only the needed files for the jquery plugin is needed!

->Now jquery core and so on!

->if jquery plugin need for example easing plugin (icluded preset) only tick it in the backend and not include it several times in other plugins like slides or something...this just as an example

best regards
martin

Offline dbs

  • Betatester
  • **
  • Posts: 7977
  • Gender: Male
  • tioz4ever
    • WebsiteBaker - jQuery-Plugins - Module - Droplets - Tests
Re: How to install a jQuery Plugin
« Reply #20 on: September 08, 2010, 02:21:01 PM »
today i can see all your scripts with firebug.
but is to late. you self found the problem.
mr-fan is right.
jqueryadmin contains all needed jquery-things.
others like fontsizer.js and default.css is needed for your plugin.




Offline BlackBird

  • Posts: 2573
Re: How to install a jQuery Plugin
« Reply #21 on: September 09, 2010, 07:35:23 PM »
I'm sorry that I wasn't able to help directly, as my forum account was locked for some days, and I still have major problems browsing the forum. Fortunately, mr-fan and dbs were able to point you into the right direction. :) I have added a hint to my jQueryAdmin help pages that the jQuery Core should never be loaded with a plugin.

Are you going to provide the Plugin you packed to the community?

 

postern-length