Textarea avec IE et Mozilla

**Laurent64** · 14/05/2007, 16h42

Voila j ai un petit probleme avec ma balise textarea. Sur internt explorer j'ai le retour à la ligne qui fonctionne mais pas sur Mozilla:

Code :

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

1
2
3
4
5
	<fieldset>
		<textarea name="comen1" onkeypress="this.innerText=this.innerText.substr(0,500)" rows="6" wrap="physical" cols="94" onfocus="this.value=''"/>
		Otros o/y comentarios 
		</textarea>
		</fieldset>

Autre probleme: Yaurait t'il un autre moyen de bloquer le nombre de caracteres dans un textarea? parce que le mien n'est pas fiable et je ne sais pas pourquoi.

Enfin quand on envoie les résultats d'un formulaire vers une base sql: est ce que le nombre de données est limitées (j'ai 5 textarea de grandes tailles)

Merci

**magnus2005** · 14/05/2007, 18h02

au moment du submit tu peut vérifier la longueur du texte.
tu mets un ID a ton TEXTAREA

Code :

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

1
2
3
4
5
 
var el = document.getElementById("messagecontent");
if(el.value.length > 500){
alert("le contenu est trop long.");
}

Pour Mysql les champs sont limités apres ça dépend du type choisie :
Ex Varchar (60) = 60 caractères tu vas pas loin avec ça avec une TEXTAREA
J utilise des LongBLOB mais c est en binaires
Sinon tu as le type text
A mon avis si tu fais du PHP utilise le type text

**Laurent64** · 14/05/2007, 19h30

OK merci cependant il reste à solutionner le problème du retour à la ligne, sur internet explorer sa marche nikel et pas sur Mozilla;

**magnus2005** · 14/05/2007, 20h15

C est probablement un probleme d encodage à mon avis

**Laurent64** · 15/05/2007, 02h38

C'est quoi un probleme d'encodage???
Et comment le solutionner??????

Merci

**magnus2005** · 15/05/2007, 10h05

regarde du cote de l encodage des sauts de ligne "\n"
et aussi l encodage de la page si c est en UTF-8 ou en ISO de meme pour la base de donnée

**Laurent64** · 15/05/2007, 11h10

Et quel et l'encodage à mettre?????

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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
<?php
// J'ai choisi le mot de passe "innova07"
 
if (isset($_POST['mot_de_passe'])) // Si la variable existe
{
    // On se crée une variable $mot_de_passe avec le mot de passe entré
    $mot_de_passe = $_POST['mot_de_passe'];
}
else // La variable n'existe pas encore
{
    $mot_de_passe = ""; // On crée une variable $mot_de_passe vide
}
 
if ($mot_de_passe == "innova07") // Si le mot de passe est bon
{
// On affiche la page cachée.
?>
 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<html>
<head>
	<title>Encuesta</title>
	<base target="JavaScriptFrame">
</head>
 
<body style="font-family: Georgia; background-color: #000099" >
<table style="COLOR: black" align=center background=bluebg.jpg width=780 height=105>
<tr><td align="center">
 
<div style="background: #000099; WIDTH: 780px; HEIGHT: 105px" >
	<img src="cabecera.jpg">
</div>
</td></tr>
<tr><td>
<br>
<center> <font size="10" color="black"> ENCUESTA </font></center><br><br>
<p align="justify">
	<b>
	Bienvenido al proyecto de Innovación Educativa. Te agradecemos por anticipado la colaboración en este 
	asunto de parte de toda la Escuela Técnica Superior de Ingenieros Industriales de Madrid.<br><br>
	Debes responder a la encuesta una sola vez, pues sino doblarás resultados en nuestra base de datos.
	Esta encuesta no te robará mucho tiempo, con menos de 5min. la has hecho. Una vez realizada, tienes
	que saber que no podremos relacionarte con las respuestas, porque es totalmente anónima.<br><br>
	Rogamos que seas sincero, pues estos resultados nos pueden ser de mucha utilidad. Muchas gracias de nuevo por tu participación.
	</b>
</p><br>
 
<form method="post" action="tratamiento.php">
 
<table align="center" bgcolor="#66FF00" border="2" bordercolor="black">
	<tr><td><p class="preg"><b>Numero dado en la carta:</p></b></td></tr>
	<tr><td align="center"><input name="contra" size="8" maxlength="6"></td></tr>
</table>
<br>
<br>
	<p class="preg"><b>1. ¿Has abandonado tu carrera al macharte de la ETSII?</b></p>
		<blockquote>
			<table>
				<tr><td><input type="radio" name="carr" value= "1">Si<br></td>
				</tr>
				<tr><td><input type="radio" name="carr" value= "2">No<br></td>
					<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<i>(En este caso pasas directamente a la pregunta 6)</i></td>
				</tr>
			</table>
		</blockquote>
		<br><br>
	<p class="preg"><b>2. ¿Que hiciste al macharte de la ETSII?</b></p>
		<table>
			<tr><td>Universidad:</td>
				<td><input name="com1" size="80" maxlength="80"></td></tr>
			<tr><td>Centro:</td>
				<td><input name="com2" size="80" maxlength="80"></td></tr>
			<tr><td>Carrera:</td>
				<td><input name="com3" size="80" maxlength="80"></td>
			</tr>
		</table>		
		Descripción de lo que tu has realizado:<br>
		<fieldset>
			<textarea name="comen1" onkeypress="this.innerText=this.innerText.substr(0,500)" rows="6" wrap="physical" cols="94" onfocus="this.value=''"/>
			Otros o/y comentarios 
			</textarea>
		</fieldset>
	<br><br>
	<p class="preg"><b>3. ¿Que tal te ha ido?</b><br>
		<blockquote>
		<input type="hidden" name="ido" value="9">
		<input type="radio" name="ido" value= "1">Curso por año<br>
		<input type="radio" name="ido" value= "2">Perdido 1 año<br>
		<input type="radio" name="ido" value= "3">Perdido 2 años o más<BR>
		</blockquote>
	</p><br>
	<p class="preg"><b>4. ¿Piensas que tus años en la ETSII te ha servido para tu futuro en tu carrera o tu trabajo?</b><br>
		<blockquote>
		<input type="hidden" name="util" value="9">
		<input type="radio" name="util" value= "1">Todo o casi todo<br>
		<input type="radio" name="util" value= "2">Mucho<br>
		<input type="radio" name="util" value= "3">Bastante<br>
		<input type="radio" name="util" value= "4">Poco<br>
		<input type="radio" name="util" value= "5">Nada<br>
		</blockquote>
	</p><br>
	<p class="preg"><b>5. ¿En que te ha ayudado tus años en nuestra Escuela?</b><br>
		<blockquote>
		<input type="hidden" name="ayud1" value="9" checked><input type="checkbox" name="ayud1" value="1">Más conocimientos<br>
		<input type="hidden" name="ayud2" value="9" checked><input type="checkbox" name="ayud2" value="2">Métodos de estudios<br>
		<input type="hidden" name="ayud3" value="9" checked><input type="checkbox" name="ayud3" value="3">Conocerte a ti mismo<br>		
		<input type="hidden" name="ayud4" value="9" checked><input type="checkbox" name="ayud4" value="4">Darte cuenta de lo que querías hacer<br>		
		</blockquote>
		<fieldset>
			<textarea name=comen2 onkeypress="this.innerText=this.innerText.substr(0,500)" rows=6 wrap=physical cols=94 onfocus="this.value=''"/>
			Otros o/y comentarios 
			</textarea>
		</fieldset>
	</p><br>
	<p class="preg"><b>6. ¿Cual crees, a tu entender que fueron los motivos para no superar los criterios de permanencia?</b><br>
		<blockquote> 
		<input type="hidden" name="moti1" value="9" checked><input type="checkbox" name="moti" value="1">Motivación<br>
		<input type="hidden" name="moti2" value="9" checked><input type="checkbox" name="moti" value="2">Fallo de preparación a los exámenes<br>
		<input type="hidden" name="moti3" value="9" checked><input type="checkbox" name="moti" value="3">Método de evaluar los alumnos inadecuado<br>
		<input type="hidden" name="moti4" value="9" checked><input type="checkbox" name="moti" value="4">Nivel de exigencia alto<br>
		<input type="hidden" name="moti5" value="9" checked><input type="checkbox" name="moti" value="5">Error de orientación<br>
		</blockquote>
		<fieldset>
			<textarea name=comen3 onkeypress="this.innerText=this.innerText.substr(0,500)" rows=6 wrap=physical cols=94 onfocus="this.value=''"/>
			Otros o/y comentarios 
			</textarea>
		</fieldset>
	</p><br>
	<p class="preg"><b>7. ¿Como hubiese poder mejorar tu rendimiento?</b><br>
		<blockquote> 
		<input type="hidden" name="mejo1" value="9" checked><input type="checkbox" name="mejo1" value="1">Exámenes parciales<br>
		<input type="hidden" name="mejo2" value="9" checked><input type="checkbox" name="mejo2" value="2">Exámenes liberatorios<br>
		<input type="hidden" name="mejo3" value="9" checked><input type="checkbox" name="mejo3" value="3">Modificar los criterios de permanencia<br>
		<input type="hidden" name="mejo4" value="9" checked><input type="checkbox" name="mejo4" value="4">Menos alumnos por clase<br>
		<input type="hidden" name="mejo5" value="9" checked><input type="checkbox" name="mejo5" value="5">Exámenes más acordes a lo impartido en las clases<br>
		<input type="hidden" name="mejo6" value="9" checked><input type="checkbox" name="mejo6" value="6">Participar al curso de Septiembre<br>
		</blockquote>
		<fieldset>
			<textarea name=comen4 onkeypress="this.innerText=this.innerText.substr(0,500)" rows=6 wrap=physical cols=94 onfocus="this.value=''"/>
			Otros o/y comentarios 
			</textarea>
		</fieldset>
	</p><br>
	<p class="preg"><b>8. ¿Piensas que son útiles los cursos de septiembre?</b><br>
		<blockquote>
		<input type="hidden" name="sept" value="9">
		<input type="radio" name="sept" value= "1">Mucho<br>
		<input type="radio" name="sept" value= "2">Bastante<br>
		<input type="radio" name="sept" value= "3">Poco<br>
		<input type="radio" name="sept" value= "4">Nada<br>
		</blockquote>
	</p><br>
	<p class="preg"><b>9. ¿Tienes alguna sugerencia mas o algo que tu querías añadir?</b><br><br></p>
	<fieldset id="comentarios">
		<textarea name=comen5 onkeypress="this.innerText=this.innerText.substr(0,500)" rows=6 wrap=physical cols=94  onfocus="this.value=''"/>
		Sugerencia
		</textarea>
	</fieldset><br>
	<p id="buttons" align=center>
		<input type="submit" value="Enviar" id=submit1 name=submit1>
		<input type="reset" value="Volver a empezar" id=reset1 name=reset1>
		</form>
	</p>
</td></tr></table>
</body>
</html>
 
<?php
}
 
else
{
// On affiche la zone de texte pour rentrer le mot de passe.
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Identificacion</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<form action="protection.php" method="post">
<div align="center">
<br>
<table border="0" cellpadding="0" cellspacing="0">
	<tr>
	<td><b><i><font size="7" color="#C0C0C0">Bienvenido en la pagina web del<br></font></i></b><br><font size="7" color="#808080">Grupo de la Innovacon Educativa</font></td>
	</tr>
</table>
<br><br><br>
<table>
<tr><td><IMG SRC="etsii.gif" ALIGN="middle" width=60 height=60></td>
	<td><table border="1" cellpadding="5" cellspacing="0" bgcolor="#EAFFFF" align="center">
		<tr><td>
			<table border="0" cellpadding="0" cellspacing="0" height="47">
				<tr>
					<td align="center" height="27">
				<p align="center"><form action="protection.php" method="post"><input type="text" name="mot_de_passe" /></td></form>
				</tr>
				<tr><td align="center"><input type="submit" value="Entrar" /></td></tr>
			</table>
		</td></tr>
		</table>
		</td>
<td><IMG SRC="etsii.gif" ALIGN="middle" width=60 height=60></td></tr>
</table>
<br><br>
<table border="0" cellpadding="0" cellspacing="0">
	<tr>
	<td><font size="7" color="#808080">Escuela Técnica Superior de Ingenieros Industriales</font></td>
	</tr>
</table>
</div>
 
</body>
</html>
 
 
<?php
 
}
?>

**magnus2005** · 15/05/2007, 12h13

Dans le head :

Code :

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

<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

le charset soit ISO-8859-1 soit UTF-8 cela depend de ta config generale
PHP et Mysql.
mais ce n'est pas le seul endroit

Bon courage

**Deallyra** · 15/05/2007, 15h01

euh...
je n'ai pas essayé et normalement, c'est pour les inputs mais au cas où...
maxlength

**magnus2005** · 15/05/2007, 15h49

Oui maxlength ça fonctionne
Mon script est plus utile si on souhaite afficher un compteur du nombre de caractere restant ou d autre operation

**Deallyra** · 15/05/2007, 16h25

C'est bien vrai...
Je me suis limité au minimum...

**Laurent64** · 15/05/2007, 16h38

Désolé mais aucune des deux solutions ne fonctionnent.
Et je ne sais vraiement pas comment faire.

Merci

**magnus2005** · 15/05/2007, 17h57

je suis desolé mais le script fonctionne bien,
il est super simple d ailleurs
as tu bien renseigné l attribute id="messagecontent" ?

Code :

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

1
2
3
4
var el = document.getElementById("messagecontent");
if(el.value.length > 500){
alert("le contenu est trop long.");
}

Code :

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

<textarea id="messagecontent"></textarea>

**Laurent64** · 15/05/2007, 18h02

Ha oui pardon cela marche bien pour la limitation du nombre de caractères.

Cependant ce qui ne marche pas ce sont les retours à la ligne automatiques sous Mozilla alors que Internet Explorer sa marche inpec

Merci et escuses moi Magnus2005.

Textarea avec IE et Mozilla

HTML

Discussions similaires

Partager

Partager