Curseur d'input text sous une div apparait

Fermé

Rom23 - 9 nov. 2007 à 11:05
clintm Messages postés 689 Date d'inscription lundi 11 avril 2005 Statut Membre Dernière intervention 10 juin 2015 - 8 janv. 2008 à 17:00

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:

Curseur d'input text sous une div apparait
Ce fichier est une image au format png dont l’extension a été modifiée. trouvez le moyen de l’ouvrir. quel mot apparaît ? ✓ - Forum Photoshop
Facebook rencontre n'apparait pas ✓ - Forum Facebook
Clé usb n'apparait pas - Guide
Comment retrouver le curseur sans souris - Guide
Ai text classifier - Guide

1 réponse

Réponse 1 / 1

clintm Messages postés 689 Date d'inscription lundi 11 avril 2005 Statut Membre Dernière intervention 10 juin 2015 75
8 janv. 2008 à 17:00

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>

Discussions similaires

Facebook rencontre introuvable

Transparence en tete et bas de page

input signal out of range

Comment enlever le rouge sur la photo svp ?

GWXUX a cessé de fonctionner

Discussions similaires

Newsletters