Bonjour à tous,
voici mon problème :
j'ai plusieurs input text sur lesquels je peux placer le focus pour écrire.
Une autre partie de mon site peut placer une div au dessus de ces champs input text. Auquel cas, je souhaite ne plus rien voir des input text cachés: cadre, texte écrit par l'utilisateur, sélection et curseur.
Tout cela fonctionne nativement sous IE et Firefox, si ce n'est que le curseur continue à clignoter malgré que la div soit au-dessus !
Je dois trouver une solution pour que ce curseur n'apparaisse plus, lorsque la div est au dessus, sans que le input text caché perde le focus.
Voici un exemple minimaliste illustrant le problème:
<html>
<body>
<input id="underInput" type="text" value="myValue" length="15"/>
<div id="overDiv" style="visibility:hidden" />
<script type="text/javascript" language="javascript">
document.getElementById("underInput").focus();
var myDiv = document.getElementById("overDiv");
myDiv.style.visibility="visible";
myDiv.style.position="absolute";
myDiv.style.left=0;
myDiv.style.top=0;
myDiv.style.width=screen.availWidth;
myDiv.style.height=400;
myDiv.style.backgroundColor="red";
myDiv.style.zIndex="30";
</script>
</body>
</html>
Merci pour votre aide,
Configuration: Windows XP
Firefox 1.5, IE 5.5, IE6