Bonjour,

J'ai un champ text dans lequel j'affiche par défaut la valeur "Rechercher".
A ce champ sont associés 2 événements onfocus et onblur :

- onfocus permettrais de d'effacer le contenu du champ pour permettre la saisie de l'utilisatuer

- onblur permettrais de réinitialiser la valeur du champ text par défaut dans le cas où le champ est vide.

La page étant chargée, un click dans le champ fait bien disparaitre le texte par défaut mais ne permet pas la saisie : le textbox ne semble pas actif !

dans le fichier html :

Code : Sélectionner tout - Visualiser dans une fenêtre à part
<input type="text" name="search_field" id="search_field" value="Rechercher" class="search_field" onfocus="ActiveTextBox('search_field');" onblur="ResetTextBox('search_field');"/>
dans le fichier js

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
function ActiveTextBox(BoxId) {
	txtBox = document.getElementById(BoxId);
	if(txtBox.value == txtBox.defaultValue) {
		txtBox.value = "";
		}
	}
 
function ResetTextBox(BoxId) {
	txtBox = document.getElementById(BoxId);
	if(txtBox.value=="") {
		return txtBox.value = txtBox.defaultValue;
		}
	//txtBox.style.color = "#333333";
	//txtBox.value = "";
	}
Merci d'avance