Notifications lors dinsertions dans une bdd

Version imprimable

23/07/2009, 15h01
mathieu_r

Notifications lors dinsertions dans une bdd

Bonjour

sur le même modèle qu le chat ou les shoutboxes, j'aimerais savoir sil existe un moyen ou des plugins avec jquery qui permettent de notifier lutilisateur lorsqu'un enregistrement a été ajouté a une bdd...
En quelque sorte d'être a l'écoute des modifications effectuées au sein dune bdd...

Merci!
23/07/2009, 15h35
Bovino

jQuery est fait pour simplifier le code JavaScript, pas pour effectuer des miracles !
Il n'existe (encore heureux, à moins que tu n'aies envie d'envoyer en dur tes identifiants de connexion chez le client :mrgreen:) aucun moyen pour permettre à JavaScript de communiquer directement avec une base de donnée. Il faut obligatoirement passer par du langage serveur
23/07/2009, 15h37
Alexdezark

Salut,

lorsque tu insère quelque chose dans la BDD c'est forcément en php, donc tu fais appel à $.ajax.

avec $.ajax l'option "success" te permet de lancer une fonction quand ta requête a été traitée avec succès.

donc, tu mets un alert() dans ta fonction et tu as ta notification de réussite.

@+
23/07/2009, 15h39
Alexdezark

ha...

J'ai pas du bien comprendre la question...

c'était trop simple comme je l'avais comprise :oops:
23/07/2009, 16h42
mathieu_r

Bonjour et merci pour réponse

l'emetteur de la requête de même que celui qui la reçoit sous forme de notif sont sur le même réseau interne. Il n'y a pas de problème de confidentialité.

Comment procdent de applis de chat telles que celles de facebook et Google?
Il me semble qu dans leur cas le client est a l'écoute dune base de données... J'aimerais avoir quelque chose de similaire.

Il existe deux plugins semblables a ce que je veux faire: un appelé shoutbox et un appelé gmail chat.

Vraiment aucun moyen sous jquery? Dune autre manière, si?
23/07/2009, 19h23
Alexdezark

Tu peux par exemple écrire dans un fichier (ou dans une table) les nouvelles entrées dans la BDD en même temps que la requête d'écriture dans la BDD.

Après il faut lire le fichier (ou la table) régulièrement et le nettoyer après chaque lecture.

Donc pour ça je sais que dans la bibliothèque prototype il existe une fonction Ajax : Ajax.PeriodicalUpdater.

cette fonction permet d'actualiser une div à intervalles réguliers avec le contenu reçu de la requête Ajax (qui fera le nettoyage du fichier aussi).

Voilà.

Je ne sais pas s'il y a un équivalent à Ajax.PeriodicalUpdater dans la bibliothèque jQuery. (s'il y en a un ça m'interesse ;) )

Bonne soirée

PS : tu peux aussi envoyer un mail en même temps que tu fais une requête d'écriture à la BDD, je ne connais pas la fréquence d'écriture dans la BDD mais ça peut rapidement devenir plutot lourd...
23/07/2009, 22h08
danielhagnoul

Bonsoir mathieu-r.

Une très courte recherche avec Google donne : http://www.360innovate.co.uk/blog/20...er-for-jquery/

Je viens de le trouver donc j'ignore ce que cela vaut.
23/07/2009, 23h05
mathieu_r

ok merci, je vais donc procéder de cette façon-là.
:)

Bonjour mathieu_r.

jquery.periodicalupdater.js ne me convenant pas, j'ai écrit ma version de la chose, je vous la communique à tout à fin utile :

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
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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="Author" content="Daniel Hagnoul" />
    <title>Page type</title>
    <style type="text/css">
        body {
            background-color:#696969;
            color:#000000;
            font-family:Arial, Helvetica, sans-serif;
            font-size:medium;
            font-style:normal;
            font-weight:normal;
            line-height:normal;
            letter-spacing:normal;
        }
        h1,h2,h3,h4,h5 {
            font-family:"Times New Roman", Times, serif;
        }
        div,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,form,table,img {
            margin:0px;
            padding:0px;
        }
        p {
            padding:6px;
        }
        ul,ol,dl {
            list-style:none;
            padding-left:6px;
            padding-top:6px;
        }
        li {
            padding-bottom:6px;
        }
        div#conteneur {
            width:95%;
            margin:12px auto;
            padding:6px;
            background-color:#FFFFFF;
            color:#000000;
            border:1px solid #666666;
            font-size:0.8em;
        }
        div#affiche {
            margin:12px;
            border:1px solid #999999;
        }
    </style>
    <script type="text/javascript" src="../lib/jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
    (function($){
 
        /*
        * $.post(url, senddata, callback, 'json') périodique.
        *
        * Daniel Hagnoul 24 juillet 2009 (2009-07-24)
        *
        * Inspiré par la fonction globale jquery.periodicalupdater.js
        * mais permet de transmettre des valeurs différentes à chaque appel.
        *
        * data est un json qui doit se terminer par les paramètres
        * slow et stop, paramètres gérer par le fichier PHP
        * 
        */
 
        var STO = null;
        var boolSlow = false;
        var delaimin = 2000;    //2s
        var delaimax = 16000;    //16s
        var delai = delaimin;
        var i = 0;
 
        pushData = function(){
 
            $.post("test.php",{name: "Daniel", n: i},function(data){
                var s = [];
 
                s.push("Message n° " + (i++));
                s.push("Nom = " + data.nom);
                s.push("Nombre = " + data.nombre);
                s.push("Slow = " + data.slow);
                s.push("Stop = " + data.stop);
 
                boolSlow = data.slow;
                if (data.stop) window.clearTimeout(STO);
 
                $("#affiche").html("<p>" + s.join("<br/>") + "</p>");
            },'json');
 
            if (boolSlow && delai < delaimax) delai *= 2;
            if (!boolSlow && delai > delaimin) delai /= 2;
 
            STO = window.setTimeout(pushData, delai);
        }
 
        $(document).ready(function(){
            pushData();
         });
 
    })(jQuery);
    </script>
</head>
<body>
    <div id="conteneur">
        <div id="affiche"></div>
    </div>
</body>
</html>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<?php
if (isset($_POST["name"]) && isset($_POST["n"])){
 
    $nom = $_POST['name'];
    $nombre = $_POST["n"];
    $slow = false;
    $stop = false;
    
    if ($nombre > 1) $slow = true;
    
    if ($nombre > 5) $stop = true;
 
    $arr = array(
        "nom" => "Hagnoul",
        "nombre" => $nombre,
        "slow" => $slow,
        "stop" => $stop
    );
        
    echo json_encode($arr);
}
?>