Ok, jag vet inte om det här inlägget ska in på JavaScript eller ASP egentligen... Men: <tr> Sant, med det funkar inte ändå (efter att jag har ändrat till </div>)!! Din HTML kod ser lite suspekt ut, så jag ändrade lite... la till lite som du kanske tagit bort med flit för att minska utrymmet i inlägget... men, men. Så här ser iaf koden ut nu och den funkade i min läsare :-). Tror huvudfelet var "display: 'none';" som jag ändrat till "display:none;" som är det rätta sättet (så vitt jag vet) att skriva. Jag fixade det!!!!! Hur?? Jo, genom att lägga div-taggen inuti td-taggen, så här:Utökade menyer!! [Löst!!]
Det är så att jag tänkte göra en utökad meny genom följande kod, men det vill inte funka!!
JavaScript-koden:
<code>
function toggle(id)
{
thisId=document.all(id);
if (thisId.style.display == "none")
{
thisId.style.display = "";
}
else
{
thisId.style.display = "none";
}
}
</code>
Själva koden:
<code>
<tr>
<td colspan="2" class="rubrik"><div class="rubrik" onclick="toggle('News')">News</a></td>
</tr>
<div style="display: 'none';" class="meny" id="News">
<tr>
<td width="2%"></td>
<td class="meny" align="right">Add News</td>
</tr>
<tr>
<td>Change News</td>
</tr>
</div>
</code>
Vad är fel?? När sidan startar så finns undermenyn där (fast det inte ska det), och när jag klickar på huvudmenyn så händer ingenting (fast det ska det)!
Tack på förhand!
//SusanneSv: Utökade menyer!!
<td colspan="2" class="rubrik"><div class="rubrik" onclick="toggle('News')">News</a></td>
</tr>
1.) Det finns ju ingen länk här ju!Sv: Utökade menyer!!
Det ska väl funka i alla webbläsare??!!
//SusanneSv: Utökade menyer!!
<code>
<TABLE>
<tr>
<td colspan="2" class="rubrik">News</td>
</tr>
</TABLE>
<div style="display:none;" class="meny" id="News">
<TABLE>
<tr>
<td width="2%"></td>
<td class="meny" align="right">Add News</td>
</tr>
<tr>
<td>Change News</td>
</tr>
</TABLE>
</div>
</code>Sv: Utökade menyer!!
<code>
<tr>
<td width="2%"></td>
<td class="meny" align="right"><div style="display:none;" class="meny" id="News">Add News <img src="images\prick.jpg" border="0" WIDTH="6" HEIGHT="5">
<br>Change News <img src="images\prick.jpg" border="0" WIDTH="6" HEIGHT="5"></div></td>
</tr>
</code>
Tack för mig!!
//Susanne