nerd111 schreef:
Ik heb een scriptje nodigt
<body id="body">
<div onmouseover="getElementById('body').innerHTML = 'Iets2';" onmouseout="getElementById('body').innerHTML = 'Iets';">
Iets
</div>
</body>
<span>
i.p.v. <div>
, de laatste is namelijk net zo breed als de pagina.onclick="getElementById('body').innerHTML = 'Iets2';"
Remi schreef:Ik begrijp pas wat je bedoelt.
Zoals Elbert al zei (die het probleem dus al voorzag) moet je een <span> gebruiken. Binnen je <li>.
<ul>
<li><div onmouseover="this.innerHTML = 'Aardappels met chocoladevla!'" onmouseout="this.innerHTML = 'Berenkoekjes!'">Tomaten met suikersaus</div></li>
<li><div onmouseover="this.innerHTML = 'Boerenkool met kaasworteltjes!'" onmouseout="this.innerHTML = 'Bananenfrikandellen!'">Gekkekoeienziekte op een stokje</div></li>
</ul>
onmouseout="getElementById('body').innerHTML = ' ' ; "
nerd111 schreef:oke. bedankt en de weet je toevallig ook over <li> in mouseover?
<li id="list_item">...</li>
, dan kun je ergens anders bijvoorbeeld dit doen: onmouseover="getElementById('list_item').innerHTML = 'Nieuwe tekst' ; "
en zo: onmouseout="getElementById('list_item').innerHTML = 'Oude tekst' ; "
<div id="d1">Tekst hier</div>
<div id="d2" style="display: none;"><ul><li>Lijst hier</li></ul></div>
<div onmouseover="over()" onmouseout="out()">lol</div>
function over()
{
document.getElementById('d1').style.display = 'none';
document.getElementById('d2').style.display = 'block';
}
function out()
{
document.getElementById('d2').style.display = 'none';
document.getElementById('d1').style.display = 'block';
}
nerd111 schreef:Dat heb ik gedaan, maar nu spaced het echt, kijk maar: http://www.in-zicht.in/1.html
edit: maar het lijkt wel de goede kant op te gaan:D
Keer terug naar HTML, CSS, Javascript