On behalve of an previous topic I opened on one of these pages on this forum, in wich one problem is solved, I now open up a new topic wich issues the second problem wich I gladly would like to see solved, it's this: (The first problem is solved in here: http://forum.alsacreations.com/topic-23-10114-1-ANGLAIS-Problems-With-A-JavascriptCSS-vertical-Dropdown-Menu.html )
"First off all I would like to say that I don't know any more French than "Je n'ai comprend pas, tu parlez Anglais?? No? Tu Zut..." (and I HOPE this isn't taken wrong when I say that to a French person If you know what I mean!). And most of the time it's enough for me as a Dutch person, altough I know my Englisch, and I will try to see if someone here knows it to who can help me, cause I already mailed this to the webmaster, but he is to busy to help me, and sugested me to put it on the forum here, altough that is in French, I try to see how far I come with navigating in here, cause I also have a PHPbb Forum on one of my servers... But please every respons in here in Englisch, cause I don't understand French (and you might have seen in my only full French sentence I know!)
Well, now the problem:
I have 1 question (left) about a CSS and (X)HTML drop-down (vertical and
horizontal) menu wich is explained in Englisch
(http://tutorials.alsacreations.com/deroulant/) on one of the pages on
this website. I am trying to customise the vertical dropdown menu to my needs, just similar like the one located on www.henkhouben.nl/Test has. Only, you might have seen, that menu is not working 100%, and I've been working with this one for more than 1 year now, but I can't seem to fix it right! So after a long search I found this very similar menu from this website....
The problem:
When on www.henkhouben.nl/Test you see >-images but when you openup a menu, the image changes, and when you open up another menu (like this new menu also does, that is one of the key-features to me!), the image changes back.
Could this also be made applieable to this menu??? If so, could someone tell me (or do for me) how to customise that so it does exactly what the menu on www.henkhouben.nl/Test does???
- I putted the menu as it is now on the net here http://www.henkhouben.nl/Test3 and
- the menu witch was as I had edited it, is located here:
http://www.henkhouben.nl/Test2
So you can see the changes cq. can visualise the whole!
- http://www.henkhouben.nl/Test still is the old one!
the total code for this one-page-multiple-frame-menu (to call it like that!) as it is now, is as followed:
I hope someone understands this and is able to help me....
untill then, I already wanna thank the one who is able to help me, and untill then, I remain...
Your Sincerrely,
Mark
Pays Bas
Edited by djdadevil (15 Jan 2006 - 13:24)
"First off all I would like to say that I don't know any more French than "Je n'ai comprend pas, tu parlez Anglais?? No? Tu Zut..." (and I HOPE this isn't taken wrong when I say that to a French person If you know what I mean!). And most of the time it's enough for me as a Dutch person, altough I know my Englisch, and I will try to see if someone here knows it to who can help me, cause I already mailed this to the webmaster, but he is to busy to help me, and sugested me to put it on the forum here, altough that is in French, I try to see how far I come with navigating in here, cause I also have a PHPbb Forum on one of my servers... But please every respons in here in Englisch, cause I don't understand French (and you might have seen in my only full French sentence I know!)
Well, now the problem:
I have 1 question (left) about a CSS and (X)HTML drop-down (vertical and
horizontal) menu wich is explained in Englisch
(http://tutorials.alsacreations.com/deroulant/) on one of the pages on
this website. I am trying to customise the vertical dropdown menu to my needs, just similar like the one located on www.henkhouben.nl/Test has. Only, you might have seen, that menu is not working 100%, and I've been working with this one for more than 1 year now, but I can't seem to fix it right! So after a long search I found this very similar menu from this website....
The problem:
When on www.henkhouben.nl/Test you see >-images but when you openup a menu, the image changes, and when you open up another menu (like this new menu also does, that is one of the key-features to me!), the image changes back.
Could this also be made applieable to this menu??? If so, could someone tell me (or do for me) how to customise that so it does exactly what the menu on www.henkhouben.nl/Test does???
- I putted the menu as it is now on the net here http://www.henkhouben.nl/Test3 and
- the menu witch was as I had edited it, is located here:
http://www.henkhouben.nl/Test2
So you can see the changes cq. can visualise the whole!
- http://www.henkhouben.nl/Test still is the old one!
the total code for this one-page-multiple-frame-menu (to call it like that!) as it is now, is as followed:
a écrit :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>MenuFrame</title>
<script type="text/javascript">
<!--
window.onload=show;
function show(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
<style type="text/css" media="screen">
<!--
body {
margin: 0;
padding: 0;
background: black;
font: 70% verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-image:url(images/bullet.gif); /* replacing/your your bullets */
}
#menu {
position: absolute; /* Menu position that can be changed at will */
top: 77px;
left: 20px;
}
#menu {
width: 20em;
}
#menu dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: left;
font-weight: bold;
border: 1px Black;
background: black;
}
#menu dd {
border: 1px Black;
}
#menu li {
text-align: left;
margin-left:2em;
background: black;
}
#menu li a, #menu dt a {
color: #fff;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu li a:hover, #menu dt a:hover {
background: black;
}
.style1 {color: #FFFFFF}
dt span, dt a { background:url(images/closed.gif) left bottom no-repeat;padding-left:30px;} /* using you open image */
--></style>
</head>
<body>
<dl id="menu">
<dt onclick="javascript:show();"><a href="mainFrame.html" target="mainFrame">Home</a></dt>
<dt onclick="javascript:show('smenu2');">
<span class="style1">Maastricht</span></dt>
<dd id="smenu2">
<ul>
<li class="style1">
<a href="pages/page1.html" target="mainFrame"> Page 1</a></li>
<li class="style1">
<a href="pages/page2.html" target="mainFrame"> Page 2</a></li>
<li class="style1">
<a href="pages/page3.html" target="mainFrame"> Page 3</a></li>
</ul>
</dd>
<dt onclick="javascript:show('smenu3');">
<span class="style1">Events</span></dt>
<dd id="smenu3">
<ul class="style1">
<li>
<a href="pages/page4.html" target="mainFrame"> Page 4</a></li>
<li>
<a href="pages/page5.html" target="mainFrame"> Page 5</a></li>
<li>
<a href="pages/page6.html" target="mainFrame"> Page 6</a></li>
</ul>
</dd>
<dt onclick="javascript:show('smenu4');">
<span class="style1">Travel</span></dt>
<dd id="smenu4">
<ul>
<li class="style1">
<a href="pages/page7.html" target="mainFrame"> Page 7</a></li>
<li class="style1">
<a href="pages/page8.html" target="mainFrame"> Page 8</a></li>
<li class="style1">
<a href="pages/page9.html" target="mainFrame"> Page 9</a></li>
</ul>
</dd>
<dt onclick="javascript:show('smenu5');">
<span class="style1">Sphinx</span></dt>
<dd id="smenu5">
<ul>
<li class="style1">
<a href="pages/page10.html" target="mainFrame"> Page 10</a></li>
<li class="style1">
<a href="pages/page11.html" target="mainFrame"> Page 11</a></li>
<li class="style1">
<a href="pages/page12.html" target="mainFrame"> Page 12</a></li>
</ul>
</dd>
<dt onclick="javascript:show('smenu6');">
<span class="style1">Diversity</span></dt>
<dd id="smenu6">
<ul>
<li class="style1">
<a href="pages/page13.html" target="mainFrame"> Page 13</a></li>
<li class="style1">
<a href="pages/page14.html" target="mainFrame"> Page 14</a></li>
<li class="style1">
<a href="pages/page15.html" target="mainFrame"> Page 15</a></li>
</ul>
</dd>
<dt onclick="javascript:show('smenu7');">
<span class="style1">Author</span></dt>
<dd id="smenu7">
<ul>
<li class="style1">
<a href="pages/PhotographerHH.html" target="mainFrame"> Photographer</a></li>
<li class="style1">
<a href="pages/PhotographerHHNL.html" target="mainFrame"> Dutch
Translation</a></li>
<li class="style1">
<a href="pages/CreatorMH.html" target="mainFrame"> Creator</a></li>
<li class="style1">
<a href="pages/CreatorMHNL.html" target="mainFrame"> Dutch
Translation</a></li>
</ul>
</dd>
<dt onclick="javascript:show('smenu8');">
<span class="style1">Links</span></dt>
<dd id="smenu8">
<ul>
<li class="style1">
<a href="http://www.google.nl" target="_blank"> Google</a></li>
<li class="style1">
<a href="http://www.clubcharts.nl" target="_blank"> Clubcharts</a></li>
<li class="style1">
<a href="http://www.djdadevil.com" target="_blank"> Dj Da Devil</a></li>
</ul>
</dd>
<dt onclick="javascript:show('smenu9');">
<span class="style1">Contact</span></dt>
<dd id="smenu9">
<ul>
<li class="style1">
<a href="mailto:henk@henkhouben.nl"> E-Mail</a></li>
</ul>
</dd>
</dl>
</body>
</html>
I hope someone understands this and is able to help me....
untill then, I already wanna thank the one who is able to help me, and untill then, I remain...
Your Sincerrely,
Mark
Pays Bas
Edited by djdadevil (15 Jan 2006 - 13:24)
)
)
Now finally a fully functional-and-custom-frame-page-javascript-tree-menu (something else than Flash wich I usually use for that, but some customers don't want to use Flash as navigator, they believe that my license doesn't work for them (but in real time, I've got a license, and may publish own Flash work everywhere on the net, and those customers just don't believe it, but alright,) I happy, they happy, everyone happy!!!)
with firefoxe.