How to install a jQuery 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?
[url=http://wbaddons.webbird.de]http://wbaddons.webbird.de[/url] [url=http://www.WebsiteBaker.org/forum/index.php/topic,27476.msg189845.html#msg189845]Don't miss this[/url]

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.



[url="https://onkel-franky.de"]https://onkel-franky.de[/url]

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

sandra

#19
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.
Sandra van Zanten
[url="http://www.sandwebdesign.nl"]http://www.sandwebdesign.nl[/url]

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.
[url="https://onkel-franky.de"]https://onkel-franky.de[/url]

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.
[url="https://onkel-franky.de"]https://onkel-franky.de[/url]

sandra

Sandra van Zanten
[url="http://www.sandwebdesign.nl"]http://www.sandwebdesign.nl[/url]

mr-fan

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

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?
Sandra van Zanten
[url="http://www.sandwebdesign.nl"]http://www.sandwebdesign.nl[/url]

BlackBird

[url=http://wbaddons.webbird.de]http://wbaddons.webbird.de[/url] [url=http://www.WebsiteBaker.org/forum/index.php/topic,27476.msg189845.html#msg189845]Don't miss this[/url]

sandra

Is there any documentation on how to create your own plugin?
Sandra van Zanten
[url="http://www.sandwebdesign.nl"]http://www.sandwebdesign.nl[/url]

BlackBird

Also daß DU das sagst freut mich jetzt aber. :wink: Nein ehrlich, kein Sarkasmus! :lol:
[url=http://wbaddons.webbird.de]http://wbaddons.webbird.de[/url] [url=http://www.WebsiteBaker.org/forum/index.php/topic,27476.msg189845.html#msg189845]Don't miss this[/url]

dbs

it's also easy to create your own plugin. :-)
[url="https://onkel-franky.de"]https://onkel-franky.de[/url]

BlackBird

[url=http://wbaddons.webbird.de]http://wbaddons.webbird.de[/url] [url=http://www.WebsiteBaker.org/forum/index.php/topic,27476.msg189845.html#msg189845]Don't miss this[/url]

sandra

No, it's perfect now.

Wow, like this it is really easy to install jQuery plugins!
Sandra van Zanten
[url="http://www.sandwebdesign.nl"]http://www.sandwebdesign.nl[/url]

BlackBird

[url=http://wbaddons.webbird.de]http://wbaddons.webbird.de[/url] [url=http://www.WebsiteBaker.org/forum/index.php/topic,27476.msg189845.html#msg189845]Don't miss this[/url]

BlackBird

That's great to hear. :lol: Have fun using TinyTips.
[url=http://wbaddons.webbird.de]http://wbaddons.webbird.de[/url] [url=http://www.WebsiteBaker.org/forum/index.php/topic,27476.msg189845.html#msg189845]Don't miss this[/url]

sandra

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

thanks!
Sandra van Zanten
[url="http://www.sandwebdesign.nl"]http://www.sandwebdesign.nl[/url]

BlackBird

Don't put droplet calls into code sections. Try to put it into a WYSIWYG-Section. I will fix the docs for TinyTips.
[url=http://wbaddons.webbird.de]http://wbaddons.webbird.de[/url] [url=http://www.WebsiteBaker.org/forum/index.php/topic,27476.msg189845.html#msg189845]Don't miss this[/url]

sandra

Hi, thanks for the answer.
But it still doesn't work.
Sandra van Zanten
[url="http://www.sandwebdesign.nl"]http://www.sandwebdesign.nl[/url]

mr-fan

hi

wrong dropletcode...

try this one:

[[jQueryInclude?preset=tinytips]]

regards martin

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?
Sandra van Zanten
[url="http://www.sandwebdesign.nl"]http://www.sandwebdesign.nl[/url]