Div innerHTML probleem - Softwareontwikkeling

donderdag 20 juni 2002 12:15

Acties:

.....

Topicstarter

Ik heb een menu met daarin een aantal divjes

het menu ziet er nu zo uit:

item 1
item 2
item 3
item 4
item 5

als ik nu het divje tussen 2 en drie vul dan krijg ik:

item1
item2
subitem 1
subitem 2
subitem 3
item 3
item 4
item 5

als ik het divje nu weer leeg maar (div.innerHTML = '') dan krijg ik:

item1
item2

item3
item4
item5

waar die break vandaan komt weet ik niet iemand een idee

PSN jschut_82 | Xbox: JSchut82

donderdag 20 juni 2002 12:18

Acties:

Verwijderd

Wat geeft alert(div.innerHTML) terug?

donderdag 20 juni 2002 12:24

Acties:

JSchut

.....

Topicstarter

Op donderdag 20 juni 2002 12:18 schreef Gordijnstok het volgende:
Wat geeft alert(div.innerHTML) terug?

geeft een leeg alert scherm terug

had ik namelijk al geprobeerd

PSN jschut_82 | Xbox: JSchut82

donderdag 20 juni 2002 12:33

Acties:

Bosmonster

*zucht*

waarom doe je niet gewoon

div.style.display='none' ?

donderdag 20 juni 2002 12:42

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

een block-element kent altijd een content (vergelijk dat met TD-tjes die altijd een moeten hebben)
ook al zet je de innerHTML op "", dan maakt de engine er een lege spatie van en is het element even hoog als de line-height

eventueel kun je vervangen door een 1px gifje, of display op none zetten, of anders displaz:inline ervan maken of height op 1 en overflow op hidden

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

donderdag 20 juni 2002 12:47

Acties:

Verwijderd

of via de DOM het element verwijderen:

code:

<!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 name="generator"
content="HTML Tidy for Mac OS, see www.w3.org" />
<title>DOM scripting</title>
<script type="text/javascript">
function rem()
{
childThree = document.getElementById('submenu')
menuBody = document.getElementsByTagName('div').item(0)
menuBody.removeChild(childThree)
}
</script>

<style type="text/css">
 div.c3 {position:absolute; left:394px; top:43px; width:189px; height:28px; z-index:2}
 div.c2 {position:absolute; left:58px; top:46px; width:179px; height:auto; border: 1px #000000 solid; z-index:1}
 div.c1 {position:relative; width:179px; height:auto;}
</style>
</head>
<body>
<div id="menucool" class="c2">
<div id="Layer1" class="c1">Item 1</div>

<div id="Layer2" class="c1">Item 2</div>

<div id="submenu" class="c1">subitem 1<br />
 subitem 2<br />
 subitem 3</div>

<div id="Layer3" class="c1">Item 3</div>

<div id="Layer4" class="c1">Item 4</div>

<div id="Layer5" class="c1">Item 5</div>
</div>

<div id="Layer7" class="c3"><a href="javascript://"
onclick="rem();">Click to remove Submenu</a></div>
</body>
</html>

donderdag 20 juni 2002 13:15

Acties:

JSchut

.....

Topicstarter

Op donderdag 20 juni 2002 12:33 schreef Bosmonster het volgende:
waarom doe je niet gewoon

div.style.display='none' ?

thnx dees zocht ik

ik gebruikte ook vaak show maar dit werkt ff beter

PSN jschut_82 | Xbox: JSchut82