Door
Wout van der Burg
op 07-04-2011 13:50
gewijzigd op 07-04-2011 13:53
1.838 views
Hallo,
Ik heb een webpagina met een aantal inputvelden.
Hieroverheen komt met een bepaalde actie een div te liggen.
Binnen deze div bevindt zich ook een inputveld, die hierdoor over een ander inputveld komt te liggen
Echter, als ik in het inputveld in de div div klik, ten hoogte van het inputveld die eronder ligt, wordt er op het inputveld eronder gefocust.
Hoe kan ik dit verhelpen?
- Z-index aanpassen helpt niet
- <div onclick="return false;"> helpt niet
- <input onclick="return false;" /> helpt niet
Hoe kan ik dit verhelpen?
?
Onbekende gebruiker
07-04-2011 13:57
Hebben ze dezelfde naam? Post anders even je script.
Met bovenstaand inputveld wordt d.m.v. AJAX een div zichtbaar gemaakt en gevuld met onderstaande div.
<?php
<div style="z-index:1;width:100%;height:100%;">
<td>
<input type="text" id="arttrefwoord" name="arttrefwoord" style="width:180px" onkeyup="showResult(this.value);" /> <a href="">Voeg tekst toe</a>
</td>
<td><div id="result"></div></td>
</div>
?> Toevoeging op 07/04/2011 14:31:27:
Bovenstaande afbeelding geeft de situatie weer.
In eerste instantie heb ik nu op het inputveld naast de tekst 'egelaar' geklikt.
Vervolgens komt het divje eroverheen.
Als ik nu in het veld klik onder het inputveld naast 'voeg tekst toe', zet hij de focus op het veld eronder.
Toevoeging op 07/04/2011 15:50:29:
Ik heb het opgelost door in javascript te kijken of het divje al geopend is (display:block). Hiertoe heb ik de vervolgacties afgebroken en de focus op het terfwoordveld laten zetten á la;
<?php
// voor kleur
function showZoekert() {
if (document.getElementById("zoekert") != undefined) {
if (document.getElementById("zoekert").style.display=='block') {
document.getElementById("arttrefwoord").focus();
return false;
}
}
// ANDERS DIV OPNIEUW LADEN...
}
?>
