Author Topic: Scroll to Top jQuery Droplet  (Read 11189 times)

mr-fan

  • Guest
Scroll to Top jQuery Droplet
« on: January 21, 2010, 11:33:10 PM »
hi again,

the problem is if you've got a own script or a jQuery Plugin you could set it in your Template....but what happens if you wanna switch the template or use this technic easy on a other WB installation....

this way you could use it on every installation and with ervery template you use....

1. Step the script pack from here

2. put it in your media folder under /plugins/scrolltotop/ (create this new folders for your jquery plugins)

if you have autors or some users you don't should see this scripts or have the chance to delet it - use the homefolder options...for such people

you could put this via FTP into your /include/ folder, too but look on the pathes in the droplet that they are correct...

3. the droplet

Dropletname: [[scrolltotop]]

Code:
Code:
Only registered users can see contents. Please click here to Register or Login.
Usage of this Droplet:

just copy it in your page_footer under backend/options/page-footer!!


it setup all the things that are needed

-the anchor after the body-tag
-the link for the backtotop function
-the needed scripts/css

you could use a picture instead of the text, too - just add an img tag to the link in the droplet....with the right path to the image  :wink:

there is a German Tutorial for this Topic that exact explains the code itself how to use a Droplet to get a jquery plugin running right....

have fun

martin
« Last Edit: March 05, 2010, 10:52:23 AM by mr-fan »

Offline oeh

  • Posts: 190
  • Gender: Male
  • German Pischer's, what's life without them?
Re: Scroll to Top jQuery Droplet
« Reply #1 on: March 04, 2010, 05:23:04 AM »
This script does not seem to like multi lingual sites?
Good bye ;-{(
oeh ;-}>

Online Luisehahne

  • WebsiteBaker Org e.V.
  • **
  • Posts: 4078
  • Gender: Male
    • Webdesign und Entwicklung WebsiteBaker
Re: Scroll to Top jQuery Droplet
« Reply #2 on: March 04, 2010, 08:18:34 AM »
Be carefull with setting <style > between body tags. It's not allowed and will be deleted by the new recoded droplet engine. Set it to extern css and included it with jquery insert.js. This plugin set the css within the head

Dietmar
« Last Edit: March 04, 2010, 10:08:22 AM by Luisehahne »
Immer nur von der Zukunft reden, die Gegenwart vergessen und auf die Vergangenheit schimpfen
Neues Unwort: Schnappatmung

mr-fan

  • Guest
Re: Scroll to Top jQuery Droplet
« Reply #3 on: March 04, 2010, 12:01:13 PM »
Be carefull with setting <style > between body tags. It's not allowed and will be deleted by the new recoded droplet engine. Set it to extern css and included it with jquery insert.js. This plugin set the css within the head

Dietmar

hi dietmar..... :?

if you read the droplet code...you see that no CSS <style> is loaded between body tags.....equal witch setting is taken for the JS or jquery scripts....

Code:
Only registered users can see contents. Please click here to Register or Login.
@oeh:  mulitlang sites.....hmm there are several ways for such sites to build.....maybe it depends on the footer usage

-> try to use the droplet direktly in your template
->check the paths of the scripts (firebug)

if it doesn't works again - please set E reporting on...to see whats wrong

regards martin

(@oeh: offtopic...for the portable in NO im too buisy the next weeks...and i think about porting the page to the official wb page...so there is no much effort at this time - just for short info)

Online Luisehahne

  • WebsiteBaker Org e.V.
  • **
  • Posts: 4078
  • Gender: Male
    • Webdesign und Entwicklung WebsiteBaker
Re: Scroll to Top jQuery Droplet
« Reply #4 on: March 04, 2010, 02:21:39 PM »
Hi,

Code:
Only registered users can see contents. Please click here to Register or Login.
And what is this?

Dietmar
Immer nur von der Zukunft reden, die Gegenwart vergessen und auf die Vergangenheit schimpfen
Neues Unwort: Schnappatmung

mr-fan

  • Guest
Re: Scroll to Top jQuery Droplet
« Reply #5 on: March 04, 2010, 06:58:10 PM »
..... :? don't know what you mean...i think you didn't tryd it and don't see how it works....and i always thinked that devs see the code and know exactly what it does while running... :wink:

ok slowly:

1. i define my vars like $scroll_css and $scroll_js for CSS and JS files needed

2. i load them EXACT where i need it.....like  (please have a deeper look....i've added german comments ...i thought i've commented it very well but...)

Code:
Only registered users can see contents. Please click here to Register or Login.
hope it's clear now - all that is in german exact described....i know you have your way with a additionsl entry in the template with a additional template file and so on but simple plugins work with this droplet techique fine...but i know also that this nobody interested.... :wink:

regards martin

Offline Stefek

  • Posts: 6177
  • Gender: Male
  • ("ړ)
Re: Scroll to Top jQuery Droplet
« Reply #6 on: March 04, 2010, 07:05:20 PM »
Hi,

Code:
Only registered users can see contents. Please click here to Register or Login.
And what is this?

Dietmar

 :-D

SCNR.

"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

Online Luisehahne

  • WebsiteBaker Org e.V.
  • **
  • Posts: 4078
  • Gender: Male
    • Webdesign und Entwicklung WebsiteBaker
Re: Scroll to Top jQuery Droplet
« Reply #7 on: March 04, 2010, 08:06:14 PM »
Hallo Martin,

habe verstanden. Kannst du dann bitte das Droplet mit der neuen Enginge testen und dann berichten.

Dietmar

[gelöscht durch Administrator]
Immer nur von der Zukunft reden, die Gegenwart vergessen und auf die Vergangenheit schimpfen
Neues Unwort: Schnappatmung

Offline oeh

  • Posts: 190
  • Gender: Male
  • German Pischer's, what's life without them?
Re: Scroll to Top jQuery Droplet
« Reply #8 on: March 04, 2010, 10:09:30 PM »

@oeh:  mulitlang sites.....hmm there are several ways for such sites to build.....maybe it depends on the footer usage

-> try to use the droplet direktly in your template
->check the paths of the scripts (firebug)

if it doesn't works again - please set E reporting on...to see whats wrong

regards martin

I'll try to put it in the index file.
I've used the WB docu way, when creating the multi lang site.
Also I'll try out firebug.

Edit:
Well. Tried potting [[scrolltotop]] in the index file in the footer @ the  </p></div> tag.
Al so I tried out the firebug. But, still just as wise. Does not work. ?

[quote autho=mr-fan link=topic=16834.msg115009#msg115009 date=1267700473]
(@oeh: offtopic...for the portable in NO im too buisy the next weeks...and i think about porting the page to the official wb page...so there is no much effort at this time - just for short info)
[/quote]

Thanks, when ewer you are ready. Doing the WB help pages+++ translations.
As well as my own pages.

« Last Edit: March 04, 2010, 11:27:53 PM by oeh »
Good bye ;-{(
oeh ;-}>

mr-fan

  • Guest
Re: Scroll to Top jQuery Droplet
« Reply #9 on: March 05, 2010, 11:11:52 AM »
i've fixed some issues with the anchors...simple wrong names.... :roll: :roll:

try changed code above!
http://www.websitebaker2.org/forum/index.php/topic,16834.msg110466.html#msg110466



@dietmar: works with actual droplet engie, too.... :wink:

regards martin

Online Luisehahne

  • WebsiteBaker Org e.V.
  • **
  • Posts: 4078
  • Gender: Male
    • Webdesign und Entwicklung WebsiteBaker
Re: Scroll to Top jQuery Droplet
« Reply #10 on: March 05, 2010, 12:43:47 PM »
tks for testing the new droplet engine

Dietmar
Immer nur von der Zukunft reden, die Gegenwart vergessen und auf die Vergangenheit schimpfen
Neues Unwort: Schnappatmung

mr-fan

  • Guest
Re: Scroll to Top jQuery Droplet
« Reply #11 on: March 05, 2010, 02:04:17 PM »

@oeh: have you loaded jQuery!!?? this is required for a jQuery plugin....?

regards martin



@oeh:  mulitlang sites.....hmm there are several ways for such sites to build.....maybe it depends on the footer usage

-> try to use the droplet direktly in your template
->check the paths of the scripts (firebug)

if it doesn't works again - please set E reporting on...to see whats wrong

regards martin

I'll try to put it in the index file.
I've used the WB docu way, when creating the multi lang site.
Also I'll try out firebug.

Offline oeh

  • Posts: 190
  • Gender: Male
  • German Pischer's, what's life without them?
Re: Scroll to Top jQuery Droplet
« Reply #12 on: March 05, 2010, 05:24:59 PM »

@oeh: have you loaded jQuery!!?? this is required for a jQuery plugin....?

regards martin


It seems that the jQuery plugin is loaded, as the [[Lightbox]] droplet works like a charm.

Have set the error reporting to E_ALL&E_STRICT and no errors are generated.

Good bye ;-{(
oeh ;-}>

mr-fan

  • Guest
Re: Scroll to Top jQuery Droplet
« Reply #13 on: March 05, 2010, 08:27:19 PM »
oh somebody use such kind of droplets.... :-)

ok can you send me a link to your page?

what WB version you use with this droplets...and what kind of jQuery 1.3.2 or 1.4.1 (iv'e tested this two versions)

how you call jQuery files....with droplet or with the official way with register_modfiles.. .?

regards martin

Offline oeh

  • Posts: 190
  • Gender: Male
  • German Pischer's, what's life without them?
Re: Scroll to Top jQuery Droplet
« Reply #14 on: March 05, 2010, 09:15:31 PM »
Quote
oh somebody use such kind of droplets.... :-)
Testing testing :wink:

Quote
ok can you send me a link to your page?
@PM

Quote
what WB version you use with this droplets...and what kind of jQuery 1.3.2 or 1.4.1 (iv'e tested this two versions)
Hmm, 1.3.2 it seems

Quote
how you call jQuery files....with droplet or with the official way with register_modfiles.. .?
So far, Droplets.

Good bye ;-{(
oeh ;-}>

 

postern-length