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 :

Remplacer un input text


Sujet :

HTML

  1. #1
    Membre régulier
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    386
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 386
    Points : 90
    Points
    90
    Par défaut Remplacer un input text
    Bonjour le forum,

    Je cherche à remplacer cette fonction :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <input type="text" name="toto" size="15" readonly>
    qui fonctionne très bien mais qui n'est pas esthétique, en effet je voudrais un simple texte en sortie sans la cadre autour faisant penser à un champ de saisie.

    Pour vous situer une fonction javascript est exécuter avant et affiche un résultat dans mon "input"

    Cela est-il possible ?

    Merci de votre aide :-)

  2. #2
    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
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    faisant penser à un champ de saisie
    Ben... en même temps, un <input>, c'est un champ de saisie...

    Tu veux quoi au juste ? Afficher le résultat dans une autre balise ?
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <span id="resultat"></span>
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    var result = maFonction();
    document.getElementById('resultat').innerHTML = result;

  3. #3
    Membre régulier
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    386
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 386
    Points : 90
    Points
    90
    Par défaut
    Merci de votre réponse.
    Oui je souhaite afficher mon résultat dans une autre balise.
    Je ne veux pas l'afficher dans un champ de saisie mais comme simple texte.
    J'ai essayé votre code javascript mais cela ne semble pas fonctionner.

  4. #4
    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
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut
    Ben... moi je t'ai donné un exemple, ne connaissant pas ton code, c'est sûr qu'il faut adapter.
    Mais si tu as défini une fonction maFonction() et que celle-ci renvoie un résultat (mot clé return) alors ça devrait fonctionner !

  5. #5
    Membre régulier
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    386
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 386
    Points : 90
    Points
    90
    Par défaut
    En faite j'ai une fonction javascript qui renvoie la valeur dans ma balise qui s'appelle "toto", je pensais qu'il fallait juste changer le "input text" en "input quelque chose "pour juste changer l'affichage , je dois obligatoirement recréer ma fonction ?

  6. #6
    Expert éminent sénior

    Avatar de FirePrawn
    Homme Profil pro
    Consultant technique
    Inscrit en
    Mars 2011
    Messages
    3 179
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 36
    Localisation : France, Haut Rhin (Alsace)

    Informations professionnelles :
    Activité : Consultant technique

    Informations forums :
    Inscription : Mars 2011
    Messages : 3 179
    Points : 19 373
    Points
    19 373
    Par défaut
    Tu changes ton input par :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <span id="toto"></span>
    Pas besoin de toucher à ta fonction javascript

  7. #7
    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
    Points : 91 220
    Points
    91 220
    Billets dans le blog
    20
    Par défaut

    Un <input>, c'est une balise, pas une fonction...
    On peut voir ton code actuel (HTML + JavaScript) ?

  8. #8
    Membre régulier
    Profil pro
    Inscrit en
    Juin 2007
    Messages
    386
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Juin 2007
    Messages : 386
    Points : 90
    Points
    90
    Par défaut
    Je vous remercie je viens de trouver une solution qui me convient, j'ai changer ma balise par :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
     <input type="text" name="toto" size="20" style="border:0px; color: black;  font-weight:bold; font-size: 14px;"  readonly>
    j'obtiens le rendu voulu :-)
    Merci à vous

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

Discussions similaires

  1. Remplacement input:text par textarea
    Par Kouala dans le forum jQuery
    Réponses: 7
    Dernier message: 23/06/2011, 01h02
  2. remplacer des inputs text par des selects
    Par patricx dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 02/05/2011, 15h00
  3. Problème de contrôle de champ input texte
    Par NATHW dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 08/10/2004, 23h48
  4. Afficher un varchar complet dans un input text
    Par PrinceMaster77 dans le forum ASP
    Réponses: 4
    Dernier message: 25/06/2004, 13h17
  5. [FORMULAIRE] Récupération de input 'text'
    Par danael dans le forum Flash
    Réponses: 5
    Dernier message: 19/07/2003, 12h31

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