[jQuery] jquery + splitter plugin problems

Sun, 22 Jul 2007 05:32:50 -0700 

Hi,

I am trying to get the splitter plugin to work with jquery, but I am
having some problems getting it to work, so any help would be greatly
appreciated.

I have the following in my index.php file:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/
TR/html4/strict.dtd">
<html>
        <head>
                <meta http-equiv="Content-Language" content="en" />
                <meta http-equiv="Content-Type" content="text/html; 
charset=utf-8" /
>
                <title>My Page</title>
                <script type="text/javascript" 
src="javascript/ajax.handler.js"></
script>
                <script type="text/javascript" 
src="javascript/jquery.js"></script>
        </head>

        <body>
                <div id="Header">Header to go here.</div>
                <div id="Container">Main page content to go here.</div>
                <div id="Footer">Footer to go here.</div>
                <input type="button" onclick="LoadContent();" value="Load 
Content"/>

        </body>

</html>

Now, when the user clicks the "Load Content" button, how do I get the
content displayed to use the splitter functionality?

My load content method is as follows:
function LoadContent()
{
        $.ajax({
   type: "GET",
   url: "content.php",
   success: function(content){
     document.getElementById("Container").innerHTML=content;
   }
 });
}

And the content of content.php is:
<div id="MySplitter">

                  <div id="LeftPane">
                                Left menu items to go here.
                  </div>

                  <div id="RightPane">

                        <div id="TopPane">
                                Top pane items to go here.
                        </div>

                        <div id="BottomPane">
                                Bottom pane items to go here.
                        </div>

                        </div>

                  </div>

                </div>

I have tried loading in the javascript file for the splitter as
follows:
$.getScript("javascript/splitter.js");

But this does not work.

Any ideas?

Thanks.

Reply via email to