Catcher affichage ascenseur

Version imprimable

25/03/2013, 17h50
eldrad95

Catcher affichage ascenseur

Bonjour,

je souhaiterai empecher aux utilisateurs de "déborder" du cadre d'une textbox.

J'ai posté sur le forum asp.net où l'on m'a conseillé de voir si il n'était pas
possible d'attraper l'évenement d'affichage des ascenceur pour bloquer l'utlisateur à ce moment.

je viens donc poser ma question ici :).
25/03/2013, 17h54
Kaamo

Citation:

"déborder" du cadre d'une textbox

Tu veux parler de <input type="text" ... /> ?? Si oui, il y a maxlength qui permet de limiter le nombre de caractères saisis ...
25/03/2013, 17h56
Bovino

Il n'y a jamais d'ascenseur avec un input texte :?
Je pense que tu vas devoir être un peu plus précis dans ta question si tu souhaites une réponse...
28/03/2013, 09h35
eldrad95

Je vais préciser mon problème :).

j'ai une textbox, je ne connais que sa taille en pixel et la police utilisée à l'interieur.
je doit empecher à l'utilisateur de rentrer plus de texte que la textebox peut afficher sans utiliser d'ascenceur.
je n'ai aucune info sur le nombre de caractère possible, aucune info sur le nombre max de ligne.
la textbox a une taille calculée en fonction de paramètre entrés par l'utilisateur plus tôt dans la page.

je n'ai as réussi à le calculer en asp.net.
je me demandais si en javascript il était possible decapter un évenement "d'aparition" de l'ascenceur afin de bloquer la saise à ce moment la.
28/03/2013, 10h30
Kaamo

Une taille ? hauteur / largeur ? Seulement hauteur ? Seulement largeur ?
Si tu connais la hauteur, tu peux check à chaque fois que l'utilisateur tape si la taille courante element.scrollHeight est plus grande que la taille initiale.
28/03/2013, 16h12
eldrad95

j'ai un retour à la ligne automatique donc une hauteur uniquement je dirai.

si je comprend bien j'autorise l'agrandissement auto de ma textebox que je surveille via un script ?
28/03/2013, 16h13
SpaceFrog

textbox ???

ça n'existe pas un textbox en html ...
28/03/2013, 16h54
eldrad95

oui pardon, de ma textarea plurôt.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script type="text/javascript">
function MEP(texte){
t1=document.getElementById('monTA')
if (texte.length > t1.rows * t1.cols) {
    ++t1.rows;}
 
Rrows=document.getElementById('monTA').rows;
RNrows=texte.split("\r\n").length;
if(Rrows+RNrows>7){alert('trop de lignes')}
}
</script>
 
</head>
 
<body>
<textarea id="monTA" cols="10" rows="1" style="height:100px;" onkeyup="MEP(this.value)"></textarea>
</body>
 
</html>

29/03/2013, 15h34
NoSmoking

Bonjour,
ne pas oublier de mettre un resize:none sur la TEXAREA.

Le plus "sain" me paraissant de surveiller scrollTop ou scrollHeight comme l'a indiqué Kaamo.

Un nombre de ligne ne veux quand même pas dire grand chose, et tu peux toujours mettre un overflow:hidden...mais bon!!
02/04/2013, 10h14
eldrad95

Je vous remercie beaucoup pour votre aide !

je vais tester ça aujourd'hui et je vous tiens au courant.

Encore merci :).
15/04/2013, 11h52
eldrad95

j'ai donc comparer la scrollHeight avec la pixelHeight du control html.

tout fonctionne pour le moment.

Je passe donc le sujet en résolu.

Encore merci :).