Curseur d'input text sous une div apparait

Rom23 -  
clintm Messages postés 718 Statut Membre -
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,
A voir également:

1 réponse

clintm Messages postés 718 Statut Membre 75
 
salut,

tu peut utiliser la fonction readonly ou disabled pour désactiver le clignotement du curseur.

comme ceci :

<input type="text" name="test" value="" readonly>


@+
0