wszystko super dziala jesli mam tylko jeden modul z np. 6zakladkami. Problem pojawia sie gdy chce dodac drug modul na zakladki z innego tematu niz poprzednie.
Tworze sobie kopie plikow pod inna nazwa, oczywiscie w kazdym pliku nadpisuje poprawne nazwy. Doszedlem skad wynika blad, niestety nie mam pojecia dlaczego on tam wystepuje i jak go naprawic.
Mam dwa pliki:
mod_front_ajaxtabs.php ktory wyswietla wszystkie zakladki, w nim jest deklaracja ul, ktore posiada id="maintab" a na samym dole jest jego wywolanie.
Drugi plik to plik js z silnikiem zakladek, niestety nie widze w nim nic o maintab i jej zadaniu
Zemy byla mozliwosc powielania modulow z zakladkami te ul'e musza miec rozne id, tylko jak je zmienie na inne to wogole sie nie wyswietlaja zakladki(tylko w danym module)
co robic ?
mod_front_ajaxtabs.php
<?php
<head>
<link rel="stylesheet" type="text/css" href="../modules/front_ajaxtabs/front_ajaxtabs.css" />
<script type="text/javascript" src="../front_ajaxtabs/front_ajaxtabs.js"></script>
</head>
<body>
<div class="clear"></div>
<ul id="maintab" class="shadetabs2">
<li class="front_selected"><a href="#" rel="tcontent11">Wszystko o drogach</a></li>
<li class="tabs"><a href="#" rel="tcontent12">Nowości</a></li>
</ul>
<div class="front_tabcontentstyle">
<div id="tcontent11" class="tabcontent">
<table border="0" width="530" height="236" cellpadding="0" cellspacing="0">
<tr>
<td>gggg
</td>
</tr>
</table>
</div>
<div id="tcontent12" class="tabcontent">
<table>
<tr><td>ppp</td></tr>
</table>
</div>
</div>
<script type="text/javascript">
//Start Tab Content script for UL with id="maintab" Separate multiple ids each with a comma.
initializefront_tabcontent("maintab")
</script>
</body>
?>
js
<?php
//** Tab Content script- Š Dynamic Drive DHTML code library (http://www.dynamicdrive.com)
//** Last updated: Nov 8th, 06
var enabletabpersistence=1 //enable tab persistence via session only cookies, so selected tab is remembered?
////NO NEED TO EDIT BELOW////////////////////////
var tabcontentIDs=new Object()
function expandcontent(linkobj){
var ulid=linkobj.parentNode.parentNode.id //id of UL element
var ullist=document.getElementById(ulid).getElementsByTagName("li") //get list of LIs corresponding to the tab contents
for (var i=0; i<ullist.length; i++){
ullist[i].className="" //deselect all tabs
if (typeof tabcontentIDs[ulid][i]!="undefined") //if tab content within this array index exists (exception: More tabs than there are tab contents)
document.getElementById(tabcontentIDs[ulid][i]).style.display="none" //hide all tab contents
}
linkobj.parentNode.className="front_selected" //highlight currently clicked on tab
document.getElementById(linkobj.getAttribute("rel")).style.display="block" //expand corresponding tab content
saveselectedtabcontentid(ulid, linkobj.getAttribute("rel"))
}
function expandtab(tabcontentid, tabnumber){ //interface for selecting a tab (plus expand corresponding content)
var thetab=document.getElementById(tabcontentid).getElementsByTagName("a")[tabnumber]
if (thetab.getAttribute("rel"))
expandcontent(thetab)
}
function savetabcontentids(ulid, relattribute){// save ids of tab content divs
if (typeof tabcontentIDs[ulid]=="undefined") //if this array doesn't exist yet
tabcontentIDs
[ulid
]=new Array()tabcontentIDs[ulid][tabcontentIDs[ulid].length]=relattribute
}
function saveselectedtabcontentid(ulid, selectedtabid){ //set id of clicked on tab as selected tab id & enter into cookie
if (enabletabpersistence==1) //if persistence feature turned on
}
function getullistlinkbyId(ulid, tabcontentid){ //returns a tab link based on the ID of the associated tab content
var ullist=document.getElementById(ulid).getElementsByTagName("li")
for (var i=0; i<ullist.length; i++){
if (ullist[i].getElementsByTagName("a")[0].getAttribute("rel")==tabcontentid){
return ullist[i].getElementsByTagName("a")[0]
break
}
}
}
function initializetabcontent(){
for (var i=0; i<arguments.length; i++){ //loop through passed UL ids
if (enabletabpersistence==0 && getCookie(arguments[i])!="") //clean up cookie if persist=off
var clickedontab=getCookie(arguments[i]) //retrieve ID of last clicked on tab from cookie, if any
var ulobj=document.getElementById(arguments[i])
var ulist=ulobj.getElementsByTagName("li") //array containing the LI elements within UL
for (var x=0; x<ulist.length; x++){ //loop through each LI element
var ulistlink=ulist[x].getElementsByTagName("a")[0]
if (ulistlink.getAttribute("rel")){
savetabcontentids(arguments[i], ulistlink.getAttribute("rel")) //save id of each tab content as loop runs
ulistlink.onclick=function(){
expandcontent(this)
return false
}
if (ulist[x].className=="front_selected" && clickedontab=="") //if a tab is set to be selected by default
expandcontent(ulistlink) //auto load currenly selected tab content
}
} //end inner for loop
if (clickedontab!=""){ //if a tab has been previously clicked on per the cookie value
var culistlink=getullistlinkbyId(arguments[i], clickedontab)
if (typeof culistlink!="undefined") //if match found between tabcontent id and rel attribute value
expandcontent(culistlink) //auto load currenly selected tab content
else //else if no match found between tabcontent id and rel attribute value (cookie mis-association)
expandcontent(ulist[0].getElementsByTagName("a")[0]) //just auto load first tab instead
}
} //end outer for loop
}
function getCookie(Name){
var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
if (document.cookie.match(re)) //if cookie found
return document
.cookie
.match
(re
)[0
].split("=")[1] //return its value return ""
}
document.cookie = name+"="+value //cookie value is domain wide (path=/)
}
?>
nie wiem czy dobrze, ale dziala
do kazdego pliku z zakladkami (php)
na koncu dopisuje po przecinku nowe id tego ul np.
<?php
initializetabcontent("maintab","maintab2")
?>
Zakladki w ajaxie
