How to install a jQuery Plugin

[sandra]

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]

hi

wrong dropletcode...

try this one:

[[jQueryInclude?preset=tinytips]]

regards martin

[sandra]

Hi, thanks for the answer.
But it still doesn't work.

[BlackBird]

Don't put droplet calls into code sections. Try to put it into a WYSIWYG-Section. I will fix the docs for TinyTips.

[sandra]

Yes, I've put  [[jQueryInclude?preset=tinytips]]  in a WYSIWYG-section and now it works!

thanks!

[BlackBird]

That's great to hear. Have fun using TinyTips.

[BlackBird]

Fixed the docs.

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

Let me know if there's still something wrong.

[sandra]

No, it's perfect now.

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

[BlackBird]

Hopefully it is.

[dbs]

it's also easy to create your own plugin.

[BlackBird]

Also daß DU das sagst freut mich jetzt aber. Nein ehrlich, kein Sarkasmus!

[sandra]

Is there any documentation on how to create your own plugin?

[BlackBird]

Just look at my signature.

[sandra]

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]

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

[sandra]

http://85.92.147.51/~noordhof/

The page 'Het team' is a longer page.

[dbs]

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.

[dbs]

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.

[sandra]

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.

[mr-fan]

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

[dbs]

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.

[BlackBird]

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?