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 :

reload page apres json


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Mai 2002
    Messages
    616
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2002
    Messages : 616
    Par défaut reload page apres json
    Bonjour,

    j'utilise jeditable pour modifier un champs
    cette modification à des consequences sur d'autres champs (en arriere plan)
    donc apres modification, il faudrait que je puisse reloader la page pour afficher tous les champs mis à jour
    voici la fonction jeditable
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
     
    $('.montant').editable('json/save_echeance.php', { //requete update
             indicator : 'Enregistrement...',
             tooltip   : 'Cliquer pour modifier...',
    //success : location.reload('liste_echeance.php')
     
         });
    le "success" me reload la page avant meme d'avoir effectué une modification
    (de meme qu'un callback)
    Avez vous une idée
    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
    Billets dans le blog
    20
    Par défaut
    Salut,
    il semblerait qu'il s'agisse d'un cas classique de non inhibition du comportement par défaut, si $('.montant') correspond à un lien ou un bouton submit par exemple.
    Cela se contourne facilement avec un simple return false.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    $('.montant').editable('json/save_echeance.php', { //requete update
             indicator : 'Enregistrement...',
             tooltip   : 'Cliquer pour modifier...',
    //success : location.reload('liste_echeance.php')
     
         }
    return false;);
    Ceci dit, je vois mal dans ton cas l'intérêt d'Ajax
    Pourquoi ne pas faire une validation "classique" ???
    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

  3. #3
    Membre éclairé
    Profil pro
    Inscrit en
    Mai 2002
    Messages
    616
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2002
    Messages : 616
    Par défaut
    merci
    non c'est un td
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    <td id="'.$data['id'].'" class="montant">'.$data['montantmensualite'].'</td>
    ce tableau se trouve dans un "dialog"
    et grace à jeditable je change le "'.$data['montantmensualite'].'"

    n'y a t il pas un moyen pour reloader la page ou le "dialog" depuis la fonction jquery?

    solution intermediare qui fonctionne :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
     
    <script type="text/javascript" charset="utf-8">
    location.reload('liste_rdv.php');
    </script>
    dans save_echeance.php (fichier des requetes mysql)
    merci

  4. #4
    Membre expérimenté Avatar de onirisme
    Homme Profil pro
    Ingénieur commercial
    Inscrit en
    Novembre 2004
    Messages
    221
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 47
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Ingénieur commercial
    Secteur : High Tech - Matériel informatique

    Informations forums :
    Inscription : Novembre 2004
    Messages : 221
    Par défaut
    Bonjour,

    Je ne comprend pas vraiment pourquoi tu cherches à recharger la page...

    Si tu utilises jQuery, tu peux en utiliser toutes les fonctions. Pourquoi ne changes tu pas l'affichage dynamiquement ?

    Si je ne me trompe pas, c'est une sorte de simulateur de mensualités que tu souhaites réaliser.

    Voici un code ultra simplifié qui te permet de modifier tes inputs après modification ; Je n'ai pas utilisé jeditable mais les fonctions natives javascript et jQuery et puis j'ai pas non plus mis en place les vrais calculs (j'ai trop mal à la tête...)

    Code jQuery :
    Code : 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
     
    <script>
        $("#document").ready(function(){
            //Initialisation
            var mi = 10000;
            var tps = 36;
            var mens = 10000 / 36;
     
            //Initialise les inputs
            $("#chp1").val(mi);
            $("#chp2").val(tps);
            $("#chp3").val(Math.round(mens));
     
            //Au FocusOut je lance la fonction "Ajax" via methode POST
            //J'utilise json pour traiter mes données.
            $("#chp1").blur(function(){
                $.post('ajax_test.php', {
                    mi: $("#chp1").val(),
                    tps: $("#chp2").val(),
                    mens: $("#chp3").val()
                }, function(data){
                    //J'ai maintenant un objet json
                    console.log(data);
                    //Que je peux manipuler directement...
                    $("#chp3").val(Math.round(data.mens));
                }, "json");
     
            });
        });
    </script>
    Code PHP (save_echeance.php)
    Code : 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
    <?php
    //Récupération des données passées par POST
    $mens = $_POST['mens'];
    $tps = $_POST['tps'];
    $mi = $_POST['mi'];
     
    /**
     * Requete SQL....
     * Retour de données...
     */
     
    //Retour des données
    $newMens = $mi/$tps;
    echo json_encode(array("mens"=>$newMens));
    //recupere tout ce que tu as besoin de recuperer sous le format json_encode(array("k1"=>"v1","k2"=>"v2",etc...))
    ?>
    Code HTML :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    <table>
                <tr>
                    <td>Montant initial : </td>
                    <td><input id="chp1" type="text" value=""/>€</td>
                </tr>
                <tr>
                    <td>Durée : </td>
                    <td><input disabled="true" id="chp2" type="text" value=""/>mois</td>
                </tr>
                <tr>
                    <td>Mensualité : </td>
                    <td><input disabled="true" id="chp3" type="text" value=""/>/mois</td>
                </tr>
    </table>

Discussions similaires

  1. Mise en page après requête MySql
    Par php_de_travers dans le forum Requêtes
    Réponses: 5
    Dernier message: 23/11/2005, 09h25
  2. positionner la page après un rafraichissement
    Par ozzmax dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 08/11/2005, 20h14
  3. [DIV] Positionnement pied de page après réduction de taille
    Par snetechen dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 20/09/2005, 15h06
  4. [C#]rechargement page apres fermeture popup
    Par julio84 dans le forum ASP.NET
    Réponses: 5
    Dernier message: 04/05/2005, 09h50
  5. Redirect de la page après un insert/update/delete
    Par mchicoix dans le forum XMLRAD
    Réponses: 5
    Dernier message: 25/02/2005, 09h31

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