Slider "read more..." with jQuery scrollTo & localScroll

I’m looking to create a simple slider with the jQuery scrollTo and localScroll plugins. I can’t find the solution, but I’m sure I’m close to it.

Here’s the relevant code of the working static version :


The jQuery plugin uses the link to scroll to the right anchor.
In Modx, I’ve created a container page (empty for now, menuId of 57). The content of the subpages are displayed in the various <div class="page">

In the template :


The chunk used by Ditto :


Everything is fine except the href attribute of the link. I can’t figure what to write there. I want to have something like "[+id+] plus 1" but can’t find the proper expression. I’ve tried the [+next+] placeholder, but it doesn’t return the value of the subpages :/ I’ve tried to put the [+id+] value in a php variable to manually add 1, but I didn’t write it right either.

I’m really stuck. Can someone help me please ?

Thanks !

No ideas ?

Do you have a link to the jQuery?

[+id+] will be replaced by the document ID
[~[+id+]~] will output the correct url (alias if FURL turned on) to the document

http://svn.modxcms.com/docs/display/MODx096/Document+Object
http://ditto.modxcms.com/tutorials/creating-a-custom-template.html

You’ll need a snippet for the href. Something like this (call it AddOne):



Then in your Tpl, put



I’m not sure if this will work with the parsing sequence, but it’s worth a try. I fit doesn’t, a PHX custom modifier with the same code as the snippet might work.

Try this:

if you have the PHx plugin (under Resources/Plugin in the manager)
(just learned about this from member tkfm in another thread, thanks)

You might want to put the tpl chunk in a config file and set the variable there, to get rid of a chunk, but I guess thats a matter of taste. Then:
and save this as page-content.config.php under /snippets/ditto/configs/

Specify the config file in the Ditto call:
[!Ditto? &parents=`57` &display=`all` &idType=`documents` &sortBy=`id` &sortDir=`ASC` &config=`page-content`!]

@eddygrove That should be working even w/o having PHx plugin installed! Ditto has PHx built in.

//I don’t understand how to use the jQuery with Ditto this way though...
Aha! --> http://modxcms.com/forums/index.php/topic,39935.msg241309.html#msg241309

I solved it using a slightly different method. Too busy to post the solution right now, but I’ll write it soon.

Thx for your help, everyone !

Quote from: daoro at Sep 17, 2009, 03:56 AM

I solved it using a slightly different method. Too busy to post the solution right now, but I’ll write it soon.

Thx for your help, everyone !

any update on how you did this?

Quote from: oaybar007 at Oct 22, 2009, 01:11 PM

Quote from: daoro at Sep 17, 2009, 03:56 AM

I solved it using a slightly different method. Too busy to post the solution right now, but I’ll write it soon.

Thx for your help, everyone !

any update on how you did this?

Up for this. What’s the update? Thanks!

I’m so sorry, I was so busy I forgot to come back.

I simpley used SerialScroll, a jQuery plugin that extends LocalScroll to do just what we need in this case.

It’s very simple to use, and you can find it there : http://flesler.blogspot.com/2008/02/jqueryserialscroll.html