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

jQuery Discussion :

Valeur par default d'une fonction


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre du Club
    Homme Profil pro
    Analyse système
    Inscrit en
    Novembre 2021
    Messages
    5
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Analyse système

    Informations forums :
    Inscription : Novembre 2021
    Messages : 5
    Par défaut Valeur par default d'une fonction
    Bonjour à tous,

    Je possède une fonction qui fonctionne bien, et qui me permet d'afficher un texte en simultané lorsque l'on tape dans le champs de formulaire :

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
     <input type="text" name="nom" id="Nom">
     
          $(document).ready(function(){
            $("#Nom").on("input", function(){
              $("#nom").text($(this).val());
            });
          });
     
    <span id="nom"></span>

    Toutefois, lorsque l'on arrive sur la page, la balise <Span> est vide et je souhaiterais indiquer une valeur par défaut.

    Je coince sur ce point précis... Quelqu'un pourrait-il m'indiquer le chemin à prendre ?

    Un grand merci...

  2. #2
    Membre Expert
    Homme Profil pro
    Inscrit en
    Octobre 2011
    Messages
    2 910
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Octobre 2011
    Messages : 2 910
    Par défaut
    Salut,

    Ben il suffit de remplir l’élément <span> : <span id="nom">Valeur par défaut</span>...

  3. #3
    Membre du Club
    Homme Profil pro
    Analyse système
    Inscrit en
    Novembre 2021
    Messages
    5
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Analyse système

    Informations forums :
    Inscription : Novembre 2021
    Messages : 5
    Par défaut
    Bonjour Beginner

    Merci, oui j'avais testé et c'est un bon début.
    Mais je voudrais aller un peu plus loin ; lorsque l'on remplit le champs et qu'on le vide ensuite, j'aimerais que cette valeur par défaut revienne.

  4. #4
    Inactif  
    Homme Profil pro
    Webmaster
    Inscrit en
    Juin 2021
    Messages
    645
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 58
    Localisation : France, Pas de Calais (Nord Pas de Calais)

    Informations professionnelles :
    Activité : Webmaster
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Juin 2021
    Messages : 645
    Par défaut
    Ou alors :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    $(document).ready(function(){
    $("#nom").text('valeur par défaut');
    $("#Nom").on("input", function(){
       let txt = ($(this).val() != '')? $(this).val() : 'valeur par défaut';
       $("#nom").text( txt );
    });
    });

  5. #5
    Membre du Club
    Homme Profil pro
    Analyse système
    Inscrit en
    Novembre 2021
    Messages
    5
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 29
    Localisation : France, Rhône (Rhône Alpes)

    Informations professionnelles :
    Activité : Analyse système

    Informations forums :
    Inscription : Novembre 2021
    Messages : 5
    Par défaut Résolu
    Un grand merci, c'est exactement ce que je cherchais à faire.

  6. #6
    Modérateur

    Avatar de NoSmoking
    Homme Profil pro
    Inscrit en
    Janvier 2011
    Messages
    17 208
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Janvier 2011
    Messages : 17 208
    Par défaut
    Bonjour,
    pourquoi ne pas utiliser l'attribut placeholder pour stocker la valeur par défaut ?

    Remarque d'ordre général, il peut-être maladroit d'utiliser des noms d'ID proche, ici nom et Nom, même si la « casse » le permet, tôt ou tard tu rencontreras des soucis.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    $(document).ready(function() {
      // récup. INPUT et texte par défaut
      const $input = $("#id-input-nom");
      const defaultText = $input.attr("placeholder");
      // récup. et initialisation du SPAN
      const $span = $("#id-span-nom").text(defaultText);
     
      // la fonction événement
      $input.on("input", function() {
        $span.text($input.val() || defaultText);
      });
    });

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

Discussions similaires

  1. Réponses: 2
    Dernier message: 18/06/2009, 15h09
  2. Recuperer une "valeur par default" dans une table
    Par Conico113 dans le forum IHM
    Réponses: 7
    Dernier message: 05/03/2008, 14h13
  3. valeur par default d une input
    Par issam33 dans le forum Général JavaScript
    Réponses: 11
    Dernier message: 10/09/2007, 13h38
  4. changer la valeur par default d une input
    Par issam33 dans le forum Servlets/JSP
    Réponses: 14
    Dernier message: 07/09/2007, 15h45
  5. mettre valeur par default a une colonne
    Par nocoment dans le forum SQL Procédural
    Réponses: 2
    Dernier message: 03/05/2007, 14h33

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