24 svar · 707 visningar · startad av Bosse168
Fick denna koden för att få fram dom olika under menyerna men vad ska det vara för länk för att få fram dom?
<SCRIPT language=JavaScript1.2>
var submenu=new Array()
submenu[1]='text 1'
submenu[2]='text 2'
submenu[3]='text 3'
</skript>
Ingen som kan hjälpa mig? :(
Du visar kod för hur man skapar en array och fyller sedan några array-element, och undrar hur man gör länkar av dem?
Du får utveckla din fråga en hel massa och eventuellt visa mer kod.
Det är det jag behöver hjälp med alltså hur ska jag göra för att få fram array-elementen?
<script type="text/javascript">
var submenu=new Array()
submenu[1]='text 1';
submenu[2]='text 2';
submenu[3]='text 3';
document.write(submenu[2]); // skriver ut "text 2"
</script>
:q
Hur länkar man för att få fram dom olika sub menyerna?
Jag hänvisar till http://www.webforum.nu/showthread.php?s=&postid=899561#post899561
Jag har ingen mer kod.
Det kan hända att det bara är jag som inte förstår vad det är du vill åstadkomma, men jag tror inte så är fallet.
Om du inte har mer kod ber jag dig att utförligt beskriva vad det är du vill göra. Om det hela är en följdfråga till någon annan tråd är det lämpligt om du länkar till den tråden.
Jag vill att när man klickar på en länk (huvudkategorin) så ska dess sub meny visas.
använd dig av display:block/none
Och hur gör man detta kan nada när det gäller javascript.
prova denna kod. Är det så här du vill ha det?
<html>
<head>
<script language="javascript1.2">
function andra(i){
if (document.getElementById(i).style.display="block"){
document.getElementById(i).style.display="none"
}
else{
document.getElementById(i).style.display="block";
}
}
</script>
</head>
<body>
<table id="1" style="cursor:pointer" onclick="andra('1submeny');"><tr><td>Meny1</td></tr></table>
<table id="1submeny" style="display:none"><tr><td>submeny1</td></tr><p>
<tr><td>submeny1</td></tr><p>
<tr><td>submeny1</td></tr><p>
<tr><td>submeny1</td></tr></table><p>
<table id="2" style="cursor:pointer" onclick="andra('2submeny');"><tr><td>Meny2</td></tr></table>
<table id="2submeny" style="display:none"><tr><td>submeny2</td></tr><p>
<tr><td>submeny2</td></tr><p>
<table id="3" style="cursor:pointer" onclick="andra('3submeny');"><tr><td>Meny3</td></tr></table>
<table id="3submeny" style="display:none"><tr><td>submeny3</td></tr><p>
<tr><td>submeny3</td></tr><p>
<tr><td>submeny3</td></tr><p>
<tr><td>submeny3</td></tr><p>
<table id="4" style="cursor:pointer" onclick="andra('4submeny');"><tr><td>Meny4</td></tr></table>
<table id="4submeny" style="display:none"><tr><td>submeny4</td></tr><p>
<tr><td>submeny4</td></tr><p>
<tr><td>submeny4</td></tr><p>
</body>
</html>
Det funkar inte alls.
oj då....jag testade bara med Mozilla FireFox. Jag har ingen aning om varför den inte funkar med Internet Explorer. Säkert krävs det bara ngn liten ändring.
nu...den här funkar
<html>
<head>
<script language="javascript1.2">
function andra(i){
if (document.getElementById(i).style.display == "block"){
document.getElementById(i).style.display="none"
}
else{
document.getElementById(i).style.display="block";
}
}
</script>
</head>
<body>
<table id="1" onClick="andra('1submeny');" style="cursor:pointer"><tr><td>Meny1</td></tr></table>
<table id="1submeny" style="display:none"><tr><td>submeny1</td></tr><p>
<tr><td>submeny1</td></tr><p>
<tr><td>submeny1</td></tr><p>
<tr><td>submeny1</td></tr></table><p>
<table id="2" style="cursor:pointer" onclick="andra('2submeny')"><tr><td>Meny2</td></tr></table>
<table id="2submeny" style="display:none"><tr><td>submeny2</td></tr><p>
<tr><td>submeny2</td></tr></table><p>
<table id="3" style="cursor:pointer" onclick="andra('3submeny');"><tr><td>Meny3</td></tr></table>
<table id="3submeny" style="display:none"><tr><td>submeny3</td></tr><p>
<tr><td>submeny3</td></tr><p>
<tr><td>submeny3</td></tr><p>
<tr><td>submeny3</td></tr></table><p>
<table id="4" style="cursor:pointer" onclick="andra('4submeny');"><tr><td>Meny4</td></tr></table>
<table id="4submeny" style="display:none"><tr><td>submeny4</td></tr><p>
<tr><td>submeny4</td></tr><p>
<tr><td>submeny4</td></tr></table><p>
</body>
</html>
Är det sådan kod du efterlyser så tipsar jag att du kollar i scriptarkivet.
Det scriptet funkade men jag vill att om man klickar på en ny huvud meny så ska den som man klickade på innan försvinna.
<script language="javascript1.2">
function andra(i,i1,i2,i3,i4){
if (document.getElementById(i).style.display == "block"){
document.getElementById(i).style.display="none";
}
else{
document.getElementById(i).style.display="block";
document.getElementById(i1).style.display="none";
document.getElementById(i2).style.display="none";
document.getElementById(i3).style.display="none";
document.getElementById(i4).style.display="none";
}
}
</script>
</head>
<body>
<table id="1" onClick="andra('1submeny','2submeny','3submeny','4submeny');" style="cursor:pointer"><tr><td>Meny1</td></tr></table>
<table id="1submeny" style="display:none"><tr><td>submeny1</td></tr>
<tr><td>submeny1</td></tr>
<tr><td>submeny1</td></tr>
<tr><td>submeny1</td></tr></table>
<table id="2" style="cursor:pointer" onclick="andra('2submeny','1submeny','3submeny','4submeny')"><tr><td>Meny2</td></tr></table>
<table id="2submeny" style="display:none"><tr><td>submeny2</td></tr>
<tr><td>submeny2</td></tr></table>
<table id="3" style="cursor:pointer" onclick="andra('3submeny','1submeny','2submeny','4submeny');"><tr><td>Meny3</td></tr></table>
<table id="3submeny" style="display:none"><tr><td>submeny3</td></tr>
<tr><td>submeny3</td></tr>
<tr><td>submeny3</td></tr>
<tr><td>submeny3</td></tr></table>
<table id="4" style="cursor:pointer" onclick="andra('4submeny','1submeny','2submeny','3submeny');"><tr><td>Meny4</td></tr></table>
<table id="4submeny" style="display:none"><tr><td>submeny4</td></tr>
<tr><td>submeny4</td></tr>
<tr><td>submeny4</td></tr></table>
Det scriptet funkar men det blir en ful liten gul varnings ikon nere i vänstra hörnet och det står att det är fel på sidan i Explorer.