Catcher affichage ascenseur

**eldrad95** · 25/03/2013, 17h50

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

.

**Kaamo** · 25/03/2013, 17h54

"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 ...

**Bovino** · 25/03/2013, 17h56

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...

**eldrad95** · 28/03/2013, 09h35

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.

**Kaamo** · 28/03/2013, 10h30

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.

**eldrad95** · 28/03/2013, 16h12

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 ?

**SpaceFrog** · 28/03/2013, 16h13

textbox ???

ça n'existe pas un textbox en html ...

**eldrad95** · 28/03/2013, 16h54

oui pardon, de ma textarea plurôt.

**SpaceFrog** · 28/03/2013, 17h14

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**NoSmoking** · 29/03/2013, 15h34

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!!

**eldrad95** · 02/04/2013, 10h14

Je vous remercie beaucoup pour votre aide !

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

Encore merci

.

**eldrad95** · 15/04/2013, 11h52

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

.

Catcher affichage ascenseur

JavaScript

Discussions similaires

Partager

Partager