WordPress.org

Ready to get started?Download WordPress

Forums

126

WP-jScrollPane
[resolved] [Plugin: WP jScrollPane] Thank you + Feature Request (167 posts)

  1. larssonk22
    Member
    Posted 3 years ago #

    Thank you for creating this plugin, I have been trying to get jScrollPane working manually and I was at the point of tearing out what little hair I have left. This plugin worked first time and it's idiot proof! Thanks

    I would like to request 2 features for future versions.

    1. The ability to hide(or force) X or Y overflow on your container that jScrollPane has been applied to. E.g if you have content that only requires people to scroll vertically, but for some reason a horizontal scroll bar has also appeared, you can override it and stop it from appearing.

    2. Ability to add photoshopped designs for your scrollbars, gutters and caps, in jpg, gif, png etc.

    3. Some cool html 5 effects like animation or gradients.

    Thanks again!

    http://wordpress.org/extend/plugins/wp-jscrollpane/

  2. fawkesblog2
    Member
    Posted 2 years ago #

    How did you do it? I still cannot work it out.

    I have the plugin installed, what do i do now?

  3. larssonk22
    Member
    Posted 2 years ago #

    Do you use firefox or chrome? Download a plugin called "firebug", I used that too find out exactly which containers I needed for the plugin fields

  4. fawkesblog2
    Member
    Posted 2 years ago #

    Thank you so much. I have both so i'll give that a go on Monday. My site is http://www.chrisfawkes.net is it possible to replace the scroll bar on my comments with jscrollpane do you know?

  5. larssonk22
    Member
    Posted 2 years ago #

    You have some jquery script controlling the style so I'm not sure but all you should need to do is add "#blog_comm" to the plugin field (remove quotes)

  6. fawkesblog2
    Member
    Posted 2 years ago #

    I'm really grateful for your time and willingness to help. Sorry for my ignorance but i have this in my comments <div id="blog_comm"style="jQuery(function() {
    jQuery('#content').jScrollPane({showArrows: true});
    });float:right;width:445px;height:225px;overflow:auto;transparent;overflow-x:hidden;padding-right:16px">
    Is that what you meant by the plugin field?

  7. larssonk22
    Member
    Posted 2 years ago #

    no, when you log into your wordpress control panel, NS jscrollpane plugin is enabled it will have it's own section. Inside this section you will find an area were you will be to add the containers you wish to apply the custom scrollbars to.

  8. fawkesblog2
    Member
    Posted 2 years ago #

    So add #blog_comm as the indentifier?

  9. larssonk22
    Member
    Posted 2 years ago #

    yep

  10. fawkesblog2
    Member
    Posted 2 years ago #

    Thanks again. Has not worked for some reason so i'll keep playing.

  11. larssonk22
    Member
    Posted 2 years ago #

    can you take a screen shot of the plugin section so I can see what you've inputted

  12. fawkesblog2
    Member
    Posted 2 years ago #

  13. fawkesblog2
    Member
    Posted 2 years ago #

    It started working but it only works on the first post for some reason. If i add another post it will work on that but the previous post reverts to the default browser scroll bar.

    Thanks you again for all of your help. I'll keep looking to find what is holding it back from the other post, something small in the comments php i'm guessing.

  14. larssonk22
    Member
    Posted 2 years ago #

    how odd. Sorry I couldn't have been more helpful, good luck anyway.

  15. fawkesblog2
    Member
    Posted 2 years ago #

    Solved.

    It was working the entire time since adding #blog_comm as the identifier but because there was no comments on the first post i did not see it and it was not working on anything beyond the first post.

    The problem seems that there was only one call for the identifier per page which in my case is blog_comm

    So in the file wp-jscrollpane/js/wpjsp.js i found the call and added add('#blog_comm'). five times (i have six post per page) and all is well.

    I may not have explained that using the correct terms as i don't know squat about code but it should be easy to get the idea if anyone else runs into the same problem.

    Thanks for all your attention larssonk22,

  16. larssonk22
    Member
    Posted 2 years ago #

    cool man!

  17. cornfeed
    Member
    Plugin Author

    Posted 2 years ago #

    Hey guys, I decided to pop in and check on this plugin and noticed this thread. I will try to figure out some email notification or something. I have decided that once I hit 1000 downloads I will revise the code. Right now I am fairly busy with work.
    Glad you got things figured out.
    Keep thinking of features you would like and I will evaluate them soon enough.
    Thanks for all the support, glad you like the plugin

  18. cornfeed
    Member
    Plugin Author

    Posted 2 years ago #

    so after reading through, one of the ideas should be a clever way to handle incremental classes.

  19. fawkesblog2
    Member
    Posted 2 years ago #

    Would that make the scroll bar effect several post a page like i have on my site now http://chrisfawkes.net/blog/the-blog/

    The other thing i would suggest is put a price on the plugin. It is great.

    The one thing i would love is the ability to effect the scroll bar for the actual browser too, that would be cool.

    Thanks a ton cornfeed.

  20. sweetandsound
    Member
    Posted 2 years ago #

    Hello there,

    I've been trying to use the WP jScrollPane for my site and i'm not getting any results.

    It's strange because everything seems to be in place for it to work, but it's not!

    I've set the identifier up and checked that the "wp-jscrollpane/js/wpjsp.js" file is registering my options from the plugin admin section, but still nothing...

    Can anybody help me out??? i would greatly appreciate it :)

    the page i'm working on is here - http://nouvellelondon.com/londonvc/blog/

    Thanks in advance!

  21. cornfeed
    Member
    Plugin Author

    Posted 2 years ago #

    @sweetandsound
    I looked at your site. Something is not loading jquery properly. WordPress uses an internal function to add scripts and manage their dependencies, if you have another plugin that doesn't obey that function and just includes jquery with a link tag, then nothing loads properly. You can see this using Firebug's script error handler.

    I would start by disabling other plugins until it works. Then when you figure out which one is causing the error, run through the code and see if you can fix it.

    It looks like you have a plugin that is drawing in jquery.tools.min.js I would look at that plugin first.....

  22. cornfeed
    Member
    Plugin Author

    Posted 2 years ago #

    @fawkesblog2
    Nice use of jScrollPane, I like your site.

    @larssonk22
    Thanks for helping people out!!

  23. sweetandsound
    Member
    Posted 2 years ago #

    Thanks for your help cornfeed.

    I've had a look on the script error handler and the only error I'm receiving is for the scrollpane plugin which is strange:

    var $j = jQuery.noConflict();$j(function(){jQuery(document).ready(function($){$('#right-main').jScrollPane({showArrows: true,horizontalGutter: 14,verticalGutter: 14,});});});

    Am I missing something? I think there are some other plugins that are hard-coded in to the theme but I'm unsure how to get to them as I'm quite new to jquery.

    Any help would be greatly appreciated!

  24. larssonk22
    Member
    Posted 2 years ago #

    no probs

  25. cornfeed
    Member
    Plugin Author

    Posted 2 years ago #

    @sweetandsound
    To boil it down further, you are getting the error because the webpage loads jquery.jscrollpane.js way before it loads jquery.js so the browser has no clue how to handle jscrollpane. They have to be loaded in the proper order.

    To make matters worse, you site is loading two copies of jquery!!
    your site loads jquery.min.js for whatever ajax thing you are using (its a very old copy of jquery btw)
    Then it loads the wordpress shipped jquery.

    Looks like the AJAX is the culprit, as it is not using a php request to pull the file, rather a static address, so it is probably hard coded.

  26. cornfeed
    Member
    Plugin Author

    Posted 2 years ago #

    @sweeandsound
    I have to head to work. Load your webpage and then go through the source code (browser's "view source"). See what is loading in what order.
    This is how jquery *should* be called:
    http://codex.wordpress.org/Function_Reference/wp_enqueue_script

  27. cornfeed
    Member
    Plugin Author

    Posted 2 years ago #

    @sweetandsound
    This is where your theme seems to load jquery...

    <!-- #container -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
    <script>!window.jQuery && document.write(unescape('%3Cscript src="http://nouvellelondon.com/londonvc/wp-content/themes/andyhillman/js/libs/jquery-1.5.min.js"%3E%3C/script%3E'))</script>
    <script src="http://nouvellelondon.com/londonvc/wp-content/themes/andyhillman/js/libs/jquery.tools.min.js"></script>
    <script src="http://nouvellelondon.com/londonvc/wp-content/themes/andyhillman/js/plugins.js?1320067770"></script>
    <script src="http://nouvellelondon.com/londonvc/wp-content/themes/andyhillman/js/script.js?1320067770"></script>

    Which is way after mine loads and is confusing the hell out of the browser. That needs to be changed to use the proper api as described in my previous post.

  28. sweetandsound
    Member
    Posted 2 years ago #

    Thank you so much for your help!

    I had a look around and found all the jquery files in the footer!

    There you go, thanks again!

  29. fawkesblog2
    Member
    Posted 2 years ago #

    Did that get it working sweetandsound?

  30. fawkesblog2
    Member
    Posted 2 years ago #

    I just upgraded tot he latest version of wordpress and again the scroll bars for my comments on my blog were only effected on the first post. The other four post defaulted to the browser generated scroll bars.

    Just for others who may experience this.

    The code change i suggested above no longer worked so i went into the wp-jscrollpane/js/wpjsp.js in the plugin editor and i changed the following code from

    var $j = jQuery.noConflict();$j(function(){jQuery(document).ready(function($){$('#blog_comm,).jScrollPane({showArrows: true,verticalGutter: 16,verticalArrowPositions: 'split',horizontalArrowPositions: 'split',});});});

    to

    var $j = jQuery.noConflict();$j(function(){jQuery(document).ready(function($){$('#blog_comm,#blog_comm').jScrollPane({showArrows: true,verticalGutter: 16,verticalArrowPositions: 'split',horizontalArrowPositions: 'split',});});});

    note where i added the extra ,#blog_comm which is a comma followed by the identifier again. This allows the scrollpane scroll bars to appear on the extra four post on the page.

    Hope that may prove useful to others using the plugin for comments on their front page.

    http://chrisfawkes.net/blog/the-blog/

126

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic