waddup'
ik ben bezig handmatig een dropdownbox te maken, omdat de style niet goed aanpasbaar is en niet past in mijn layout.
dat heb ik op de volgende manier aangepakt : inputfield, met daarachter een gifje die een div wel of niet laat zien (precies onder die inputfield).
Ik wil deze code zo min mogelijk hoeven aanpassen bij vaker gebruik. dit is de methode die ik gebruik om de div te laten zien menutable is de inputfield en list 1 de table met de keuzes.
de verticale positie is gewoon goed, gewoon een aantal pixels (relative) onder de originele postitie zodat ie precies onder die inputfield staat.
het probleem is de horizontale positie ,de div staat nu 1 pixel meer naar links dan die inputfield. ook al hebben ze exact dezelfde positie ( heeft met de style van die inputfield te maken denk ik ) ..
obj.style.left = obj2.style.left + 1 werkt niet ..
wat werkt wel
ik ben bezig handmatig een dropdownbox te maken, omdat de style niet goed aanpasbaar is en niet past in mijn layout.
dat heb ik op de volgende manier aangepakt : inputfield, met daarachter een gifje die een div wel of niet laat zien (precies onder die inputfield).
Ik wil deze code zo min mogelijk hoeven aanpassen bij vaker gebruik. dit is de methode die ik gebruik om de div te laten zien menutable is de inputfield en list 1 de table met de keuzes.
code:
1
2
3
4
5
6
7
8
9
| function show(number)
{
obj2 = document.getElementById( 'menutable' )
obj = document.getElementById( 'list1' )
obj.style.left = obj2.style.left
number.style.display=''
} |
de verticale positie is gewoon goed, gewoon een aantal pixels (relative) onder de originele postitie zodat ie precies onder die inputfield staat.
het probleem is de horizontale positie ,de div staat nu 1 pixel meer naar links dan die inputfield. ook al hebben ze exact dezelfde positie ( heeft met de style van die inputfield te maken denk ik ) ..
obj.style.left = obj2.style.left + 1 werkt niet ..
wat werkt wel