Formumaire / Remplissage input

Auteur
Remay	# 22 Nov 2008 - 02:58:07
53 Posts	Bonjour à tous, Je cherche à reproduire le dynamisme du formulaire de login visible en haut à droite de ce site www.boxbe.com j'entends par "dynamisme", le fait que les champs se vident quand on clique dessus et se re-remplissent si jamais on les quittes. Merci d'avance ! Nouvelle question de ma part un peu plus bas ! Modifié par Remay (22 Nov 2008 - 16:46)
53 Posts
Remay	# 22 Nov 2008 - 03:26:02
53 Posts	J'ai trouvé : <input type="text" value="Votre valeur" name="nom" onFocus="this.value=''" onblur="if (this.value=='') this.value='Votre valeur'" /> Plutôt cool comme effet.
53 Posts
Florent V.	# 22 Nov 2008 - 06:18:22
Administrateur 17128 Posts	Avec du JS non intrusif (et jQuery): http://web.covertprestige.info/test/45-champ-formulaire-texte-au-focus.html
Administrateur 17128 Posts
Remay	# 22 Nov 2008 - 11:44:11
53 Posts	Merci pour ce complément d'infos. La technique que tu proposes à l'air de nécessité un script plus long que le mien, peu tu m'expliquer les avantages s'il y en a à utiliser ton script ? Merci d'avance.
53 Posts
6l20	# 22 Nov 2008 - 13:28:04
Les kiwis...quand je veux ! Modérateur 1987 Posts	Remay a écrit : Merci pour ce complément d'infos. La technique que tu proposes à l'air de nécessité un script plus long que le mien, peu tu m'expliquer les avantages s'il y en a à utiliser ton script ? Merci d'avance. Florent a écrit : Avec du JS non intrusif (et jQuery): Petit lien à lire Séparer le fond de la forme, améliorer la lisibilité du code, facilité la maintenance, bref, respecter les bonnes pratiques quoi Tu peux également externaliser le javascript Modifié par 6l20 (22 Nov 2008 - 14:08) XHTML: structure. CSS: présentation. Javascript: comportement.
Les kiwis...quand je veux ! Modérateur 1987 Posts
Remay	# 22 Nov 2008 - 14:37:15
53 Posts	Ok, merci beaucoup. En tant que débutant je n'avait pas fait attention à "non intrusif". Après avoir parcouru le lien très intéressant sur le Js Non intrusif, je souhaiterai appliquer ça à mon code. Cependant j'aurai besoin d'un exemple concret pour débuter. Mon Code HTML actuel (avec "Js Accessible") <input type="text" value="login" name="login" onFocus="this.value=''" onblur="if (this.value=='') this.value='login'" /> Donc je souhaiterai externalisé le Js dans un fichier script.js (que j'ai créé et appelé dans mon code HTML grâce à : <script type="text/javascript" src="scripts.js"></script> Donc en fait, qu'est ce que je doit écrire dans mon fichier script.js ( pour externalisé : onFocus="this.value=''" onblur="if (this.value=='') this.value='login'" ) ? Merci d'avance ! Modifié par Remay (22 Nov 2008 - 15:34)
53 Posts

Les références web : openweb.eu.org - opquast.com - webmaster-hub.com - webrankinfo.com - salemioche.net - web-pour-tous.org - webonorme.org

Nos partenaires : Editions Eyrolles