PDA

View Full Version : ajax content help



Chadi
12-21-2007, 10:09 PM
1) Script Title:
FF1+ IE5.5+ Opr8+
Ajax Tabs Content Script (v 2.0)

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

3) Describe problem:

I'm using this on my main home page, right side of shoutbox

www.talkjesus.com

Now, I created a new template within vbulletin and tried to test it out. For some odd reason the 4 tabs are missing. The strange thing is the path is correct.

The code


$stylevar[htmldoctype]
<html dir="$stylevar[textdirection]" lang="$stylevar[languagecode]">
<head>
$headinclude
<title>My Daily Cafe</title>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
<meta content="Christian Chat" name="description">
<meta content="Bible, Christian, Holy Bible, Bible Chat, KJV, King James Bible, Scriptures, Scripture, Bibles, Gospel, Gospels, bible" name="keywords">
<link rel="stylesheet" type="text/css" href="clientscript/myspot/ajaxtabs.css" />
<script type="text/javascript" src="clientscript/myspot/ajaxtabs.js"></script>
</head>
<body>
$header
$navbar

<div id="flowerdivcontainer" style="width:100%; height: 100%; background-color: ; padding: 1px">
</div>

<div id="flowertabs" class="modernbricksmenu2">
<ul>
<li><a href="misc.php?do=page&template=ajax1" rel="flowerdivcontainer" class="selected">Social</a></li>
<li><a href="misc.php?do=page&template=ajax2" rel="flowerdivcontainer">News</a></li>
<li><a href="misc.php?do=page&template=ajax3" rel="flowerdivcontainer">Bible</a></li>
<li><a href="misc.php?do=page&template=ajax4" rel="flowerdivcontainer">Tools</a></li>
</ul>
</div>
<br style="clear: left" />

<script type="text/javascript">
var myflowers=new ddajaxtabs("flowertabs", "flowerdivcontainer")
myflowers.setpersist(true)
myflowers.setselectedClassTarget("link") //"link" or "linkparent"
myflowers.init()
</script>

$footer
</body>
</html>


Link: http://www.talkjesus.com/misc.php?do=page&template=myspot

I'm using the default pages I created on the home page just for testing it out now.

Also, how do I make the tabs (once they appear at least) appear vertical instead of horizontal? I want them to be vertical as a left sided column while the external pages load to the right side.

ddadmin
12-22-2007, 10:32 AM
In your CSS file (http://www.talkjesus.com/clientscript/myspot/ajaxtabs.css), the line in red looks like the culprit (remove it):


.modernbricksmenu2 li{
display:none;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

Regarding your second question, since the tabs are just arbitrary HTML, it's really up to you to decide how you want to implement them, such as creating vertical image based tabs for the purpose.

Chadi
12-22-2007, 03:10 PM
Thanks. How do I make it vertical tabs?

ddadmin
12-23-2007, 02:32 AM
Why not just create images tab that are vertical in design, and use them as the tabs for the script?