PDA

View Full Version : Help needed with Css and JS accordion script



adventuredon
07-28-2010, 05:21 PM
1) ddaccordion:

2) http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-glossy.htm:

3) I have managed to screw up my navigation somehow. See www.free-me.com for what I don't want! I had a menu working and well you know how it goes. So I have now downloaded a new script and all's well so far. But when I try to add more sub headings under different levels (only 2 deep, i.e top level and subfolder) the formatting goes all pete tong. I have copied and pasted and some of it works but others don't. It ois very frustrating. I am using dreamweaver in split mode to write the menus etc. I attach my code below . It is not complete as no point finishing what isn't working. Why am i not able to add and edit menus as I need to ? I basically want 6 or 7 top level headings with 4 or 5 sub menus underneath. Can it be so hard?


</style>

</head>

<body>

<div class="glossymenu">
<a class="menuitem" href="http://www.free-me.com/">Home</a>
<a class="menuitem submenuheader" href="http://www.free-me.com/">Adventure Trips </a>
<div class="submenu">
<ul>
<li><a href="Old Web/Wye Paddling.htm" >Paddling the Wye </a></li>
<li><a href="Old Web/alpine.htm" >Alpine Mountaineering </a></li>
<li><a href="Old Web/brittany.htm" >Canoeing Brittany </a></li>
<li><a href="Old Web/canada.html" >Canada and USA </a></li>

</ul>

<li>
<a href="http://www.free-me.com/">2011 </a></li>

<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C2/">Vertical CSS Menus</a></li>
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C4/">Image CSS</a></li>
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C6/">Form CSS</a></li>
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C5/">DIVs and containers</a></li>
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C7/">Links & Buttons</a></li>
<li><a href="http://www.dynamicdrive.com/style/csslibrary/category/C8/">Other</a></li>
<li><a href="http://www.dynamicdrive.com/style/csslibrary/all/">Browse All</a></li>
<a class="menuitem" href="http://www.javascriptkit.com/domref/">DOM Reference</a>
<a class="menuitem submenuheader" href="http://www.cssdrive.com">CSS Drive</a>
<div class="submenu">

adventuredon
07-29-2010, 04:46 PM
anyone please help. I have been at this for ages! I see 52 looked but no one had any ideas...
Oh Well, heres hoping:
My menu structure works and links open the correct docs etc, but in a new browser window. Is there a way to force it to open on same window, even using frames?

Beverleyh
07-29-2010, 05:09 PM
I can't do much as I'm on my phone but what happens if you put target="_parent" in all the anchor tags?

Crawfish5000
07-29-2010, 05:14 PM
anyone please help. I have been at this for ages! I see 52 looked but no one had any ideas...
Oh Well, heres hoping:
My menu structure works and links open the correct docs etc, but in a new browser window. Is there a way to force it to open on same window, even using frames?


Hi Adventuredon -

Are you still needing help with the whole menu? If so, try this. You'll need to substitute the appropriate urls - I did take your headings and some page locations off your sample:


<!-- opening div for the whole menu -->
<div class="glossymenu">



<!-- header with no subs -->
<a class="menuitem" href="http://www.free-me.com/">Home</a>


<!-- header with subs -->

<a class="menuitem submenuheader" href="http://www.free-me.com/">Adventure Trips </a>
<div class="submenu">
<ul>
<li><a href="Old Web/Wye Paddling.htm" >Paddling the Wye </a></li>
<li><a href="Old Web/alpine.htm" >Alpine Mountaineering </a></li>
<li><a href="Old Web/brittany.htm" >Canoeing Brittany </a></li>
<li><a href="Old Web/canada.html" >Canada and USA </a></li>

</ul>

</div>


<!-- header with subs -->
<a class="menuitem submenuheader" href="yourURL">Educational Trips </a>
<div class="submenu">
<ul>
<!-- add as many as you need with this formatting -->
<li><a href="page1.htm" >Page 1</a></li>
<li><a href="page2.htm" >Page 2</a></li>
<li><a href="page3.htm" >Page 3</a></li>
<li><a href="page4.htm" >Page 4</a></li>

</ul>
</div>


<!-- header with subs -->
<a class="menuitem submenuheader" href="yourURL">Motorbike Tours </a>
<div class="submenu">
<ul>
<!-- add as many as you need with this formatting -->
<li><a href="page1.htm" >Page 1</a></li>
<li><a href="page2.htm" >Page 2</a></li>
<li><a href="page3.htm" >Page 3</a></li>
<li><a href="page4.htm" >Page 4</a></li>

</ul>
</div>


<!-- header with subs -->
<a class="menuitem submenuheader" href="yourURL">Ski Trips</a>
<div class="submenu">
<ul>
<!-- add as many as you need with this formatting -->
<li><a href="page1.htm" >Page 1</a></li>
<li><a href="page2.htm" >Page 2</a></li>
<li><a href="page3.htm" >Page 3</a></li>
<li><a href="page4.htm" >Page 4</a></li>

</ul>
</div>


<!-- header with subs -->
<a class="menuitem submenuheader" href="yourURL">Upcoming Ski Trips</a>
<div class="submenu">
<ul>
<!-- add as many as you need with this formatting -->
<li><a href="page1.htm" >Page 1</a></li>
<li><a href="page2.htm" >Page 2</a></li>
<li><a href="page3.htm" >Page 3</a></li>
<li><a href="page4.htm" >Page 4</a></li>

</ul>

</div>


<!-- header with no subs -->
<a class="menuitem" href="yourURL">Photo Galleries</a>


<!-- closing div for the whole enchilada -->
</div>

I'll look at the question of new windows...by default that script should open pages in the same window though.


-Kevin

adventuredon
07-29-2010, 05:18 PM
it just loads a new window./ I am now re creating framesets like crazy and trying to get it working. At times it works locally, but when uploaded it screws up..see www.free-me.com for an explanation. I just want to marry the 2 pages you'll see up. thanks.

Crawfish5000
07-29-2010, 05:20 PM
One of your problems is the iFrame code. It's throwing errors galore:

myiframe is undefined
[Break on this error] myiframe.location.replace(header.getAttribute('href'))

In my Firebug console, it just keeps throwing the same error - over 8200 before I closed it!

Try taking out that code and see what happens before you do anything else.

-Kevin

Crawfish5000
07-29-2010, 05:22 PM
it just loads a new window./ I am now re creating framesets like crazy and trying to get it working. At times it works locally, but when uploaded it screws up..see www.free-me.com for an explanation. I just want to marry the 2 pages you'll see up. thanks.

Why do you need a frameset? They're really problematic.

-Kevin

adventuredon
07-29-2010, 05:27 PM
Hi, I deleted the iframe stuff ages ago as couldn't work it out. Should have said. Sorry.:
Here is my latest code which works locally as i want it to, but just need to place up before checking agaibn

<body>

<div class="glossymenu">
<img src="http://i27.tinypic.com/sy7295.gif" border="0" style="margin: 10px 5px" />
<a href= "www.free-me.com" target="mainFrame" class="menuitem "body>Home</a>

<a href= "test/www.free-me.com" target="rightFrame"" class="menuitem submenuheader"body>Adventure Trips </a>
<div class="submenu">
<ul>
<li><a href="../Old Web/Wye Paddling.htm" target="mainFrame">The Wye</a> </li>

<li><a href="test/Old Web/alpine.htm" target="rightFrame" >Alpine Mountaineering </a></li>
<li><a href="test/Old Web/brittany.htm" target="rightFrame" >Canoeing Brittany </a></li>
<li><a href="test/Old Web/canada.html" target="rightFrame" >Canada and USA </a></li>

</ul>
</div>
<a HREF target="rightFrame" class="menuitem submenuheader">Educational Trips </a>

<div class="submenu">
<ul>
<li><a href="test/Old Web/lanzarote.htm" target="rightFrame" >Lanzarote </a></li>
<li><a href="test/Old Web/peaks.htm" target="rightFrame" >Peak Residential </a></li>
<li><a href="test/Old Web/WLS.htm" target="rightFrame" >Wilderness Leadership </a></li>
<li><a href="test/Old Web/Zulu Homestay.htm" target="rightFrame" >Zulu Homestay </a></li>
<li><a href="test/Old Web/OBSA.htm" target="rightFrame" >Outward Bound </a></li>
<li><a href="test/Old Web/ireland.htm" target="rightFrame" >Irish Experience </a></li>
</ul></div>
<a href="http://www.free-me.com" target="rightFrame" class="menuitem submenuheader">Motorbike Tours </a>
<div class="submenu">
<ul>
<li><a href="test/Old Web/bordeaux.htm" target="rightFrame" >South West France</a></li>
<li><a href="test/Old Web/belgium.htm" target="rightFrame" >Bruges</a></li>
</ul></div>
<a href=http://www.free-me.com target="rightFrame" class="menuitem submenuheader">Ski Trips </a>
<div class="submenu">
<ul>
<li><a href="test/Old Web/tignes.html" target="rightFrame" >Tignes</a></li>
<li><a href="test/Old Web/vars.html" target="rightFrame" >Vars</a></li>
<li><a href="test/Old Web/lesorres.html" target="rightFrame" >Les Orres</a></li>
<li><a href="test/Old Web/flaine.html" target="rightFrame" >Flaine</a></li>
<li><a href="test/Old Web/killington.html" target="rightFrame" >Killington</a></li>
<li><a href="test/Old Web/jay.html" target="rightFrame" >Jay Peaks</a></li>
</ul></div>
<a href=test/www.free-me.com target="rightFrame" class="menuitem submenuheader">Upcoming Ski Trips </a>
<div class="submenu">
<ul>
<li><a href="test/Old Web/trips.html" target="rightFrame" >Skiing 2011</a></li>
<li><a href="test/Old Web/Skifaqs.html" target="rightFrame" >Skiing FAQ</a></li>
</ul></div>

<div class="submenu"></div>
<a href="http://www.free-me.com/gallery" target="_parent" class="menuitem" style="border-bottom-width: 0">Photo Galleries</a></div>