I have it in javascript format, I think...
Edit, yes I do (sort of):
Code:
//Popup function, still renders with scrollbars in Opera 7.x, works fine for IE and Mozilla (& variants).
function PortfolioPopup()
{
window.open('portfolio.html','PortfolioPopup','width=700,height=500,menubar=no,scrollbars=no,toolbar=no,location=no,directories=no,resizable=no,top=100,left=100');
}
/***********************************************
* Contractible Headers script- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/
var enablepersist="on" //Enable saving state of content structure? (on/off)
if (document.getElementById){
document.write('<style type="text/css">')
document.write('.switchcontent{display:none;}')
document.write('</style>')
}
function getElementbyClass(classname){
ccollect=new Array()
var inc=0
var alltags=document.all? document.all : document.getElementsByTagName("*")
for (i=0; i<alltags.length; i++){
if (alltags[i].className==classname)
ccollect[inc++]=alltags[i]
}
}
function contractcontent(omit){
var inc=0
while (ccollect[inc]){
if (ccollect[inc].id!=omit)
ccollect[inc].style.display="none"
inc++
}
}
function expandcontent(cid){
if (typeof ccollect!="undefined"){
contractcontent(cid)
document.getElementById(cid).style.display=(document.getElementById(cid).style.display!="block")? "block" : "none"
selectedItem=cid+"|"+document.getElementById(cid).style.display
}
}
function revivecontent(){
selectedItem=getselectedItem()
selectedComponents=selectedItem.split("|")
contractcontent(selectedComponents[0])
document.getElementById(selectedComponents[0]).style.display=selectedComponents[1]
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function getselectedItem(){
if (get_cookie(window.location.pathname) != ""){
selectedItem=get_cookie(window.location.pathname)
return selectedItem
}
else
return ""
}
function saveswitchstate(){
if (typeof selectedItem!="undefined")
document.cookie=window.location.pathname+"="+selectedItem
}
function do_onload(){
getElementbyClass("switchcontent")
if (enablepersist=="on" && getselectedItem()!="")
revivecontent()
}
if (window.addEventListener)
window.addEventListener("load", do_onload, false)
else if (window.attachEvent)
window.attachEvent("onload", do_onload)
else if (document.getElementById)
window.onload=do_onload
if (enablepersist=="on" && document.getElementById)
window.onunload=saveswitchstate
All of that /\ was in a seperate file that i titled menu.js, then I linked to it from my pages. To make the table collapsable I simply dropped in this bit...
Code:
<table>
<td style="filter:alpha(Opacity=90, style=0); -moz-opacity:0.9;" align="center" class="top">
<h3 onClick="expandcontent('sc1')" style="cursor:pointer;">Header</h3>
<div id="sc1" class="switchcontent">
</div>
</td>
</tr>
<tr>
<td style="filter:alpha(Opacity=85, style=0); -moz-opacity:0.85;" align="center" class="color">
<h3 onClick="expandcontent('sc2')" style="cursor:pointer">Header</h3>
<div id="sc2" class="switchcontent">
</div>
</td>
</tr>
<tr>
<td style="filter:alpha(Opacity=80, style=0); -moz-opacity:0.8;" align="center" class="color">
<h3 onClick="expandcontent('sc3')" style="cursor:pointer">Header</h3>
<div id="sc3" class="switchcontent">
</div>
<tr>
<td style="filter:alpha(Opacity=75, style=0); -moz-opacity:0.75;" align="center" class="color">
<h3 onClick="expandcontent('sc4')" style="cursor:pointer">Header</h3>
<div id="sc4" class="switchcontent">
</div>
</td>
</tr>
</table>
You don't necessarily need all of the stuff I dropped in there, it's up to you. The essentials are all there. I must say though, the one on the site you linked looks more like PHP to me.
Last edited by collyer_1; 06-16-2005 at 07:26 PM..
|
