WebsiteBaker Community Forum

WebsiteBaker Support (2.8.x) => jQuery => Topic started by: sandra on September 01, 2010, 01:52:38 PM

Title: How to install a jQuery Plugin
Post by: sandra 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?
Title: Re: How to install a jQuery Plugin
Post by: mr-fan on September 01, 2010, 02:22:47 PM
hi

wrong dropletcode...

try this one:

[[jQueryInclude?preset=tinytips]]

regards martin
Title: Re: How to install a jQuery Plugin
Post by: sandra on September 01, 2010, 02:33:32 PM
Hi, thanks for the answer.
But it still doesn't work.
Title: Re: How to install a jQuery Plugin
Post by: BlackBird 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.
Title: Re: How to install a jQuery Plugin
Post by: sandra on September 01, 2010, 03:31:27 PM
Yes, I've put  [[jQueryInclude?preset=tinytips]]  in a WYSIWYG-section and now it works!

thanks!
Title: Re: How to install a jQuery Plugin
Post by: BlackBird on September 01, 2010, 03:43:36 PM
That's great to hear. :lol: Have fun using TinyTips.
Title: Re: How to install a jQuery Plugin
Post by: BlackBird 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.
Title: Re: How to install a jQuery Plugin
Post by: sandra on September 01, 2010, 04:57:25 PM
No, it's perfect now.

Wow, like this it is really easy to install jQuery plugins!
Title: Re: How to install a jQuery Plugin
Post by: BlackBird on September 01, 2010, 05:40:52 PM
Hopefully it is. :-D
Title: Re: How to install a jQuery Plugin
Post by: dbs on September 01, 2010, 06:01:11 PM
it's also easy to create your own plugin. :-)
Title: Re: How to install a jQuery Plugin
Post by: BlackBird on September 01, 2010, 06:40:15 PM
Also daß DU das sagst freut mich jetzt aber. :wink: Nein ehrlich, kein Sarkasmus! :lol:
Title: Re: How to install a jQuery Plugin
Post by: sandra on September 03, 2010, 10:46:09 AM
Is there any documentation on how to create your own plugin?
Title: Re: How to install a jQuery Plugin
Post by: BlackBird on September 03, 2010, 10:53:32 AM
Just look at my signature.
Title: Re: How to install a jQuery Plugin
Post by: sandra 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?
Title: Re: How to install a jQuery Plugin
Post by: mr-fan 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
Title: Re: How to install a jQuery Plugin
Post by: sandra on September 07, 2010, 02:00:20 PM
http://85.92.147.51/~noordhof/

The page 'Het team' is a longer page.
Title: Re: How to install a jQuery Plugin
Post by: dbs 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.
Title: Re: How to install a jQuery Plugin
Post by: dbs 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.
Title: Re: How to install a jQuery Plugin
Post by: sandra 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.
Title: Re: How to install a jQuery Plugin
Post by: mr-fan 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
Title: Re: How to install a jQuery Plugin
Post by: dbs 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.



Title: Re: How to install a jQuery Plugin
Post by: BlackBird 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?