reload page apres json

Version imprimable

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:

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

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:

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" ???

12/10/2009, 11h08
nicerico
merci
non c'est un td

Code:

<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:

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

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...:mur:)

Code jQuery :

Code:

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:

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:

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>