cornfeed

@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.

@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…..

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

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.

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.

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.