PDA

View Full Version : URGENT Help please with Ajax Tabs



amwd07
09-11-2007, 09:58 AM
1) Script Title:
Ajax Tabs Content script

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/

3) Describe problem:
I have just downloaded this script I currently use the adobe spry tabs for a site which I am developping but the preloading does not seem to work and th etabs are very slow so after searching google for another sollution dynamicdrive came up first so I thought I would give this script a try
the problem I am getting is the tabs don't seem to allow spry Regions
only once you refresh the page for the tab the results then come up but then the preload does not seem to work example here

http://www.dinewithus.co.uk/new/demo/demo.htm


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>Dynamic Drive DHTML Scripts- Ajax Tabs Content script</title>
<link rel="stylesheet" type="text/css" href="ajaxtabs/ajaxtabs.css" />
<script src="http://www.dinewithus.co.uk/new/SpryAssets/xpath.js" type="text/javascript"></script>
<script src="http://www.dinewithus.co.uk/new/SpryAssets/SpryData.js" type="text/javascript"></script>

<script type="text/javascript">
var dsCountyResults = new Spry.Data.XMLDataSet("http://www.dinewithus.co.uk/new/xml/demo_search.php", "export/row");
</script>
<script type="text/javascript" src="ajaxtabs/ajaxtabs.js">

/***********************************************
* Ajax Tabs Content script- Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

</script>
</head>

<body>

<p><b>Documentation:</b> <a href="http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/">http://www.dynamicdrive.com/dynamicindex17/ajaxtabscontent/</a></p>
<br />

<ul id="maintab" class="shadetabs">
<li class="selected"><a href="#default" rel="ajaxcontentarea">Intro</a></li>
<li><a href="listings.htm" rel="ajaxcontentarea">Example</a></li>
<li><a href="external2.htm" rel="ajaxcontentarea">Dog</a></li>
<li><a href="external3.htm" rel="ajaxcontentarea">Cat</a></li>
<li><a href="external4.htm" rel="ajaxcontentarea">Sea Otter</a></li>
</ul>

<div id="ajaxcontentarea" class="contentstyle">
<p>This is some default tab content, embedded directly inside this space and not via Ajax. It can be shown when no tabs are automatically selected, or associated with a certain tab, in this case, the first tab.</p>
<p><b><a href="javascript: expandtab('maintab', 2)">Select 3rd tab of "maintab"</a></b></p>
</div>

<script type="text/javascript">
//Start Ajax tabs script for UL with id="maintab" Separate multiple ids each with a comma.
startajaxtabs("maintab")
</script>

</body>

</html>

amwd07
09-11-2007, 07:48 PM
please can someone help with this problem?

ddadmin
09-12-2007, 08:20 AM
Hmm I'm not quite sure what you mean by the following:


the problem I am getting is the tabs don't seem to allow spry Regions

and


the results then come up but then the preload does not seem to work

What do you mean by Spry regions? And by preloading, do you mean preload the external contents fetched by the script so they load faster? To speed things up, you can enable caching of the external contents, inside ajaxtabs.js:


var bustcachevar=0 //bust potential caching of external pages after initial request? (1=yes, 0=no)

Set the above to 0, so after the initial request of an external content, subsequent ones are cached for faster response.

amwd07
09-12-2007, 09:58 AM
Thank you for you reply

Example tab (http://www.dinewithus.co.uk/new/demo/demo.htm)

Unfortuntly this does not solve the problem
I will try to explain more clearly

I am using Spry regions which is datasets within dremaweaver CS3
Adobe spry framework (http://labs.adobe.com/technologies/spry/)

the information in drawn from XML converted from MYSQL
in my example page, please click the second tab you will see it shows the requesting content briefly but the only data which comes up is {accountname} and my ratings graphic but when you refresh the current tab the correct information displays 800 restaurant names, I would expect the requesting data to show while loading these outlets, the trouble of using Spry tabs was there is no prelaod so everything was going to slow

hope you can help with this please as I can't really go any further on this project :confused:

amwd07
09-13-2007, 09:22 AM
Please this is URGENT I need to know if I can use these tabs or not ???

amwd07
09-13-2007, 08:55 PM
To Simplify this issue I simply want the example tabs content to come up without browser refresh and very important keep the requesting data this does not appear on refresh

Please Please help I can't find any other suitable Ajax tabs for this project yours always comes up top of the list but I really need the tabs to work i have spent several hours trying to find alternatives and modifying JS file always get errors.

As you can tell getting a little desperate on this one current tabs are far to slow need the content to load from seperater files so this is perfect really hope you can help on this one ???

amwd07
09-14-2007, 03:01 AM
Not sure if I posted the link in the last post I have given up on searching for other tabs please help me with this.
http://www.dinewithus.co.uk/new/demo/demo.htm

ddadmin
09-14-2007, 04:46 AM
I'm not familar with Spry regions at all or how it works, but it seems there is a long delay before the content it accesses gets downloaded, and hence you're getting that inconsistent showing for the first tab's content. The bottom line is, the first tab fetches the page: http://www.dinewithus.co.uk/new/demo/listings.htm to display. If you're then dynamically populating that page with dynamic content, you need to make sure it's downloaded when that happens. I'm not quite sure what else can be done on the Ajax Tabs script side to fix the issue.

onlybrian
09-15-2007, 02:22 AM
I don't quite understand your request and you keep bumping this topic so let me ask you this.

Do you really need ajax? If not, try this:
http://dynamicdrive.com/dynamicindex17/tabcontent.htm