Problème zone de texte

**Laurent64** · 08/05/2007, 11h34

Bonjour
Il me semble avoir déjà vu dans des formulaires sur internet où dans des zones de texte on peut y mettre un texte par défault.
Cependant j'aimerai que ce texte s'efface quand l'utilisateur clique dessus afin de pouvoir y mettre un truc du style:

<!cliquez ici pour inscrire votre message!>

Mon problème est très simple mais je n'arrive pas à trouver la solution.
Merci de votre aide.

**LhIaScZkTer** · 08/05/2007, 11h45

Salut je pense que tu cherches quelque chose comme

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<script type="text/javascript">
function  ClearText(){
document.getElementById("myButton").value = "";
 
 
}
 
</script>
 
 
    <form>
    <textarea id="myButton" rows="15" cols="25" onFocus="ClearText()">Bonjour écrire votre texte ici</textarea>    
    </form>

Et voilà

**Laurent64** · 08/05/2007, 12h16

Ebbet merci.
Quand je l'utilise sur une page nouvelle tout mache nikel.
Mais en le mettant sur ma page cela ne marche pas. Si quelqu'un le temps d'y jeter un oeil cela serait sympa.
Merci

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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
 
<html>
<head>
	<title>Page identification</title>
</head>
 
<body style="FONT-FAMILY: Georgia; BACKGROUND-COLOR: #000099" >
<script type="text/javascript">
function  ClearText(){
document.getElementById("myButton").value = ""; 
}
</script>
 
<table style="COLOR: black" align=center background=bluebg.jpg width=780 height=105><tr><td>&nbsp;</td><tr><td>
 
<div style="BACKGROUND: #000099; WIDTH: 780px; HEIGHT: 105px" ><IMG src="cabecera.jpg"> </div>
	<form method="post" action="Base de datos.php">
	<center> <font size="10" color="black"> ENCUESTA </font></center>
	<br><br>
<p align="justify"><b>Antes de empezar esta encuesta nos gustaría decirte muchas
gracias para tu ayuda en este proyecto. También me gustaría precisar que este
cuestionario es anónimo porque una vez finalizado solo sabremos que tu has
respondido y no podremos poner una relación entre tus respuestas y tu nombre
solos sabremos que tu has respondido.</b></p><br>
 
	<p class="preg"><label><b>1. ¿Has abandonado tu escuela al macharte de la ETSII?</b></label> <br>
		<blockquote>
		<input type="radio" name="hace" value= "1">Curso por año<br>
		<input type="radio" name="hace" value= "2">Perdido 1 año<br>
		<input type="radio" name="hace" value= "3">Perdido 2 años o más<BR>
		</blockquote>
	<br><br>
	<p class="preg"><b>1. ¿Que hiciste al macharte de la ETSII?</b>
	</p>
		<table>
			<tr><td><label>Universidad:</label></td>
				<td><input name="com1" size="40"></td></tr>
			<tr><td><label>Centro:</label></td>
				<td><input name="com1" size="40"></td></tr>
			<tr><td><label>Carrera:</label></td>
				<td><input name="com1" size="40" ></td>
			</tr></table>
 
 
 
		Descripción de lo que tu has realizado:<br>
		<fieldset id="irse"><TEXTAREA name=Comentario1 rows=6 wrap=physical cols=94></TEXTAREA>
		</fieldset>
	<br><br>
	<p class="preg"><label><b>2. ¿Que tal te ha ido?</b></label> <br>
		<blockquote>
		<input type="radio" name="hace" value= "1">Curso por año<br>
		<input type="radio" name="hace" value= "2">Perdido 1 año<br>
		<input type="radio" name="hace" value= "3">Perdido 2 años o más<BR>
		</blockquote>
      <P></P>
	<br><br>
	<p class="preg"><label><b>     3. ¿Piensas que tus años en la ETSII te ha servido para tu futuro en tu carrera o tu trabajo?</b></label> <br>
		<blockquote> 
		<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>
	<br><br>
	<p class="preg"><label><b>4. ¿En que te ha ayudado tus años en nuestra Escuela?</b></label><br>
		<blockquote> 
		<input type="checkbox" name="ayud" value="1">Más conocimientos<br>
		<input type="checkbox" name="ayud" value="2">Métodos de estudios<br>
		<input type="checkbox" name="ayud" value="3">Conocerte a ti mismo<br>
		<input type="checkbox" name="ayud" value="4">Darte cuenta de lo que querías hacer<br>		
		</blockquote>
		<fieldset id="myButton"><TEXTAREA name=Comentario2 rows=6 wrap=physical cols=94 onFocus="ClearText()">Otros o/y comentarios</TEXTAREA>
		</fieldset>
	<br><br>
	<p class="preg"><label><b>5. ¿Cual crees, a tu entender que fueron los motivos para no superar los criterios de permanencia?</b></label><br>
		<blockquote> 
		<input type="checkbox" name="moti" value="1">Motivación<br>
		<input type="checkbox" name="moti" value="2">Fallo de preparación a los exámenes<br>
		<input type="checkbox" name="moti" value="3">Método de evaluar los alumnos inadecuado<br>
		<input type="checkbox" name="moti" value="4">Nivel de exigencia alto<br>
		<input type="checkbox" name="moti" value="5">Error de orientación<br>
		</blockquote>
		<fieldset id="myButton"><TEXTAREA name=Comentario3 rows=6 wrap=physical cols=94 onFocus="ClearText()">Otros o/y comentarios</TEXTAREA>
		</fieldset>
	<br><br>
	<p class="preg"><label><b>6. ¿Como hubiese poder mejorar tu rendimiento?</b></label><br>
		<blockquote> 
		<input type="checkbox" name="mejo" value="1">Exámenes parciales<br>
		<input type="checkbox" name="mejo" value="2">Exámenes liberatorios<br>
		<input type="checkbox" name="mejo" value="3">Modificar los criterios de permanencia<br>
		<input type="checkbox" name="mejo" value="4">Menos alumnos por clase<br>
		<input type="checkbox" name="mejo" value="5">Exámenes más acordes a lo impartido en las clases<br>
		<input type="checkbox" name="mejo" value="6">Participar al curso de Septiembre<br>
		</blockquote>
		<fieldset id="myButton"><TEXTAREA name=Comentario4 rows=6 wrap=physical cols=94 onFocus="ClearText()">Otros o/y comentarios</TEXTAREA>
		</fieldset> 
	<br><br>
	<p class="preg"><label><b>7. ¿Piensas que son útiles los cursos de septiembre?</b></label> <br>
		<blockquote> 
		<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 class="preg"><label><b>8. ¿Piensas que los cursos de septiembre son útiles?</b></label> <br>
		<blockquote> 
		<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 class="preg"><label><b>9. ¿Tienes alguna sugerencia mas o algo que tu querías añadir?</b></label><br><br></p>
	<fieldset id="Comentarios"><TEXTAREA name=Comentario5 rows=6 wrap=physical cols=94></TEXTAREA>
	</fieldset>
	<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></TR></TABLE>
</body>
</html>

**LhIaScZkTer** · 08/05/2007, 13h29

Salut, ou re-salut enfin comme tu veux

Et bien enfait tu as oublié de mettre le id à chaque textarea.
Tu dois rajouter un :

Code :

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

id="myButton"

donc ce qui donne :

Code :

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

<textarea id="myButton" ...>

J'ai appelé l'id "myButton" car j'étais pas très inspiré

donne lui un nom plus approprié comme clText ou comme tu veux...

Mais si tu changes le nom de l'id tu dois aussi le changer dans le bout de javascript.

**Laurent64** · 08/05/2007, 13h44

Resalut

Pour le 1er Textarea il n'y est pas car je n'en voulais mais pour les suivant c'est fait et pourtant cela ne fonctionne pas.

Merci de ton aide LhIaScZkTer

Problème zone de texte

HTML

Vue hybride

Discussions similaires

Partager

Partager