473,396 Members | 2,013 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,396 software developers and data experts.

Anyone familiar with "Gurtcom" menus???

Anyone:

As a non-js programmer (but incorporater of js code into my perl/php/html
sites) I am attempting to create vertical self expanding menu (when the
user cursors over a selection it will popup an additional set of selections
if there are any).

All my searching has brought me to a free version from www.gurtom.com,
especially their demo2 menu. By deciphering their code I've been able to
adjust the content, sizing, relative positioning within itself, colors,
actions, etc. But, one thing I CANNOT seem to overcome is the fact that it
is position is ABSOLUTE. As a result this does NOT function well within a
multi-box site design.

I was hoping someone was either familiar with this set of menu code
sufficiently enough to render it "relatively" positioned, OR be willing to
take a look at it (as a challenge) in an attempt to make it relatively
positioned.

Looking through the .js code I've found where it outputs "position:
absolute;" and changed that to "relative" but then the menu seems to fall
apart all over the screen.

If anyone is interested or willing, please take a look or respond and I
suppose I can even provide a sample of this code (along with the proper
heading disclosures, of course).

It seems to function quite well and very fast. But position is the BIG
issue.

Comments please?

Thanks,

bobmct
Jan 19 '07 #1
1 1330
ASM
bobmct a écrit :
Anyone:

As a non-js programmer (but incorporater of js code into my perl/php/html
sites) I am attempting to create vertical self expanding menu (when the
user cursors over a selection it will popup an additional set of selections
if there are any).
But, one thing I CANNOT seem to overcome is the fact that it
is position is ABSOLUTE. As a result this does NOT function well within a
multi-box site design.
Most of the time popup menus are in absolute.
If not, you get an yoyo (jojo) effect with what follows your menu when
sub-menus expand.

If nothing after the menu, you can allways put it in a relative and
sized div.

Simple example without relative nor absolute :

<html>
<script type="text/javascript">
onload = function() {
var IE = false; /*@cc_on IE=true; @*/
if(IE) {
var m = document.getElementById('menu');
m = m.getElementsByTagName('LI');
for(var i=0; i<m.length; i++) {
if(m[i].getElementsByTagName('UL')) {
m[i].onmouseover=function(){this.className='ie';};
m[i].onmouseout=function(){this.className='';};
}
}
}
}
</script>
<style type="text/css">

/* *** roll-over via css *** */
#menu li ul { display: none; }
#menu li:hover ul,
#menu li.ie ul { display: block; }

/** some more css ***/
#menu { font-size: 16px; font-family: verdana, arial; }
#menu,
#menu ul,
#menu li { list-style: none; width: 150px;
margin: 0px; padding: 0px; }
#menu a { display:block; width: 100%; background: #eee;
text-decoration: none; padding-left: 5px; }
#menu a:hover { background: #ccc; padding-left: 10px; }
#menu li ul li a { background: #ffc; padding-left: 15px; }
#menu li ul li a:hover { background: #ff0; padding-left: 20px; }
</style>
<ul id="menu">
<li>
<a href="1.htm"menu 1</a>
<ul>
<li><a href="11.htm">sub-menu 1.1</a></li>
<li><a href="12.htm">sub-menu 1.2</a></li>
<li><a href="12.htm">sub-menu 1.3</a></li>
</ul>
</li>
<li><a href="2.htm"menu 2 </a></li>
<li>
<a href="3.htm"menu 3</a>
<ul>
<li><a href="31.htm">sub-menu 3.1</a></li>
<li><a href="32.htm">sub-menu 3.2</a></li>
<li><a href="33.htm">sub-menu 3.3</a></li>
</ul>
</li>
</ul>
</html>

Something very interesting about dynamic menus in css :
http://www.cssplay.co.uk/menus/index.html

--
Stephane Moriaux et son (moins) vieux Mac déjà dépassé
Stephane Moriaux and his (less) old Mac already out of date
Jan 19 '07 #2

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

1
by: | last post by:
I am using ASPUpload and trying to upload images to a database. I have had success in getting the image to the db and then dispalying the imnage on a webpage. The problem is wheni have more than one...
1
by: Jack'o'Light | last post by:
Hi.... I've been playing with a floating navbar, trying to get it to work with mixed success. If anyone is familiar with this particular breed, it is based on a DHTML library file available...
1
by: Leveridge Systems INC | last post by:
We need help with ASP.net work in a Solomom env. Or know anyone ? .. we can reward in cash. -- John D Allen. CEO & President. Leveridge Systems INC.
0
by: Marcelo | last post by:
Hi there; Is anyone familiar with RADIUS protocol? I got to implement a server that receives RADIUS messages (packets) thru port 1812. How can receive and process data thru this port?
0
by: Marja Ribbers-de Vroed | last post by:
Hi, Is anyone here familiar with the capicom.dll? And more specifically with deployment of .cer and .pfx certifcate files? I have a few questions and I'm looking for a suitable place to post...
0
by: jens Jensen | last post by:
how can i access the page user management page(../asp.netwebadminfiles ) when the site is in production? Many thanks in advance JJ
1
by: paultawk | last post by:
Hello everyone, Is anyone familiar with MCI or the FMOD function? i would like some tips using it Regards
0
by: Coaster | last post by:
Hi, In my first attempt I'm confused why I'm not getting a single nodes value but instead getting a ton of extra values that are in the document but located before the value I wish to get. I'm...
1
by: =?Utf-8?B?UmljaA==?= | last post by:
Someone at my place (a higher up someone) asked me (over the phone) if I knew anything about ORD or .ord files/file extensions. After searching google I came up with CAD drawings. Does this...
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
0
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
0
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However,...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...
0
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows...
0
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.