Avatar billede ghost1 Nybegynder
30. juni 2004 - 11:31 Der er 4 kommentarer og
1 løsning

topmenu, problem med div tags og indhold i dem.

Hej

Jeg har et problem med at indsætte tables,tr og td´s i mine div tags.. jeg har vedhæftet en kode til test - jeg ville gerne have en multiline div-tag hvor alt efter hvad jeg klikker på i menuen, hopper til den givende adresse - problemet er bare at det ser ud til at man ikke kan have andre tags i div´en end <br>

-------
<html>
<head>
<script>
function test(id)
{

eval("document.all.floatLayer"+id+".style.display = 'none'")
}

function testen(id,elementnavn)
{



if (id == 1)
{
document.all.floatLayer1.style.display = 'block';
document.all.floatLayer2.style.display = 'none';
document.all.floatLayer3.style.display = 'none';
}
if (id == 2)
{
document.all.floatLayer1.style.display = 'none';
document.all.floatLayer2.style.display = 'block';
document.all.floatLayer3.style.display = 'none';
}
if (id == 3)
{
document.all.floatLayer1.style.display = 'none';
document.all.floatLayer2.style.display = 'none';
document.all.floatLayer3.style.display = 'block';
}
}

function testen2(id)
{
}

</script>

</HEAD>


<BODY>





<DIV id="floatLayer1" style="cursor:hand;display:none;position: absolute;  width:200px; left:100px; top:20px;z-index: 100"  onmouseout="test(1);"><span style="color:green"><a href="http://www.google.com">hsajdasjhd</a><br><a href="http://www.google.com">hsajdasjhd</a><br><a href="http://www.google.com">hsajdasjhd</a></span></DIV>
<DIV id="floatLayer2" style="cursor:hand;display:none;position: absolute;  width:200px; left:100px; top:40px;z-index: 100"  onmouseout="test(2);">test<br>test2</DIV>
<DIV id="floatLayer3" style="cursor:hand;display:none;position: absolute;  width:200px; left:100px; top:60px;z-index: 100"  onmouseout="test(3);"><table><tr><td>punkt1</td><td>punkt2</td><td>punkt3</td></tr></table></DIV>


<table>
<tr><td style="cursor:hand;" onmouseover="testen('1',this)" onmouseout="testen2('1')">test1</td></tr>
<tr><td style="cursor:hand;" onmouseover="testen('2',this)" onmouseout="testen2('2')">test2</td></tr>
<tr><td style="cursor:hand;" onmouseover="testen('3',this)" onmouseout="testen2('3')">test3</td></tr>
</table>

Jeg tror man vil kunne se problemet når man kører koden.. den kan ikke rigtigt finde ud af om den stadig er i div tag´en eller ej når man putter flere elementer ind i den. håber der er en der har et kvik løsning.. :)
Avatar billede skovenborg Nybegynder
30. juni 2004 - 12:16 #1
jeg har lavet lidt om på din funktion så den også virker i andre browsere:
var activeElm;
function testen(id,elementnavn)
{
if (activeElm) {activeElm.style.display = 'none';}
activeElm = document.getElementById("floatLayer"+id);
activeElm.style.display = 'block';
}

function testen2(id)
{
}


og så skal du ændre lidt din html:
<DIV id="floatLayer1" style="cursor:hand;display:none;position: absolute;width:200px; left:100px; top:20px;z-index: 100" onmouseover="this.style.display='block';" onmouseout="this.style.display='none';"><a href="http://www.google.com">hsajdasjhd</a><br><a href="http://www.google.com">hsajdasjhd</a><br><a href="http://www.google.com">hsajdasjhd</a></DIV>
<DIV id="floatLayer2" style="cursor:hand;display:none;position: absolute; width:200px; left:100px; top:40px;z-index: 100" onmouseover="this.style.display='block';" onmouseout="this.style.display='none';">test<br>test2</DIV>
<DIV id="floatLayer3" style="cursor:hand;display:none;position: absolute;  width:200px; left:100px; top:60px;z-index: 100" onmouseover="this.style.display='block';" onmouseout="this.style.display='none';"><table><tr><td>punkt1</td><td>punkt2</td><td>punkt3</td></tr></table></DIV>
Avatar billede skovenborg Nybegynder
30. juni 2004 - 12:19 #2
tricket ligger i disse to events:
onmouseover="this.style.display='block';" onmouseout="this.style.display='none';"
Når musen kører over noget i div'en bliver for den også besked på at vise elementet og ikke, som før, kun at skjule den - hvilket så åbenbart gav problemmer.
Avatar billede ghost1 Nybegynder
06. juli 2004 - 17:46 #3
Undskyld det sene svar, men har været på ferie - men du er en guttermand , da det lige er det jeg skal bruge , ved ikke hvorfor jeg ikke selv tænkte så langt... du har i den grad fortjent de points - hvis du åber et svar skal du få dine points Skovenborg..:)
Avatar billede skovenborg Nybegynder
06. juli 2004 - 18:10 #4
det helt i orden da :-)
Avatar billede skovenborg Nybegynder
02. august 2004 - 23:33 #5
og tak for points :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

IT-JOB