[DEV] JQuery Top Down 0.0.9

[FranckTH]

MOD Title: JQuery Top Down

MOD Description: Add two buttons with fixed position on the bottom left of the page to back to top and down with JQuery effect...


Works with: phpbb3.0.11 (prosilver based styles)
Version: [DEV] 0.0.9
Tested under: Firefox 6, IE9 , Opera and Chrome
Language: English / French / Polish

Author: FranckTH

Credits: cabot to hack for IE6

License: GNU General Public License v2



Working:
- Add possibility in ACP to disable this option
- Add buttons in viewtopic under profil
- Change click by mouseover

Screenshot:


Demo :
http://graphogames.fr/phpBB3/index.php


MOD Download:
JQuery Top Down

Edit : zip updated with "scroll.css" sorry for inconvenient

[Jessica]

I have already added in "Bottom" and "Top" from a snippet, but I think I will remove them and use this!! mostly because it uses jQuery *nods*

[FranckTH]

thanks, if you have any bugs, tell me and i'll try to fix them

[FranckTH]

Key language added for mouse over, see "contrib" file to update your file

Zip file updated with contrib

[4_seven]

Nice mod

[VOLKERMORD]

Thx for this nice mod

[all4phone]

Hi FranckTH
Is it possible to change the speed of moving?

Thanks for this useful MOD, good job

Polish translation:

Code: Select all

<open src="language/en/common.php">
			<edit>
				<find><![CDATA['BACK_TO_TOP'			=> 'Top',]]></find>
				<action type="after-add"><![CDATA['BACK_TO_DOWN'			=> 'Down',]]></action>
			</edit>
		</open>

Code: Select all

<open src="language/pl/common.php">
			<edit>
				<find><![CDATA['BACK_TO_TOP'			=> 'Góra',]]></find>
				<action type="after-add"><![CDATA['BACK_TO_DOWN'			=> 'Dół',]]></action>
			</edit>
		</open>

[4_seven]

Is it possible to change the speed of moving?

Code: Select all

			$('html, body').animate({scrollTop: $elem.height()}, 800);

Code: Select all

			$('html, body').animate({scrollTop: '0px'}, 800);

change the value 800 in styles/prosilver/template/overall_header.html

[all4phone]

Thx mate

[FranckTH]

thanks all4phone for polish language and thanks 4_seven for help

[Drakken]

Is it possible to expand the arrows to the top and bottom of the page?

[FranckTH]

of course you can

Open file "styles/prosilver/theme/scroll.css"

Find :

Code: Select all

bottom:35px;

Replace with :

Code: Select all

top: 10px;

Edit : zip file updated with polish language (thanks to all4phone)

[FranckTH]

- Polish Language added in zip file
- "scroll.css" updated with round corner for IE9

Zip file updated in first post

[Drakken]

Moved mine to the right, changed the icon and it works great!

[all4phone]

It is only an option up or down.
Suggestion: maybe better to use onMouseOver to stop moving the page?
Have you considered an option like this?