Dit gaat alleen even om IE6+ Hallo, ik heb de background-color property in een tag, de tag is (indien de width en height ook zijn gedefineerd) klikbaar als ik er op klik, echter als ik inplaats van een kleur de background-color property op transparent gebruik is de tag alleen nog klikbaar als ik op de tekst klik die in de tag staat.
Nou is dat opzich geen probleem, echter heb ik mijn pagina zo gebouwd dat ik een document heb met daarop een iframe dat doorzichtig is, op het document in het iframe heeft de body ,en een UL staan met daarin een x aantal LI tags. Dit ook allemaal doorzichtig (moeten) zijn. De styles heb ik namelijk erachter op het eerste document staan.
Nu is het dus zo dat ik in elke LI een aantal tags heb daarin met alleen tekst, de tags kunnen span zijn of bijvoorbeeld <label for=LI-ID... Anyway de functionaliteit zit in de LI, als ik op de LI of een van de tags klik dan klik ik in feite op de LI, maar als ik dus alles doorzichtig heb dan moet ik echt op de tekst(en) klikken in de span of label om de LI te klikken, als ik namelijk naast de tekst in span of label tag klik dan krijg ik als srcElement 'HTML' terug, echter als ik de span of label die al heel de tijd width:100 en height:20 pixels zijn een background-color met een werkelijke kleur geef, dan kan ik op de gehele tag klikken zowel in en naast de tekst om de LI te klikken.
Maar hoe kan ik ervoor zorgen dat de tag doorzichtig blijft, en gewoon klikbaar in de gehele ruimte zo groot als de tag is, net zoals wanneer de tag een kleur heeft?
Overigs gebruik ik het doorzichtig zijn zodat ik een layout heb met daaropmeerdere iframe's met wat data.
Code voor de UL/LI:
Nou is dat opzich geen probleem, echter heb ik mijn pagina zo gebouwd dat ik een document heb met daarop een iframe dat doorzichtig is, op het document in het iframe heeft de body ,en een UL staan met daarin een x aantal LI tags. Dit ook allemaal doorzichtig (moeten) zijn. De styles heb ik namelijk erachter op het eerste document staan.
Nu is het dus zo dat ik in elke LI een aantal tags heb daarin met alleen tekst, de tags kunnen span zijn of bijvoorbeeld <label for=LI-ID... Anyway de functionaliteit zit in de LI, als ik op de LI of een van de tags klik dan klik ik in feite op de LI, maar als ik dus alles doorzichtig heb dan moet ik echt op de tekst(en) klikken in de span of label om de LI te klikken, als ik namelijk naast de tekst in span of label tag klik dan krijg ik als srcElement 'HTML' terug, echter als ik de span of label die al heel de tijd width:100 en height:20 pixels zijn een background-color met een werkelijke kleur geef, dan kan ik op de gehele tag klikken zowel in en naast de tekst om de LI te klikken.
Maar hoe kan ik ervoor zorgen dat de tag doorzichtig blijft, en gewoon klikbaar in de gehele ruimte zo groot als de tag is, net zoals wanneer de tag een kleur heeft?
Overigs gebruik ik het doorzichtig zijn zodat ik een layout heb met daaropmeerdere iframe's met wat data.
Code voor de UL/LI:
code:
1
2
3
4
5
6
7
8
9
10
| <ul>
<li id=1 onclick='alert(this.id);'>
<span style='width:100px;height:20px;'>KolomA</span>
<span style='width:100px;height:20px;'>KolomB</span>
</li>
<li id=2 onclick='alert(this.id);'>
...
</li>
...
</ul> |
[ Voor 9% gewijzigd door Verwijderd op 28-06-2006 13:18 ]
:strip_exif()/u/22670/td_icon2.gif?f=community)