[jQuery] Question about loading external static content (non-Ajax)
Hi,
I am trying to find out if jQuery can read the contents of an external
HTML or text file and then replace a div's contents with this external
content. The external static files are on the same server, and I
don't want to write a server process to perform Ajax calls.
I'm still a beginner at jQuery, but I can code Javascript ok.
My psuedo-HTML is shown at below. When I click a link in the leftcol
div (say, using jCarousel or jCarousel Lite), I then want to read the
corresponding external static file and replace the contents of the
rightcol div with this content. I could use a frameset or iframe, but
this is not my intention.
Can anybody tell me if this is possible, and if so, provide some
advice (or plugin) that would help me to accomplish this?
Thanks,
Stephen
<body>
<div id="page">
<div id="leftcol">
<div id="carousel">
<!-- I plan to use jCarousel or jCarousel Lite to load up a thumbnail
image gallery. Each image has a hyperlink that would call the jQuery
function to replace the contents of the div called rightcol -->
</div>
</div>
<div id="rightcol">
<!-- I want to replace the contents of the div rightcol with new
content from an external file -->
<div id="showcaseimg">
<img />
</div>
<div id="showcasedesc">
This is some text. This is some text. This is some text.
This is some text.
This is some text. This is some text. This is some text. This
is some text.
<div class="spacer"> </div>
<div class="stamp">
<img />
</div>
</div>
</div>
</div>