How do I get the 'ListMenu' snippet to show children on mouseover without being on the childrens parent. At the moment you have to click on the parent page before the children are visable.
Any ideas?
http://new.ittelenet.com
Cheers John
1
ListMenu showing children on mouseover
Started by johnmcgeary, Nov 09 2008 10:40 PM
14 replies to this topic
#1
-
- Member
- 1 posts
Etomite Forum Newbie
Posted 09 November 2008 - 10:40 PM
Hi Guys,
How do I get the 'ListMenu' snippet to show children on mouseover without being on the childrens parent. At the moment you have to click on the parent page before the children are visable.
Any ideas?
http://new.ittelenet.com
Cheers John
How do I get the 'ListMenu' snippet to show children on mouseover without being on the childrens parent. At the moment you have to click on the parent page before the children are visable.
Any ideas?
http://new.ittelenet.com
Cheers John
#2
-
- Admin
-
- 6,505 posts
Loves Etomite Forums!
- Gender:Male
Posted 10 November 2008 - 12:45 AM
Your best bet is to select an alternate menu snippet that uses Javascript... The ListMenu snippet dynamically builds only the selected child branch with every click... For what you have described, you need the entire menu tree rendered and then displayed via Javascript show/hide commands...
#3
-
- Developers
-
- 1,104 posts
Loves Etomite Forums!
- Gender:Male
Posted 10 November 2008 - 10:00 AM
Quote
Your best bet is to select an alternate menu snippet that uses Javascript...
#4
-
- Member
- 33 posts
Etomite Forum Newbie
Posted 24 March 2009 - 02:50 PM
Cris D., on Nov 10 2008, 03:30 PM, said:
Or there's Pro_Dropdown Menu That can be tamed to only show children 1xlevel deep.
Can someone help me with this? My menu is working fine. but the images are not being displayed. For eg. purposes, i have put the link on a sandbox installation on one domain.
http://www.spaceprop...index.php?id=41
I've done everything just as mentioned in the readme written by Chris. I am calling it like this in this particular testing template.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
[!MetaTagsExtra!]
<link rel="stylesheet" type="text/css" href="templates/prodrop2/prodrop2.css" media="all" />
<link rel="shortcut icon" href="./favicon.ico" />
</head>
<body>
<div id="menu">
[!prodrop2!]
</div>
<div id="content">
[*content*]
</div>
</body>
</html>
Any help would be great great amazing..
~Vineesh
#5
-
- Admin
-
- 6,505 posts
Loves Etomite Forums!
- Gender:Male
Posted 24 March 2009 - 03:16 PM
@Vineesh...
Checking out the rendered source code I'm not seeing any references to img tags or classes that might place images...
Checking out the rendered source code I'm not seeing any references to img tags or classes that might place images...
#6
-
- Member
- 33 posts
Etomite Forum Newbie
Posted 25 March 2009 - 01:59 AM
Ralph, on Mar 24 2009, 08:46 PM, said:
@Vineesh...
Checking out the rendered source code I'm not seeing any references to img tags or classes that might place images...
Checking out the rendered source code I'm not seeing any references to img tags or classes that might place images...
Its in the style sheet. I found out the problem... My etomite installation is under sandbox under www in my host. hence i hd to add /sandbox to the css linking.
So i changed
<link rel="stylesheet" type="text/css" href="templates/prodrop2/prodrop2.css" media="all" />
to
<link rel="stylesheet" type="text/css" href="/sandbox/templates/prodrop2/prodrop2.css" media="all" />
and now its working...
Thanks for replying though.
#7
-
- Member
- 33 posts
Etomite Forum Newbie
Posted 25 March 2009 - 07:10 AM
I spoke too soon...
The images are being displayed now.. (I forgot to mention in the previous post. I had changed the path in the css file for the images... to contain /sandbox(for eg. /sandbox/templates/prodrop2/button4.gif) after which images are coming... but now there is another problem. Its not dropping down when i hover on the menues which contain sub items. :'(
Any help is welcome..
Anyone wanting to take a direct look at my etomite manager, i will be more than willing to share the login details seperately.
~Vineesh
The images are being displayed now.. (I forgot to mention in the previous post. I had changed the path in the css file for the images... to contain /sandbox(for eg. /sandbox/templates/prodrop2/button4.gif) after which images are coming... but now there is another problem. Its not dropping down when i hover on the menues which contain sub items. :'(
Any help is welcome..
Anyone wanting to take a direct look at my etomite manager, i will be more than willing to share the login details seperately.
~Vineesh
Edited by Vineesh, 25 March 2009 - 07:44 AM.
#8
-
- Admin
-
- 6,505 posts
Loves Etomite Forums!
- Gender:Male
Posted 25 March 2009 - 12:55 PM
EDIT: Never mind... I see now that it's all CSS based like the one I wrote a while back fro my son (pro_dropline)...
I generally test stuff like this with a blank template to eliminate everything else...
If you can't figure things out, PM me and I'll take a look...
I generally test stuff like this with a blank template to eliminate everything else...
If you can't figure things out, PM me and I'll take a look...
#9
-
- Member
- 33 posts
Etomite Forum Newbie
Posted 26 March 2009 - 01:22 PM
Ralph looked into my installation and found that i had forgotten the doctype...
This is for those ppl who wanna use this menu but get stuck. These are the issues i faced.
Thanks a zillion to Ralph for helping on this. Hopefully, I can get the production site up soon and share my template with everyone.
This is for those ppl who wanna use this menu but get stuck. These are the issues i faced.
Thanks a zillion to Ralph for helping on this. Hopefully, I can get the production site up soon and share my template with everyone.
#10
-
- Admin
-
- 6,505 posts
Loves Etomite Forums!
- Gender:Male
Posted 26 March 2009 - 03:41 PM
Vineesh, on Mar 26 2009, 09:22 AM, said:
Ralph looked into my installation and found that i had forgotten the doctype...
This is for those ppl who wanna use this menu but get stuck. These are the issues i faced.
Thanks a zillion to Ralph for helping on this. Hopefully, I can get the production site up soon and share my template with everyone.
This is for those ppl who wanna use this menu but get stuck. These are the issues i faced.
Thanks a zillion to Ralph for helping on this. Hopefully, I can get the production site up soon and share my template with everyone.
You're welcome, Vineesh...
This should serve as an example to all the importance of using valid markup, including appropriate DOCTYPE's... Newer browsers need them in order to properly parse the markup supplied... The golden days of relying on a generic <html> tag without a prior DOCTYPE are gone... When a browser is dumped into Quirks Mode all bets are off as far as predictable performance...
In this instance, replacing the <html> tag with a proper DOCTYPE header solved days of ongoing frustrations...
Note to Vineesh... You still need to add a <title> line to the <head> section for proper validation...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <title>[~pagetitle~]</title>
#11
-
- Member
- 33 posts
Etomite Forum Newbie
Posted 26 March 2009 - 05:02 PM
Ralph, on Mar 26 2009, 09:11 PM, said:
Note to Vineesh... You still need to add a <title> line to the <head> section for proper validation...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <title>[~pagetitle~]</title>
Thanks for that Ralph, I shall surely do that when i get to the production site. I'm almost there.. But before that, I have a big query on getsidebar snippet, unpublished documents and the "document has not been cached" thing. I shall post in the appropriate forum. Please do reply. These are showstopper questions for me
#12
-
- Member
- 33 posts
Etomite Forum Newbie
Posted 28 March 2009 - 01:04 PM
This menu on Hover not working properly in Internet Explorer 6. There is a small gap rendered between the top menu bar and the span down menu which is making the menu to disappear when I go down to click on one of the children. This is screwing me up now..
Can anyone help me? Tell me what to do?
The page is at
http://www.spaceprop...es.in/contents/
It works fine in Firefox versions though.
Also, when i add more content below the menu, the drop down menu tends to go behind the data... Any solutions for that too?
~Vineesh
Can anyone help me? Tell me what to do?
The page is at
http://www.spaceprop...es.in/contents/
It works fine in Firefox versions though.
Also, when i add more content below the menu, the drop down menu tends to go behind the data... Any solutions for that too?
~Vineesh
#13
-
- Member
-
- 1,173 posts
Loves Etomite Forums!
Posted 28 March 2009 - 04:44 PM
I suspect this is not an issue with the snippet, but with your CSS code... So we can't help without looking at your css file...
#14
-
- Member
- 33 posts
Etomite Forum Newbie
Posted 28 March 2009 - 04:57 PM
Jelmer, on Mar 28 2009, 10:14 PM, said:
I suspect this is not an issue with the snippet, but with your CSS code... So we can't help without looking at your css file...
Sure.
My Site is available here.
http://spaceproperties.in/contents
and the css is
http://spaceproperties.in/contents/templat...lay/webplay.css
#15
-
- Developers
-
- 1,104 posts
Loves Etomite Forums!
- Gender:Male
Posted 28 March 2009 - 09:45 PM
This snippet took hours of trial and error to get it working. I suggest you spend a few minutes changing some values in the css to work out which property controls the height. I don't know enough about css to tell you straight up where it is, but if I had to find this out, that's how I would do it. Trial and error is the best teacher when adapting existing code.
1 user(s) are reading this topic
0 members, 1 guests, 0 anonymous users
