You will recieve your password to this address. Address is not made public.

Your preferred username that is used when logging in.

New version of scrollable: 1.0.0 Created Jan 21, 2009

This thread is solved

Views: 3343     Replies: 15     Last reply Nov 7, 2009  
You must login first before you can use this feature

Tero
Author of jQuery Tools and this website + JavaScript developer of Flowplayer.

Posts: 1867

Registered:
Nov 16, 2007

New version of scrollable: 1.0.0

Posted: Jan 21, 2009

Hello.

In case you haven't already noticed a new blog entry I'll write a little post here. I just finished a new version of scrollable and you can find it here

http://flowplayer.org/tools/scrollable.html

there are many new additions/changes/bug fixes that people have told me about here on the forums. a complete rewrite.

if you encounter any bugs. please respond to this post!

Thank you and Enjoy!

kfir

Posts: 5

Registered:
Jan 21, 2009

scrollable v1.0 vertical mousewheel bug

Posted: Jan 21, 2009

Reply to: New version of scrollable: 1.0.0, from tipiirai
The scrollable v1.0 isn't working properly with the mousewheel when it is set to vertical. If I use the same exact javascript with v0.13 it works just fine..
It would be helpful if you will add a working example.
This one
http://flowplayer.org/tools/demos/scrollable/vertical.html
Isn't working with the mousewheel.. If you'll fix it there I believe that the problem that I'm encountering will be solved

kfir

Posts: 5

Registered:
Jan 21, 2009

» scrollable v1.0 vertical mousewheel bug

Posted: Jan 21, 2009

Reply to: scrollable v1.0 vertical mousewheel bug, from kfir
I believe that problem comes from the wrap and items. After some testing I've managed to create something that solved my problem - if the items selector is the same as the root selector than it works.

var selector = "my jQuery selector";
$(selector).scrollable({
	vertical: true,
	items: selector
});
Another thing that you should note is the problem with the getSize function

getSize: function() {
	return wrap.children().size();	
}
The wrap childrens may be more than just the items that we want to scroll. for example

<ul>
	<li><a href="google.co.il">Google</a></li>
	<li><div class="box">some text here</div></li>
	<li><img src="image.jpg" /></li>
</ul>
The size is 3 but if we will use the getSize function the result will be 6. Instead of wrap.children().size() you should use items.size() and that should give us the wanted results (Assuming that the problem that I've mentioned above will be fixed)

Tero
Author of jQuery Tools and this website + JavaScript developer of Flowplayer.

Posts: 1867

Registered:
Nov 16, 2007

» » scrollable v1.0 vertical mousewheel bug

Posted: Jan 26, 2009

Reply to: » scrollable v1.0 vertical mousewheel bug, from kfir
on the source code items is the same as wrap.children(). wrap.children() will return correct results. According to jQuery documentation children() method will do following:

Get a set of elements containing all of the unique immediate children of each of the matched set of elements.

I made a quick test myself that this indeed is the situation.

Tero
Author of jQuery Tools and this website + JavaScript developer of Flowplayer.

Posts: 1867

Registered:
Nov 16, 2007

» scrollable v1.0 vertical mousewheel bug

Posted: Jan 21, 2009

Reply to: scrollable v1.0 vertical mousewheel bug, from kfir
thank you for both of these. I'll be releasing 1.0.1 soon and these issues will be relolved in it.

Liam Gooding
Custom swf skins, custom swf plugins, custom JS plugins, video CMS - http://goodingsmedia.com

Posts: 352

Registered:
Dec 16, 2008

» New version of scrollable: 1.0.0

Posted: Jan 22, 2009

Reply to: New version of scrollable: 1.0.0, from tipiirai
http://flowplayer.org/tools/demos/scrollable/edit.html

Mac/Safari 3

Removing an item only removes the last item. Clicking it more times simply scrolls the list to the left by one.

Adding a new item correctly numbers the item on the first click, but on subsequent clicks the new items all have the same number (the counter doesn't increase by one)

I like it though! Congrats!

Tero
Author of jQuery Tools and this website + JavaScript developer of Flowplayer.

Posts: 1867

Registered:
Nov 16, 2007

» » New version of scrollable: 1.0.0

Posted: Jan 23, 2009

Reply to: » New version of scrollable: 1.0.0, from LiamGooding
That's what it's supposed to do. remove the last item


// see that :last "filter"
api.getItems().filter(":last").remove();

this increase thing is a bug. will be fixed in 1.0.1

Tero
Author of jQuery Tools and this website + JavaScript developer of Flowplayer.

Posts: 1867

Registered:
Nov 16, 2007

» » New version of scrollable: 1.0.0

Posted: Jan 26, 2009

Reply to: » New version of scrollable: 1.0.0, from LiamGooding
Adding new items in this demo

http://flowplayer.org/tools/demos/scrollable/edit.html

now works. new items have now incremented number. getItems() call was not working well in 1.0.0 and is now fixed.

tin_soldier

Posts: 3

Registered:
Feb 3, 2009

Hardcode link to section within scrollable

Posted: Feb 3, 2009

Reply to: » » New version of scrollable: 1.0.0, from tipiirai
Thanks for the great product. I've got a quick question if someone has time (and I'm not a javascript guy so please be specific).

I'm using Scrollable and would like to be able to link straight to one of the divs in the scrollable area from another page on the site. If they were the usual anchors it would look like this 
a href="page.html#nameOfSection"

Is there a way to achieve this with javascript?

Thanks.

Buzz
Author of 'Wordpress Flowplayer', jQuery.saiweb http://saiweb.co.uk Problems, requests? Please log a ticket at: http://trac.saiweb.co.uk

Posts: 271

Registered:
Dec 17, 2008

» Hardcode link to section within scrollable

Posted: Feb 3, 2009

Reply to: Hardcode link to section within scrollable, from tin_soldier
Hi tin soldier,


<a href="#appropriate_anchor_tag" onclick="$('div.scrollable').scrollable().seekTo(3);">Jump to 3</a>

The above would jump to #appropriate_anchor_tag and seek to the third item, simply replace seekTo(3) with the appropriate number.

tin_soldier

Posts: 3

Registered:
Feb 3, 2009

Hardcode link to section within scrollable

Posted: Feb 3, 2009

Reply to: » Hardcode link to section within scrollable, from DBusby
Thanks for that.

It works great if I'm already on the page with the Scrollable div in it. How should I code it to go to the Scrollable page and then the correct section, from a different page?

Cheers

Buzz
Author of 'Wordpress Flowplayer', jQuery.saiweb http://saiweb.co.uk Problems, requests? Please log a ticket at: http://trac.saiweb.co.uk

Posts: 271

Registered:
Dec 17, 2008

» Hardcode link to section within scrollable

Posted: Feb 4, 2009

Reply to: Hardcode link to section within scrollable, from tin_soldier
That depends on the server side language you are using, you can access $_GET vars using javascript, but from the examples I have seen this isn't exactly simple.

in very rough scripted php (I use Object oriented pretty much exclusively but have found it's hard for beginners to understand, so heres a simple scripted example).


<?PHP
if(isset($_GET['index'])){
?>
<script type="text/javascript">
$(document).ready(function() {
$('div.scrollable').scrollable().seekTo(<?PHP echo $_GET['index'] ?>);
});
</script>
<?PHP
}
?>

You would then call the page via a link such as yoursite.com/yourpage.php?index=3

tin_soldier

Posts: 3

Registered:
Feb 3, 2009

Hardcode link to section within scrollable

Posted: Feb 5, 2009

Reply to: » Hardcode link to section within scrollable, from DBusby
That's great. Thanks very much.

geloman

Posts: 1

Registered:
Nov 7, 2009

» » Hardcode link to section within scrollable

Posted: Nov 7, 2009

Reply to: » Hardcode link to section within scrollable, from DBusby
Can you guys please show a working example of linking to a certain section. I just cant get it to work.

I am using the scrollable registration wizard.

http://flowplayer.org/tools/demos/scrollable/wizard.html

I would like to link to a certain section from inside the scrollable form via a edit link and also from an external page.

your example:
Jump to 3

Is there anything I need to set up on the <li class="active">Step 1 link to trigger the targeted page scroll like an ID? <li id="s0"> or

    • Is there a plugin I need to add?

    Thank you in advance.

    Arun

    Posts: 22

    Registered:
    Jan 10, 2009

    » New version of scrollable: 1.0.0

    Posted: Jan 23, 2009

    Reply to: New version of scrollable: 1.0.0, from tipiirai
    this is fantastic. You guys are always ahead of the curve. Keep it up!!

    janusz

    Posts: 2

    Registered:
    May 24, 2009

    remove item

    Posted: May 24, 2009

    Reply to: » New version of scrollable: 1.0.0, from raghavarun
    I'm not so good in English.
    My Problem:

    var api = $("#Task_05").scrollable(); //OK
    api.end(1); //OK
    api.getItems().filter("#xyz").remove(); //OK
    api.reload().prev(); // THIS Line WORKs, WHEN Filter like
    filter (":Last"). But my Filter like
    filter("#xyz"). The Hover Style dont
    work ????

    please Help me