IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

JavaScript Discussion :

Textarea et onFocus


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Candidat au Club
    Homme Profil pro
    Gestionnaire de parc micro-informatique
    Inscrit en
    Mars 2012
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : Gestionnaire de parc micro-informatique
    Secteur : Bâtiment

    Informations forums :
    Inscription : Mars 2012
    Messages : 3
    Par défaut Textarea et onFocus
    Bonjour à tous

    J'utilise un textarea + fonction onfocus pour pré-remplir un champ texte d'un formulaire et faire en sorte que le contenu s'efface lorsque l'on clique dans le champ.

    Ce bout de code fonctionne bien :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <td colspan='2'><textarea name='content' value=='test' cols='78' rows='14' onFocus=if(this.value=='test')this.value=''>test</textarea>

    Mais lorsque je remplace le texte "test" par une phrase avec espaces (ex : "test avec espaces") ça ne fonctionne plus.

    Ça doit être tout bête mais mes connaissances en développement sont très très limitées.

    Je compte sur vous !

    Merci d'avance !

  2. #2
    Membre très actif
    Avatar de Nowwis
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2009
    Messages
    406
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 34
    Localisation : France, Somme (Picardie)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Juin 2009
    Messages : 406
    Par défaut
    Bonjour,

    Il n'y a pas de value pour le textarea. C'est de l'html dur dedans.

    Essaie avec ceci :


    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <td colspan='2'>
    <textarea name='content' cols='78' rows='14' onFocus="if(this.value=='test avec espace')this.value='';alert('Textarea: #'+this.value+'#');">test avec espace
    </textarea>

  3. #3
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Surtout, ça ne marche pas à cause de ton onfocus tout pourri !
    La valeur d'un attribut HTML (et en particulier pour les attributs d'événements contenant du JavaScript) doit être entouré de quotes (sauf certains cas, mais ça reste selon moi une pratique à éviter).
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  4. #4
    Candidat au Club
    Homme Profil pro
    Gestionnaire de parc micro-informatique
    Inscrit en
    Mars 2012
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : Gestionnaire de parc micro-informatique
    Secteur : Bâtiment

    Informations forums :
    Inscription : Mars 2012
    Messages : 3
    Par défaut
    Merci pour vos réponses !
    Mais ça ne fonctionne toujours pas...
    J'ai l'impression que les quotes ne sont pas ou mal interprétées.
    Une idée ?

  5. #5
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    J'ai l'impression que les quotes ne sont pas ou mal interprétées.
    Oui, c'est un grand classique !

    Dans ton cas, tu as les doubles quotes (") pour ouvrir ta chaine PHP puis des simples (') pour entourer les valeurs des attributs. Personnellement, je préconise le contraire, mais c'est un autre débat.
    Dans ton attribut onfocus, tu dois encore ouvrir des quotes, ce qui signifie que cette ouverture correspondra, dans les faits, à la fermeture de l'équivalent précédent et donc à une erreur. Il faut donc les échapper pour éviter qu'il y ai conflit d'interprétation :
    Code php : Sélectionner tout - Visualiser dans une fenêtre à part
    echo '<td colspan="2"><textarea name="content" value="test" cols="78" rows="14" onFocus="if(this.value==\'test\')this.value=\'\'">test</textarea>';
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  6. #6
    Candidat au Club
    Homme Profil pro
    Gestionnaire de parc micro-informatique
    Inscrit en
    Mars 2012
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Marne (Champagne Ardenne)

    Informations professionnelles :
    Activité : Gestionnaire de parc micro-informatique
    Secteur : Bâtiment

    Informations forums :
    Inscription : Mars 2012
    Messages : 3
    Par défaut
    It works !!!
    Un grand merci pour le dépannage et la mini-formation pour le meme prix

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. curseur textarea onfocus
    Par klass dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 24/02/2010, 14h06
  2. onfocus sur un textarea
    Par zimotep dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 02/01/2006, 11h57
  3. Réponses: 24
    Dernier message: 18/05/2004, 16h06
  4. rediriger la sortie standard vers un textarea
    Par gromite dans le forum Composants
    Réponses: 9
    Dernier message: 10/05/2004, 11h07
  5. attribution de texte dynamique à un textarea
    Par stephane eyskens dans le forum Flash
    Réponses: 6
    Dernier message: 01/10/2003, 13h52

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo