PDA

View Full Version : Accordion menu not expanding



pegas
03-02-2010, 09:30 AM
1) Script Title: php project (zend framework)

2) Script URL (on DD):
http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-bullet.htm

http://www.dynamicdrive.com/dynamicindex17/tabcontent.htm

3) Describe problem:
Both of them work fine separately and togheter. But when i put them into my project the accordion menu refuses to stay expanded when I try to do so.
I have tried removing parts of my other files to see if there where any interferences but there are not and so I am kind of stuck.

Does anyone have any ideea why ?. Or have the similar problem. I will post the code that uses the two utilities :

layout.phtml :


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" href="/css/admin.css">
<link rel="stylesheet" href="/css/tabs.css">
<link rel="stylesheet" href="/css/csshorizontalmenu.css">
<link rel="stylesheet" href="/css/cssaccodionmenu.css">
<link rel="stylesheet" href="/css/exaccodionmenu.css">

<script type="text/javascript" src="/js/tabs.js"></script>
<script type="text/javascript" src="/ckeditor/ckeditor.js"></script>
<script type="text/javascript" src="/js/jscolor.js"></script>
<script type="text/javascript" src="/js/outils.js"></script>
<script src="/js/editor.js" type="text/javascript"></script>

<script src="/js/ddaccordion.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script src="/js/exaccordion.js" type="text/javascript"></script>

<title>Connexion - SGC MISHA</title>

</head>

<body >
<ul id="countrytabs" class="shadetabs">

<?php for($i=1;$i<=$this->numTabs;$i++){
echo "<li><a href='/' rel='country".$i."'>" ;
echo $this->nomTabs[$i-1];
echo '</a></li>';
}
?>
</ul>
<div>
<?php for($i=1;$i<=$this->numTabs;$i++){

echo '<div id="country'.$i.'" class="tabcontent">' ;
echo '<table border="1" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr >';
echo '<td colspan="3" align="center">';echo $this->action('header','index').'</td></tr><tr>';
echo '<td width="20%" >'; echo $this->action('menu','index').'</td>';
echo '<td align="center" >';echo $this->layout()->page.'</td></tr><tr>';
echo '<td colspan="3" align="center">'; echo $this->action('footer','index').'</td></tr></table>';
echo '</div>';
} ?>
</div>

<script type="text/javascript">

var countries=new ddtabcontent("countrytabs");
countries.setpersist(true);
countries.setselectedClassTarget("link"); //"link" or "linkparent"
countries.init();
</script>
</body>
</html>


$this->action('menu','index') retrieves the html code which contains the menu's ddacordion.init function and components.
The other lines similar tothis just insert other components that are not tied directlly to the menu .

Thank you.