WordPress.org

Ready to get started?Download WordPress

Forums

WP-jScrollPane
[resolved] [Plugin: WP jScrollPane] I set up the WP ScrollPane setting, but it doesn't work (42 posts)

  1. mendocinotim
    Member
    Posted 3 years ago #

    I set up my WP ScrollPane settings like this..

    http://jing.videvent.com/2011-04-01_1613.png

    And then I created a WP page, and marked up the code like this..

    <div class=".th_sp_intDesc">Lorem ipsum ut agam nihil nec. Tale errem tincidunt ad est, brute verear delicata vel te, sanctus lucilius duo id. Summo disputationi ex eam, mei sale augue interesset te. Mel philosophia complectitur ne, ne eros eirmod consetetur pri, per minim eligendi an. Detracto appellantur ex vel. Graeci scripserit ne nec.
    Id usu everti legimus patrioque. Eu iisque albucius explicari ius. Ad clita molestiae pri, urbanitas assentior signiferumque mel id, vis pertinax sapientem hendrerit in. At odio tantas meliore ius, maluisset persecuti per eu.
    Eu vix laudem incorrupte. At facilis blandit contentiones vim, aeque tincidunt an pri. Erant veniam intellegebat cu vix, sea affert vocent aeterno ut, error mandamus necessitatibus ad pro. Equidem corrumpit maiestatis pro ne, et iriure labores convenire eum. Vitae doctus aliquando id vis, nam no veniam alienum singulis. Et consul possit utroque qui.
    Usu mazim legimus placerat ne, has ei primis debitis expetenda. At mel habemus vivendum salutatus. Vim cu vitae erroribus omittantur, sea mentitum mandamus id. Ullum dicta aliquam duo ne, qualisque adolescens vix ne. Eum ei habeo eruditi. Cu nemore dolorem explicari duo.</div>

    But it doesn't work.
    I wish there was instructions on how to implement it - the jscrollpane information site is for people who know how to understand it - I'm a dummy. I just want to use it.

  2. cornfeed
    Member
    Plugin Author

    Posted 3 years ago #

    It would appear as if you put a '.' in your class.

    <div class=".whatever">....</div>

    should be

    <div class="whatever">....</div>

    notice the missing dot.

    I will clean up the instructions once I have a better grasp on common problems people run into.
    That dot is a CSS identifier for a class. So you would name the class class="className", and then refer to it on the settings page with a .className. If you used an id="idName" then you would refer to it with #idName.

  3. mendocinotim
    Member
    Posted 3 years ago #

    Thank you - but unfortunately removing the dot from <div class="th_sp_intDesc"> didn't work.

    Here's the page I'm testing on..
    http://www.swing-thing.com/?page_id=818

    I just thought I would try including a height attribute to the div tag, thinking that might trigger the scroller; but that didn't do it either.

  4. cornfeed
    Member
    Plugin Author

    Posted 3 years ago #

    your wpjsp.js and wpjsp.css are not populated with anything. either you didnt hit save or something...do you have cpanel? can you get into phpmyadmin? if you can, check your wp_options for 'wpjsp-'... stuff. if there is nothing then something is up.

  5. mendocinotim
    Member
    Posted 3 years ago #

    I keep seeing cpanel mentioned everywhere.
    I'm on a Mac, and I think that's a PC thing yes?

    I'm on my iPad right now, and have to get on my Mac.
    I'll submit this, and then check the mySQL - I don't use PHPMyAdmin, but I have a mySQL editing client which I use instead. I'll check it out an get back to you.

  6. mendocinotim
    Member
    Posted 3 years ago #

    Let me show you what I found when looking for the items in the mySQL tables for my active install of WordPress on my server (a 2 minute movie) ..
    http://jing.videvent.com/2011-04-03_2125.mp4

    Thanks so much for sticking with me on this.

  7. mendocinotim
    Member
    Posted 3 years ago #

    Actually - it's a 3 minute movie - sorry about that.

  8. mendocinotim
    Member
    Posted 3 years ago #

    Wait a minute..
    I just discovered that the WP DB I thought was being used for the active site, is not the one I looked in.

    Here's what I found..
    http://jing.videvent.com/2011-04-03_2141.mp4

  9. cornfeed
    Member
    Plugin Author

    Posted 3 years ago #

    http://stage.alltechservices-ia.com/?page_id=2
    On this page I have included screen shots where I made everything just like you and it is working as you will see. When I looked at your link, there is no CSS or JS being written. Your php.ini may not be letting fopen() do it's job, at which point you would need to personally trouble shoot it. I suggest you start going through your logs.

    Let me know if I can do anything else.

  10. cornfeed
    Member
    Plugin Author

    Posted 3 years ago #

    go to Dashboard->Plugins->Editor and select wp jscrollpane.
    on the right hand side you will find two files, wpjsp.js and wpjsp.css. those two files need to have stuff in them for it to work. and it writes those files when you hit save.

  11. mendocinotim
    Member
    Posted 3 years ago #

    Sorry it took this long to respond to your last post - it's been wildly busy around here.

    I followed your last instructions..

    go to Dashboard->Plugins->Editor and select wp jscrollpane.
    on the right hand side you will find two files, wpjsp.js and wpjsp.css. those two files need to have stuff in them for it to work. and it writes those files when you hit save.

    Both were empty.

    Here's a short screen capture movie showing what I did and what I found.

    Thanks for all your kind help on this.
    -Timothy

  12. cornfeed
    Member
    Plugin Author

    Posted 3 years ago #

    As I wrote in the post above, this seems to be a problem with your local webserver, something which you will need to troubleshoot on your own. The best I can tell you, is I use fopen() and fwrite() to perform the editing.

    For at least testing, fill in these files with the related content.

    wpjsp.js:
    var $j = jQuery.noConflict();$j(function(){jQuery(document).ready(function($){$('.th_sp_intDesc').jScrollPane({showArrows: true,horizontalGutter: 10,verticalGutter: 10,verticalArrowPositions: 'split',horizontalArrowPositions: 'split',});});});

    wpjsp.css:
    .th_sp_intDesc .jspHorizontalBar {height:10px !important;}.th_sp_intDesc .jspVerticalBar {width:10px !important;}.th_sp_intDesc .jspCap {display:block;background:#8f6128;}.th_sp_intDesc .jspHorizontalBar .jspCap {width:10px;height:100%;}.th_sp_intDesc .jspVerticalBar .jspCap {height:10px;}.th_sp_intDesc .jspArrow {background:#000000;}.th_sp_intDesc .jspDrag {background:#275791 !important;}.th_sp_intDesc .jspTrack {background:#388f27 !important;}

    [Please post code snippets between backticks or use the code button.]

    Try entering things in manually.

  13. danrmejia
    Member
    Posted 2 years ago #

    Well, I have exactly the same problem after hit save in the plugin panel the css and js files don't get any content written on them. So I checked out php configuration and I'm allowing fopen function to be executed, so I just gave the plugin folder a 777 chmod, and that's it, it's now working. Hope this help, you can go to your web server cpanel and verify writing permission on the files.

  14. 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!

  15. danrmejia
    Member
    Posted 2 years ago #

    @sweetandsound, actually it is working in chrome but not in IE and FireFox, firstly you must sort out the errors reported in chrome console, you got 6 (all related with javascript), the one directly related with jscrollpane is: "Uncaught TypeError: Object #<Object> has no method 'jScrollPane'". In the firebug you got this error massage for the jscrollpane: "$("#main").jScrollPane is not a function
    http://nouvellelondon.com/londonvc/wp-content/plugins/wp-jscrollpane/js/wpjsp.js?ver=3.1.4
    Line 1"

  16. sweetandsound
    Member
    Posted 2 years ago #

    Hi danrmejia,

    Thanks for your help. I just checked my header file and realized i had an old script from the non-WP version of scrollpane that i was trying to use before this which i deleted. I also had ::-webkit-scrollbar styling the frame which only works on IE and safari.

    I've taken these things off, but I'm not really sure how to fix the javascript errors as i'm very new to it.

    Could you tell me the best way of finding these errors?

    Thanks a lot!

  17. danbo
    Member
    Posted 2 years ago #

    Hi cornfeed,

    I am stuck in much the same trouble,

    I have checked all details above in my install

    the wpjsp.js and wpjsp.css, and are both populated (although in the WP plugin editor they are both (inactive) )

    my id is #scroll , and with the call as <div class="scroll">...</div>

    the URL for the install is... http://theshoutbox.com.au/alexandrawhitaker/scroll

    Any help would be greatly appreciated

  18. danbo
    Member
    Posted 2 years ago #

    I'm not sure if I am doing something wrong? Do I need to add further code elsewhere into my wordpress? Or is a straight forward plugin that simply uses... <div class="idName">body text etc etc</div> to function?...

    As I mentioned earlier, previously the scrollpane setting have been created etc...

    please help

  19. sweetandsound
    Member
    Posted 2 years ago #

    Hey,

    I'm having a little bit of trouble with the plugin again...

    I've managed to get it working on area i wanted before, but have tried adding a new scrollpane in the settings and made sure it's calling the right div, but i'm getting random problems with different browsers. On firefox it works fine, but on safari and chrome it either doesn't allow you to scroll the whole content or just doesn't appear!

    The page i'm working on is here - http://nouvellelondon.com/londonvc/pin-board-2/

    Any help would be greatly appreciated!

  20. fawkesblog2
    Member
    Posted 2 years ago #

    Sweet and sound, your issue is that some of the images in the content do not have the height and width specified in the code.

    This is effecting the jquery scroll bar but not the normal browser generated scroll bar.

  21. cornfeed
    Member
    Plugin Author

    Posted 2 years ago #

    Ok, danbo, I have subscribed to this topic also now, sorry I missed you. I am very confused as to what you are trying to achieve....

  22. cornfeed
    Member
    Plugin Author

    Posted 2 years ago #

    danbo, start a new thread, I am marking this as resolved.

  23. sweetandsound
    Member
    Posted 2 years ago #

    Thanks so much for your help fawkesblog2, that completely made sense!

    I've started using the jscrolepane plugin for a new site now and am having trouble using it on a page that I'm using a tabs feature plugin for.

    It seems that because the css for the tabs plugin isn't part of the theme i'm using, the jscrolpane plugin doesn't recognise the identifier, and it hides the content in the tabs if i use the same identifier as i have for all the other pages.

    Do you know a way to use the jscrollplugin for plugins that appear on a page?

    any help would be very much appreciated!!

  24. sweetandsound
    Member
    Posted 2 years ago #

  25. cornfeed
    Member
    Plugin Author

    Posted 2 years ago #

    I see what you are talking about. I am going to be busy all day. I will get to this tomorrow and let you know what I think.

    Side note, I have started v2 and am doing a complete start from scratch, although it will still be similar, but with much more functionality.

  26. fawkesblog2
    Member
    Posted 2 years ago #

    You're a legend cornfeed. Cheers.

    I'll have a poke s&s

  27. fawkesblog2
    Member
    Posted 2 years ago #

    Love how you rounded the corners and added the arrows sweet and sound. How did you do that?

  28. cornfeed
    Member
    Plugin Author

    Posted 2 years ago #

    I was wondering the same, that doesn't come until version 2 :-P

  29. sweetandsound
    Member
    Posted 2 years ago #

    hehe, yep it's a speciality I've been working on for a while :p

    Do you know any way of sorting out this inner-page scroll problem? any help would be appreciated!!

  30. cornfeed
    Member
    Plugin Author

    Posted 2 years ago #

    I am busy for the holidays and will be picking back up after the 2nd. Sorry, family calls.
    I will do my best to get to it as soon as I am back

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic