PDA

View Full Version : Overlapping content from left to right?



jlizarraga
04-02-2008, 10:35 PM
http://www.dynamicdrive.com/dynamicindex5/overlapcontent.htm

I have been using the above script to make a drop down menu. What I love about the script is that the overlapped div that gets dropped down can have complex nested divs within it.

Now I need something that does the same thing, but from left to right, rather than just top down or bottom up. I have been looking through scripts for collapsible menus here on Dynamic Drive, but none seem to be able to have nested divs of additional complex content within them.

I need to be able to have the overlapping menu shown by default, be able to contain nested divs of its own, and be able to be controlled by mouse clicks.

Thanks a bunch for any info.

ddadmin
04-02-2008, 11:48 PM
Sure, try the attached modified dropdowncontent.js file. It adds the ability to offset the Drop Down Content left and right relative to the anchor link. At the bottom of your HTML where you call the init() function, just add a forth parameter and enter "true" to go into this mode:


dropdowncontent.init("searchlink", "right-bottom", 500, "mouseover", true)

jlizarraga
04-03-2008, 08:06 PM
Thanks, but that just affects the position of the dropdown content, right? I need the actual wipe effect to go from left to right.

ddadmin
04-04-2008, 07:45 AM
So are you looking just for the wipe effect to change orientations, and not the position of the drop down DIV?

jlizarraga
04-04-2008, 04:42 PM
Yes.

YUI to the rescue!

http://developer.yahoo.com/yui/examples/layout/page_layout_source.html

See, this thread was on the right forum when you moved it! >_>

I didn't think the Overlapping Content script could be easily modified to go from left to right, so I was asking for something that could. Thanks a bunch for being so responsive to questions about your scripts, though.