/ Forside/ Teknologi / Udvikling / Java Scripts / Spørgsmål
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Dropdown - Programering
Fra : thewizards
Vist : 451 gange
20 point
Dato : 16-02-06 16:52

Jeg har nu endelig fundet ud af at lave en dropdown menu i Java. Mit store problem er nu at få koblet mine mapper fra c drevet til et af punkterne i undermenuen. Er der nogen derude der kan hjælpe mig med dette. Jeg ved ikke hvor, eller hvordan jeg tilføjer i kodeningen.

Jeg har her lagt dropdown menuen, så i kan se hvilken kodning det er.
På forhånd tak
Mvh
Bjarne

<html>

<head>
<style type="text/css">

#csstopmenu, #csstopmenu ul{
padding: 0;
margin: 0;
list-style: none;
}

#csstopmenu li{
float: left;
position: relative;
}

#csstopmenu a{
text-decoration: none;
}

.mainitems{
border-left:0px solid black; border-right:1px solid black; border-top:1px solid black; border-bottom:1px solid black; background-color: #D8FE89
}

.headerlinks a{
margin: auto 8px;
font-weight: bold;
color: black;
}

.submenus{
display: none;
width: 10em;
position: absolute;
top: 1.2em;
left: 0;
background-color: #EEFFCC;
border: 1px solid black;
}

.submenus li{
width: 100%;
}

.submenus li a{
display: block;
width: 100%;
text-indent: 3px;
}

html>body .submenus li a{ /* non IE browsers */
width: auto;
}

.submenus li a:hover{
background-color: yellow;
color: black;
}

#csstopmenu li>ul {/* non IE browsers */
top: auto;
left: auto;
}

#csstopmenu li:hover ul, li.over ul {
display: block;
}

html>body #clearmenu{ /* non IE browsers */
height: 3px;
}

</style>

<script type="text/javascript">

// CSS Top Menu- By JavaScriptKit.com (http://www.javascriptkit.com)
// Adopted from SuckerFish menu
// For this and over 400+ free scripts, visit JavaScript Kit- http://www.javascriptkit.com/
// Please keep this credit intact

startMenu = function() {
if (document.all&&document.getElementById) {
cssmenu = document.getElementById("csstopmenu");
for (i=0; i<cssmenu.childNodes.length; i++) {
node = cssmenu.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function(){
this.className=this.className.replace(" over", "")
}
}
}
}
}

if (window.attachEvent)
window.attachEvent("onload", startMenu)
else
window.onload=startMenu;

</script>
</head>

<body>
<ul id="csstopmenu">

<li class="mainitems" style="border-left-width: 1px">
<div class="headerlinks"><a href="http://www.link.dk">1.menu

<ul class="submenus">
<li><a href="http://javascriptkit.com/">1
<li><a href="http://javascriptkit.com/cutpastejava.shtml">2
<li><a href="http://javascriptkit.com/javaindex.shtml">3
<li><a href="http://javascriptkit.com/jsref/index.shtml">4
</ul>
</li>

<li class="mainitems">
<div class="headerlinks"><a href="http://www.link.dk">2.menu
<ul class="submenus" style="width: 14em">
<li><a href="">5</a></li>
<li><a href="">6</a></li>
<li><a href="">7</a></li>
</ul>
</li>

<li class="mainitems">
<div class="headerlinks"><a href="http://www.link.dk">3.menu
<ul class="submenus">
<li><a href="">8</a></li>
<li><a href="">9</a></li>
<li><a href="">10</a></li>
<li><a href="">sub 11 </a></li>
</ul>
</li>

</ul>

<div id="clearmenu" style="clear: left"></div>

</body>

</html>



 
 
Kommentar
Fra : molokyle


Dato : 16-02-06 22:47

...eller :

Kode
<a href="/fremad/what_ever_file.html" title="10. Link">link 10</a>


Subsidiært :

Kode
<a href="http://www.link.dk/fremad/what_ever_file.html" title="10. Link">link 10</a>


Hvis filen ikke ligger lokalt på din HD, men er oploadet eller ligger på en internetserver. ( http://www.link.dk/ ??? )

(Jf. dit 'private' indlæg )

</MOLOKYLE>

Du har følgende muligheder
Dette spørgsmål er blevet annulleret, det er derfor ikke muligt for at tilføje flere kommentarer.
Søg
Reklame
Statistik
Spørgsmål : 177428
Tips : 31962
Nyheder : 719565
Indlæg : 6407944
Brugere : 218877

Månedens bedste
Årets bedste
Sidste års bedste