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 :

petite question sur un onclick


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Profil pro
    Inscrit en
    Novembre 2006
    Messages
    30
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2006
    Messages : 30
    Par défaut petite question sur un onclick
    Voila j'ai un petit probleme de compatibilité pour un tout léger script(si on peut l'appeler comme ca ...), c'est ridicule mais bon, ne trouvant pas la solution et n'aimant pas trop le javascript, je sollicite votre aide .Le code est mélangé avec du php mais je vous en fait grace :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    <form action="<?php echo $_SERVER['PHP_SELF'];?>" name="form_nb_mensualite_voiture_neuve">
     	<select id="nombre_mensualite_voiture_neuve" name="nombre_mensualite_voiture_neuve">
    		<option value="12" onclick='document.form_nb_mensualite_voiture_neuve.submit()'>12</option>
    		<option value="24" onclick='document.form_nb_mensualite_voiture_neuve.submit()' >24</option>
    		<option value="36" onclick='document.form_nb_mensualite_voiture_neuve.submit()' >36</option>
    		<option value="48" onclick='document.form_nb_mensualite_voiture_neuve.submit()' >48</option>
    		<option value="60" onclick='document.form_nb_mensualite_voiture_neuve.submit()' >60</option>
    	</select>
    </form>
    Voila donc les onclick ne marche pas sous IE mais ils marchent bien sous mozilla, si quelqu'un a une idée ^^

    Cordialement

  2. #2
    Expert confirmé
    Avatar de le_chomeur
    Profil pro
    Développeur informatique
    Inscrit en
    Février 2006
    Messages
    3 653
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur informatique

    Informations forums :
    Inscription : Février 2006
    Messages : 3 653
    Par défaut
    salut

    Essaye :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
     
    <form action="<?php echo $_SERVER['PHP_SELF'];?>" name="form_nb_mensualite_voiture_neuve">
     		<select id="nombre_mensualite_voiture_neuve" name="nombre_mensualite_voiture_neuve" onclick='document.form_nb_mensualite_voiture_neuve.submit()'>
    		<option value="12">12</option>
    	</select>
    </form>
    Bon courage

  3. #3
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Bonjour,
    Citation Envoyé par le_chomeur Voir le message
    Essaye :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    <form action="<?php echo $_SERVER['PHP_SELF'];?>" name="form_nb_mensualite_voiture_neuve">
     		<select id="nombre_mensualite_voiture_neuve" name="nombre_mensualite_voiture_neuve" onclick='document.form_nb_mensualite_voiture_neuve.submit()'>
    		<option value="12">12</option>
    	</select>
    </form>
    Voire même (pour pouvoir le réutiliser sans te préoccupper du nom du form) :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <select id="nombre_mensualite_voiture_neuve" name="nombre_mensualite_voiture_neuve" onclick='this.form.submit()'>
    Ceci dit, attention aux utilisateurs du clavier (si si il y en a, car dans un écran bien fait c'est plus rapide ) : ça ne fonctionnera pas pour eux => utilise plutôt onchange ...

    A+

  4. #4
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    Citation Envoyé par E.Bzz Voir le message
    Bonjour,Voire même (pour pouvoir le réutiliser sans te préoccupper du nom du form) :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <select id="nombre_mensualite_voiture_neuve" name="nombre_mensualite_voiture_neuve" onclick='this.form.submit()'>
    Ceci dit, attention aux utilisateurs du clavier (si si il y en a, car dans un écran bien fait c'est plus rapide ) : ça ne fonctionnera pas pour eux => utilise plutôt onchange ...

    A+
    euh, this.form.submit "this" désigne la balise select pas le document ! Là le navigateur va retourner une erreur car il n'y a pas de propriété form dans l'objet select
    Il aurait fallu écrire :
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    document.getElementById("IdBaliseForm").submit()

  5. #5
    Expert éminent

    Homme Profil pro
    Inscrit en
    Janvier 2007
    Messages
    13 474
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Secteur : Finance

    Informations forums :
    Inscription : Janvier 2007
    Messages : 13 474
    Par défaut
    Citation Envoyé par Auteur Voir le message
    euh, this.form.submit "this" désigne la balise select pas le document ! Là le navigateur va retourner une erreur car il n'y a pas de propriété form dans l'objet select
    Il aurait fallu écrire :
    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    document.getElementById("IdBaliseForm").submit()
    bis ....
    Avec quel nav as-tu une erreur ?

    C'est peut être IE only (dans ce cas, désolé : déformation professionnelle ), mais sur IE6, ça fonctionne (fais appel au <form> de l'objet en cours) ...

    Mais en fait, je viens de tester avec FF et ça fonctionne aussi

    A mon avis, le principale problème est le choix de l'évènement : sous FF, se onclick se déclenche avant que le choix soit fait (au moment du click, quoi )

    A+

  6. #6
    Expert confirmé
    Avatar de Auteur
    Profil pro
    Inscrit en
    Avril 2004
    Messages
    7 660
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Avril 2004
    Messages : 7 660
    Par défaut
    Citation Envoyé par E.Bzz Voir le message
    bis ....
    Avec quel nav as-tu une erreur ?
    euh en fait .... je n'ai pas testé
    Disons que dans mon esprit this désigne la balise select, il me semblait donc étrange que tu puisses agir sur le formulaire par ce biais

    Sinon si cette syntaxe ne pose pas de problème autant l'utiliser

    Autrement j'utilise onchange() sur la balise select et au cas où le onchange poserait problème (il arrive qu'il ne se passe rien lors de la sélection d'une option) j'ajoute à côté de la liste un bouton "ok" avec l'événement onclick.

Discussions similaires

  1. [ATL] Petite question sur les progress bar
    Par MrMaze dans le forum MFC
    Réponses: 1
    Dernier message: 06/05/2005, 09h40
  2. [Visuel XP] Petite question sur le theme XP...
    Par ZoumZoumMan dans le forum C++Builder
    Réponses: 12
    Dernier message: 20/01/2005, 14h41
  3. petite question sur le composant IBX ...
    Par vbcasimir dans le forum Bases de données
    Réponses: 4
    Dernier message: 05/01/2005, 10h33
  4. Réponses: 3
    Dernier message: 08/12/2004, 13h58
  5. Petite question sur les performances de Postgres ...
    Par cb44 dans le forum PostgreSQL
    Réponses: 5
    Dernier message: 13/01/2004, 13h49

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