11548 sujets

JavaScript, DOM et API Web HTML5

Changement de valeur par defaut dans un input et textarea

Modérateur
Bonjour tout le monde,

Je pense que ce que je veux faire doit être possible en js seulement. J'aimerai savoir comment enlever des valeurs dans des input et textarea lorsque l'utilisateur clique sur un champs.

merci de m'aiguiller.

@+
Modérateur
Salut,

Si j'écris quelquechose dans ton input, et encore plus dans ton textarea, et que je m'aperçois que j'ai fais une erreur... Je dois tout retaper ? Smiley rolleyes

Il serait préférable de sélectionner le contenu plutôt que de le supprimer... Ca se fait via l'instruction select.
Modifié par koala64 (12 Feb 2008 - 17:12)
Bonjour,

Si jamais ce sont des valeurs par défaut utilisée pour indiquer la fonction du champ... ne pas en mettre est encore plus simple, et plus accessible (Il y a l'élément LABEL et l'attribut TITLE pour indiquer la fonction d'un champ) Smiley cligne
Modifié par Laurent Denis (12 Feb 2008 - 17:12)
Modérateur
koala64 a écrit :

Si j'écris quelquechose dans ton input, et encore plus dans ton textarea, et que je m'aperçois que j'ai fais une erreur... Je dois tout retaper ?


très juste, je n'y avais pas pensé.

koala64 a écrit :

Il serait préférable de sélectionner le contenu plutôt que de le supprimer... Ca se fait via l'instruction select.


Peux tu me dire comment cela se passe ? Je ne connais pas du tout le js ou du moins très peu.

je te remercie de ton aide.

++
Modérateur
Ben tu dois sélectionner ton input et ton textarea avec document.getElementById par exemple puis au clic envoyer l'instruction select sur l'élément.

... comme dans cet exemple :
<!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>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<title>Exemple</title>
		<script type="text/javascript"><!--

// AJOUT D'UN GESTIONNAIRE D'EVENEMENT A UN ELEMENT LORS D'UN EVENEMENT DONNE
function connect() {
	var a = arguments;
	return document.addEventListener ?
			a[0].addEventListener(a[1], a[2], a[3] || false):
			a[0].attachEvent ?
				a[0].attachEvent('on' + a[1], a[2]):
				false;
}

// SELECTION DU CONTENU AU CLIC
function selectOnClick() {
	this.select();
	return false;
}

// LANCEMENT DU SCRIPT AU CHARGEMENT DE LA PAGE
connect(window, 'load', function(e) {

	var oPseudo = document.getElementById('pseudo');
	if(!oPseudo) return;
	var oCom = document.getElementById('com');
	if(!oCom) return;
	oPseudo.onclick = selectOnClick;
	oCom.onclick = selectOnClick;

});

		//--></script>
	</head>
<body>

<form action="index.php" method="post">
	<fieldset><legend>Commentaires</legend>
		<div>
			<label for="pseudo">Pseudo : </label>
			<input type="text" name="pseudo" id="pseudo" />
		</div>
		<div>
			<label for="com">Message : </label>
			<textarea name="com" id="com" rows="10" cols="40">
		</div>
		<div>
			<input type="submit" value="transmettre" />
		</div>
	</fieldset>
</form>

</body></html>

Modifié par koala64 (13 Feb 2008 - 10:37)
Modérateur
Salut Koala,

Je te remercie infiniment que tu te sois penché sur mon soucis. Je vais regarder cela de plus près ce soir en rentrant.

Peux tu m'indiquer un site ou je peux avoir quelques connaissances basiques en js.

Je suis un vrai bleu en la matière. Je connais juste deux petites choses (window.open et alert). Smiley langue

@+ et merci encore pour le script que tu m'as transmis.
Sujet clos
Aller à