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

HTML Discussion :

Texte changeant, javascript et présentation


Sujet :

HTML

  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    120
    Détails du profil
    Informations personnelles :
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2007
    Messages : 120
    Par défaut Texte changeant, javascript et présentation
    Bonjour,

    Voila, j ai un joli formulaire qui utilise des input et derrière j ai du javascript qui remplit mes cases en fonction de la sélection de l'utilisateur pour modification. Tout se passe très bien et pour cela j'utilise input.value qui mets la bonne valeur au bon endroit.


    Mon souci actuel c'est que j aimerai afficher avant un input, un champ texte non modifiable par l utilisateur et qui ne ressemblerait pas à un input (donc pas de cadre), que je pourrai changer en fonction du choix utilisateur.

    Par exemple, mon utilisateur veut modifier un bouquet de fleurs composé à la base de 16 marguerites et 10 tulipes :
    je lui propose "marguerites" : 16 (avec 16 dans l input et marguerite dans mon fameux champ) et "tulipes ": 10

    S il veut modifier un bouquet contenant 21 roses :
    je lui écris "roses" : 21

    Je souhaite que le nom de la fleur soit noté comme du texte normal mais que je puisse changer grace à mon js. Est ce possible ?

    Merci d avance

  2. #2
    Membre Expert Avatar de HiRoN
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 035
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 035
    Par défaut
    Si j'ai bien tout compris, tu voudrais modifier un label en fonction du choix de l'utilisateur ?

    Si oui, c'est réalisable sous js.
    Regarde du côté de "innerText"...
    Pensez à utiliser les ressources disponibles en Dev. Web :
    (x)HTML : Cours (X)HTML / FAQ (X)HTML
    CSS : Cours CSS / FAQ CSS / Galerie CSS
    Javascript : Cours / FAQ / Sources
    Mon site : Développeur Web Freelance

  3. #3
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    120
    Détails du profil
    Informations personnelles :
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2007
    Messages : 120
    Par défaut
    Merci HIRoN ...
    J ai utilisé innerText et cela fonctionne très bien sous IE .. Par contre sous Firefox nada ...
    Bon ma cible est IE donc ce n'est pas très grave mais si quelqu un a une solution pour FF je veux bien la noter dans un coin de ma tête !

    Encore merci

  4. #4
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    120
    Détails du profil
    Informations personnelles :
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2007
    Messages : 120
    Par défaut
    En fait j'ai trouvé toute seule ...
    Je note quand même la réponse au cas où ça puisse aider quelqu un par la suite.
    A la place de mon label j'ai mis un span. Et j ai utilisé innerHTML au lieu de innerText. Ca semble bien fonctionner avec IE et FF ...

  5. #5
    Inactif   Avatar de Deallyra
    Profil pro
    Étudiant
    Inscrit en
    Février 2007
    Messages
    1 997
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2007
    Messages : 1 997
    Par défaut
    Bonjour,

    Google est ton ami ^^

    "innertext ff"

    premier lien:

    function getInnerText(elt) {
    var _innerText = elt.innerText;
    if (_innerText == undefined) {
    _innerText = elt.innerHTML.replace(/<[^>]+>/g,"");
    }
    return _innerText;
    }

    ensuite remplace

    var text = elt.innerText;

    par

    var text = getInnerText(elt);
    *Si la réponse vous convient, n'oubliez pas le tag
    *Exprimez vous dans un français correct; on prend le temps de vous lire, prenez le temps de bien écrire.
    *Et comment on interprète votre code? N'oubliez pas la balise!

    *Pour une mise en page simple avec des divs.
    *Pour faire des formulaires xHTML CSS.

  6. #6
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    120
    Détails du profil
    Informations personnelles :
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2007
    Messages : 120
    Par défaut
    Merci Mimicracra ...
    J ai effectivement aussi utilisé mon très cher ami google mais je ne vois pas l intérêt du innerText alors que le innerHTML fonctionne dans les deux cas ?

  7. #7
    Inactif   Avatar de Deallyra
    Profil pro
    Étudiant
    Inscrit en
    Février 2007
    Messages
    1 997
    Détails du profil
    Informations personnelles :
    Âge : 37
    Localisation : France, Loire Atlantique (Pays de la Loire)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Février 2007
    Messages : 1 997
    Par défaut
    parce que :
    J ai utilisé innerText et cela fonctionne très bien sous IE .. Par contre sous Firefox nada ...
    et que si tu fais gaffe aux heures de post, tu m'as grill3d ^^
    *Si la réponse vous convient, n'oubliez pas le tag
    *Exprimez vous dans un français correct; on prend le temps de vous lire, prenez le temps de bien écrire.
    *Et comment on interprète votre code? N'oubliez pas la balise!

    *Pour une mise en page simple avec des divs.
    *Pour faire des formulaires xHTML CSS.

  8. #8
    Membre confirmé
    Profil pro
    Inscrit en
    Avril 2007
    Messages
    120
    Détails du profil
    Informations personnelles :
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Avril 2007
    Messages : 120
    Par défaut
    Effectivement j avais pas vu les heures !
    Merci de ton aide en tout cas ...

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

Discussions similaires

  1. affichage d'un champs text en javascript
    Par leclone dans le forum Général JavaScript
    Réponses: 8
    Dernier message: 09/08/2007, 13h34
  2. Un editeur de texte en javascript avec colorisation sintaxique
    Par Assimil dans le forum Général JavaScript
    Réponses: 12
    Dernier message: 05/07/2007, 16h58
  3. contenu champ de texte changeant en fonction d'un bouton radio
    Par Invité dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 26/05/2007, 23h32
  4. Réponses: 23
    Dernier message: 25/05/2007, 16h36
  5. Accéder à <layout:text> avec Javascript
    Par micanti dans le forum Struts 1
    Réponses: 2
    Dernier message: 30/05/2006, 17h59

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