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 :

.ajax button onclick 2 clics nécessaires sous FF.


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre émérite

    Homme Profil pro
    Senior Développeur JEE
    Inscrit en
    Avril 2002
    Messages
    795
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : Belgique

    Informations professionnelles :
    Activité : Senior Développeur JEE
    Secteur : Finance

    Informations forums :
    Inscription : Avril 2002
    Messages : 795
    Par défaut .ajax button onclick 2 clics nécessaires sous FF.
    Bonjour à tous,

    voilà je vous expose mon problème:

    j'ai une fonction qui charge un fichier xml et qui affiche les données dans un table html.

    Cette fonction s'exécute correctement sous IE. Mais sous FF je dois cliquer deux fois sur le bouton pour que l'action s'exécute

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    function setPicData()
    {
        $(function ()
        {
            $('#picButtonId').click(function ()
            {
                $.ajax(
                {
                    type : "GET", url : "picData.xml", dataType : "xml", success : function (data)
                    {
                        $("#picTableBody").empty();
                        $(data).find('pic').each(function ()
                        {
                            var $pic = $(this);
                            $("#picTableBody").append($('<tr>').append($('<td>').html($pic.find('pic_value').text())).append($('<td>').html($pic.find('legal_name').text())).append($('<td>').html($pic.find('address').text())).append($('<td>').html($pic.find('city').text())).append($('<td>').html($pic.find('country').text())));
                        })
     
                    }
                });
     
            });
        })
    }

    Ai-je manqué quelque chose ??

    voici le fichier xml

    Code xml : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    <?xml version="1.0" encoding="UTF-8"?>
    <pics>
        <pic>
            <pic_value>961950456</pic_value>
            <legal_name>Dodaro</legal_name>
            <address>via leonardo da Vinci , 53</address>
            <city>Castrolibero</city>
            <country>IT</country>
        </pic>
        <pic>
            <pic_value>963046459</pic_value>
            <legal_name>Viktimolosko drustvo Srbije</legal_name>
            <address>Dositejava, 1A</address>
            <city>Belgrade</city>
            <country>RS</country>
        </pic>
        <pic>
            <pic_value>968427825</pic_value>
            <legal_name>80G, SA</legal_name>
            <address>Rua do Moinho, -</address>
            <city>Lourinhã</city>
            <country>PT</country>
        </pic>
        <pic>
            <pic_value>968764124</pic_value>
            <legal_name>A.Davis t/a Lighthouse Design &amp; Marketing</legal_name>
            <address>4 Long Row, -</address>
            <city>King's Lynn</city>
            <country>UK</country>
        </pic>
        <pic>
            <pic_value>963404389</pic_value>
            <legal_name>Bangladesh Fisheries Research Forum</legal_name>
            <address>House#354, Ground Floor, New DOHS, , Road#27</address>
            <city>Mohakhali, Dhaka</city>
            <country>BD</country>
        </pic>
        <pic>
            <pic_value>968988194</pic_value>
            <legal_name>PECHEURS DU NORD ET MANCHE</legal_name>
            <address>rue du commandant Charcot, 16</address>
            <city>Boulogne-sur-Mer</city>
            <country>FR</country>
        </pic>
        <pic>
            <pic_value>991008067</pic_value>
            <legal_name>Technologie-Lizenz-Büro der Baden-Württembergischen
                        Hochschulen GmbH</legal_name>
            <address>Ettlinger Strasse, 25</address>
            <city>Karlsruhe</city>
            <country>DE</country>
        </pic>
        <pic>
            <pic_value>991011753</pic_value>
            <legal_name>PRODUITS CHIMIQUES AUXILIAIRES ET DE SYNTHESE SA</legal_name>
            <address>RUE BOSSUET, ZI DE LA VIGNE AUX LOUPS , 23</address>
            <city>LONGJUMEAU</city>
            <country>FR</country>
        </pic>
        <pic>
            <pic_value>991011850</pic_value>
            <legal_name>THALES SECURITY SOLUTIONS &amp; SERVICES SAS</legal_name>
            <address>Rue Grange Dame Rose, 20-22</address>
            <city>VELIZY-VILLACOUBLAY</city>
            <country>FR</country>
        </pic>
    </pics>

    Merci à tous pour votre aide

  2. #2
    Membre Expert
    Homme Profil pro
    Inscrit en
    Septembre 2009
    Messages
    875
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Isère (Rhône Alpes)

    Informations forums :
    Inscription : Septembre 2009
    Messages : 875
    Par défaut
    [débutant]
    Est ce que ca marche en enlevant tes deux fonction avant $('#picButtonId').click(function (...)) ?

    Edit: ah bah Bovino a mieux formulé ma pensée :p

  3. #3
    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
    Billets dans le blog
    20
    Par défaut
    Pourquoi mettre le code dans une fonction setPicData() ?
    D'ailleurs, quand est-elle appelée cette fonction ?
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  4. #4
    Membre émérite

    Homme Profil pro
    Senior Développeur JEE
    Inscrit en
    Avril 2002
    Messages
    795
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 50
    Localisation : Belgique

    Informations professionnelles :
    Activité : Senior Développeur JEE
    Secteur : Finance

    Informations forums :
    Inscription : Avril 2002
    Messages : 795
    Par défaut
    Merci Bovino, problème résolu.

    Simplement viré le code de la fonction getPicData();

    Toujours l'art de travailler à l'ancienne comme si jquery n'existait pas.

    Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
     $(document).ready(function ()
        {
            $('#picButtonId').click(function ()
            {
                $.ajax(
                {
                    type : "GET", url : "picData.xml", dataType : "xml", success : function (data)
                    {
                        $("#picTableBody").empty();
                        $(data).find('pic').each(function ()
                        {
                            var $pic = $(this);
                            $("#picTableBody").append($('<tr>').append($('<td>').html($pic.find('pic_value').text())).append($('<td>').html($pic.find('legal_name').text())).append($('<td>').html($pic.find('address').text())).append($('<td>').html($pic.find('city').text())).append($('<td>').html($pic.find('country').text())));
                        })
     
                    }
                });
     
            });
        });

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

Discussions similaires

  1. ajax et onclick sur un button
    Par shonem dans le forum Débuter
    Réponses: 0
    Dernier message: 19/04/2010, 09h56
  2. type button onclick
    Par mademoizel dans le forum ASP
    Réponses: 3
    Dernier message: 14/01/2008, 14h37
  3. Button OnClick s'execute deux fois de suite
    Par ToxiZz dans le forum ASP.NET
    Réponses: 2
    Dernier message: 06/06/2007, 08h59
  4. button:hover ne fonctionne pas sous IE6
    Par mathieugamin dans le forum Mise en page CSS
    Réponses: 4
    Dernier message: 16/05/2007, 11h34
  5. [D5] [IB5.5] Tibdataset.post dans button.onclick
    Par WhiteDragon dans le forum Bases de données
    Réponses: 8
    Dernier message: 11/01/2006, 19h25

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