PDA

View Full Version : Resolved Loading Content into Iframe from Apple-style Accordian Menu



HiPower
10-24-2012, 05:30 PM
Hello,
I am using the Apple-style menu provided here: http://www.dynamicdrive.com/dynamicindex17/ddaccordionmenu-apple.htm , but I would like to modify it slightly to load content into an iframe. The problem I am running into, is that the silver background and text styling disappear with the "title" tag.

A snippet of the original code looked like this:


<div class="silverheader"><a href=iframetest.php>HOME</a></div>
<div class="submenu"></div>

I used the following tutorial to learn about loading content to iframes, but the example uses "h3 class=" tags: http://www.dynamicdrive.com/dynamicindex17/ddaccordion_suppliment2.htm (near the bottom titled "Doing something whenever the user expands a header"

Modifying the code slightly, I was able to load the content into the iframe, but the styling changed dramatically.


<div class="silverheader" title="iframetest.php">HOME</div>

Any help would be greatly appreciated.

HiPower
10-24-2012, 07:20 PM
I think I found the answer in another forum topic: http://www.dynamicdrive.com/forums/showthread.php?55293-Need-help-removing-clickable-menus-names-in-the-Apple-Style-Accordian-Menu

Specifically, I modified my code to include
<a href="javascript:void(0)">menu title</a>. This restored the look of the header buttons, but allowed for loading content in the iframe.

Thanks to azoomer for the solution and Raubie for the question.

If anyone sees a potential problem, please let me know. Thanks!