PDA

View Full Version : Tree Menu on my site is acting up.



FA1LURE
Apr 28th, 2007, 10:18 AM
My site is www.fa1lure.com and you can see the actual tree menu at www.fa1lure.com/designdiary.html.

the problem im having is when you click on any of the sections under archived work they load for the flash of a second and then look normal.
basically an example is if you click on paintings... and it loads the links on the right hand side...
they load expanded for a quick second and then resolve closed up.
im trying to figure out how I can get rid of that loading part cause it looks like an error..

another thing I've been trying to figure out is how to make it so that if you click on lets say.... freights.. it will expand.. and then if you click on random.. it will automatically close up freights and expand random to save space ideally.
ive seen it done just have no effin clue where to begin.


heres the code on the paintings page

<html><head><title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">

function Collapse(){
var bdy=document.getElementsByTagName('BODY')[0];
var divs=bdy.getElementsByTagName('DIV');
for (var zxc0=0;zxc0<divs.length;zxc0++){
if (divs[zxc0].id){
divs[zxc0].style.display='none';
}
}
}


</script>
<link href="../fa1lure.css" rel="stylesheet" type="text/css">
</head>
<body bgcolor="#ffffff" text="#000000" onLoad="Collapse();" >
<script>
var Lst;
function toggleMenu(id) {
try {var e = document.getElementById(id);
if (e == null) return;
if (e.style.display == "none") { e.style.display = "block"; Lst=e; var e = document.getElementById("sign"+id).src = "close.gif"; }
else { e.style.display = "none"; var e = document.getElementById("sign"+id).src = "open.gif";}
}

catch (exception) {}
}

</script><div class='menufolder'><a href='javascript:toggleMenu("menu0")' class="header2"><font face="Georgia, Times New Roman, Times, serif">STREET</font></a>
<div id='menu0' class='menuContainer'><a href='street/palacio.html' target='image'>
<div class='menufile'>palacio</div>
<a href='../paintings/street/burgerking.html' target='image'>
<div class='menufile'>burger king</div>
<a href='../paintings/street/dadeland.html' target='image'>
<div class='menufile'>dadeland</div>
<a href='../paintings/street/ryder.html' target='image'>
<div class='menufile'>ryder</div>
<a href='../paintings/street/house.html' target='image'>
<div class='menufile'>house</div>
<a href='../paintings/street/tracks.html' target='image'>
<div class='menufile'>tracks</div>
<a href='../paintings/street/freight.html' target='image'>
<div class='menufile'>freight</div>
<a href='../paintings/street/smiley.html' target='image'>
<div class='menufile'>smiley</div>
<a href='../paintings/street/trash.html' target='image'>
<div class='menufile'>trash</div>
<a href='../paintings/street/sludge.html' target='image'>
<div class='menufile'>sludge</div>
<a href='../paintings/street/bird.html' target='image'>
<div class='menufile'>bird</div>
<a href='../paintings/street/garbage.html' target='image'>
<div class='menufile'>garbage</div>
<a href='../paintings/street/sunset.html' target='image'>
<div class='menufile'>sunset</div>
<a href='../paintings/street/publix.html' target='image'>
<div class='menufile'>publix</div>
<a href='../paintings/street/ruen.html' target='image'>
<div class='menufile'>ruen</div>
<a href='../paintings/street/retarded.html' target='image'>
<div class='menufile'>retarded</div>
<a href='../paintings/street/again.html' target='image'>
<div class='menufile'>again</div>
<a href='../paintings/street/what.html' target='image'>
<div class='menufile'>what</div>
<a href='../paintings/street/why.html' target='image'>
<div class='menufile'>why</div>
<a href='../paintings/street/car.html' target='image'>
<div class='menufile'>car</div>
<a href='../paintings/street/sky.html' target='image'>
<div class='menufile'>sky</div>
<a href='../paintings/street/bus.html' target='image'>
<div class='menufile'>bus</div>
<a href='../paintings/street/green.html' target='image'>
<div class='menufile'>green</div>
<a href='../paintings/street/speed.html' target='image'>
<div class='menufile'>speed</div>
<a href='../paintings/street/stop.html' target='image'>
<div class='menufile'>stop</div>
<a href='../paintings/street/movies.html' target='image'>
<div class='menufile'>movies</div>
<a href='../paintings/street/tracksides.html' target='image'>
<div class='menufile'>tracksides</div>
<a href='../paintings/street/script.html' target='image'>
<div class='menufile'>script</div>
<a href='../paintings/street/warehouse.html' target='image'>
<div class='menufile'>warehouse</div>
<a href='../paintings/street/marine.html' target='image'>
<div class='menufile'>marine</div>
<a href='../paintings/street/bridge.html' target='image'>
<div class='menufile'>bridge</div>
<a href='../paintings/street/rooftop.html' target='image'>
<div class='menufile'>rooftop</div>
<a href='../paintings/street/marina.html' target='image'>
<div class='menufile'>marina</div>
<a href='../paintings/street/grillin.html' target='image'>
<div class='menufile'>grillin</div>
<a href='../paintings/street/indoors.html' target='image'>
<div class='menufile'>indoors</div>
<a href='../paintings/street/jailbird.html' target='image'>
<div class='menufile'>jailbird</div>
<a href='../paintings/street/concrete.html' target='image'>
<div class='menufile'>concrete</div>
<a href='../paintings/street/shade.html' target='image'>
<div class='menufile'>shade</div>
<a href='../paintings/street/outside.html' target='image'>
<div class='menufile'>outside</div>
</a></div>
<div class='menufolder'><a href='javascript:toggleMenu("menu0.1")' class="header2"><font face="Georgia, Times New Roman, Times, serif">FREIGHTS</font></a>
<div id='menu0.1' class='menuContainer'><a href='freights/1st.html' target='image'>
<div class='menufile'>1st</div>
<a href='../paintings/freights/damp.html' target='image'>
<div class='menufile'>damp</div>
<a href='../paintings/freights/rainy.html' target='image'>
<div class='menufile'>rainy</div>
<a href='../paintings/freights/shine.html' target='image'>
<div class='menufile'>shine</div>
<a href='../paintings/freights/alphabet.html' target='image'>
<div class='menufile'>alphabet</div>


thanks for anybodys input.

vwphillips
Apr 28th, 2007, 09:37 PM
<script>
var Lst;

function toggleMenu(id) {
try {
var e = document.getElementById(id);
if (e == null) return;
if (Lst){
if (e!=Lst){ Lst.style.display='none'; }
}
if (e.style.display == "none") {
e.style.display = "block";
Lst=e;
var e = document.getElementById("sign"+id).src = "close.gif";
}
else {
e.style.display = "none";
var e = document.getElementById("sign"+id).src = "open.gif";
}
}
catch (exception) {}
}

</script>

FA1LURE
Apr 29th, 2007, 12:07 AM
what do i do with the code you just gave me? im confuse.d i replaced it where i thought it might be replaced but now nothing is happening. can u help plz. thats for replying either way.

FA1LURE
Apr 29th, 2007, 12:09 AM
wait ishhh. ithink i got it. hold ups!!! thanks though.

FA1LURE
Apr 29th, 2007, 12:10 AM
sweeeet!
it works. thanks you sir vwphillips.!!!!