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 :

Fonction onChange immédiat


Sujet :

JavaScript

  1. #1
    Membre du Club
    Profil pro
    Inscrit en
    Mai 2008
    Messages
    114
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2008
    Messages : 114
    Points : 61
    Points
    61
    Par défaut Fonction onChange immédiat
    J'utilise la fonction onChange pour ajouté une image selon un input.
    Un exemple vaut mieux qu'un long discours :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    //Code javascript
    function imgPreview(url){
    	document.getElementById('img').src=url;
    }
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    //Code HTML/PHP simplifié (utilisation de CakePHP)
    <input type="text" onchange="imgPreview(this.value)" />
    <img src="" id="img" alt="Pas d'image" />
    Le fait est qu'il faut cliquer hors de l'input pour que l'image s'affiche, j'ai chercher, en vain, un script pour rendre cet affichage automatique

    Une solution ?

    Merci

    PS : Je peux utilisé un script de jquery sans problème.

  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
    L'événement onchange se déclenche lorsque le champ perd le focus et que le contenu a changé, donc le comportement est tout à fait normal.
    Sinon, tu peux essayer sur l'événement onkeyup qui se déclenche lorsqu'une touche est relachée.

  3. #3
    Membre du Club
    Profil pro
    Inscrit en
    Mai 2008
    Messages
    114
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2008
    Messages : 114
    Points : 61
    Points
    61
    Par défaut
    Ah bah oui, je l'avais jamais utilisé j'y ai pas pensé du coup

    Merci à toi.

  4. #4
    Membre émérite Avatar de franculo_caoulene
    Profil pro
    Inscrit en
    Octobre 2003
    Messages
    2 880
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Octobre 2003
    Messages : 2 880
    Points : 2 953
    Points
    2 953
    Par défaut
    Salut,

    Les évènements change et blur n'interviennent qu'à la sortie du champ texte. Le seul moyen à mon avis est d'utiliser l'évènement keypress et de tester si la chaîne est bien formée (se finissant par .jpg, par exemple).

    [edit] grillé...

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

Discussions similaires

  1. Fonction onchange avec select
    Par roy2work dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 09/01/2014, 18h14
  2. [Extension Chrome] Ajouter une fonction OnChange
    Par fobasmd dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 06/06/2013, 10h39
  3. Fonction onchange() qui casse le inline d'une balise <p>
    Par student_php dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 22/10/2010, 13h09
  4. Réponses: 6
    Dernier message: 15/01/2010, 15h42
  5. Appel imbriqué de fonction dans onChange de SELECT
    Par toome dans le forum Général JavaScript
    Réponses: 12
    Dernier message: 06/01/2006, 15h25

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