Mise à jour d'affichage avec Qtip1

[tse_jc]

Bonjour,

Voilà peut être quelqu'un pourra m'aider. Je suis en train de débug/redev pour partie un site principalement en Ajax et suite à une impossibilité d'utiliser mon code habituel pour gérer les tooltips quand j'ai besoin, j'ai du prendre un pluging jquery de gestion de tooltips qui prends en charge mon CDC, et ce, à l'arrache avec qtip (je ne le connaissais pas). La version installée est la dernière stable de production <jquery.qtip-1.0.0-rc3.min.js> avec Jquery 1.6.4.
Alors, la version 2, plus aboutie avec laquelle je n'ai aucun problème sur l'objet de mon post, n'est pas utilisable en prod car encore en béta et boguée. Je précise aussi que je ne peux pas accèder au forum du support du composant, car il est bogué aussi et impossible de recevoir un code de confirmation d'email pour pouvoir y poster....

Voici mon problème. Je gère un panier avec et tout ce passe bien, sauf quand je souhaite supprimer un article contenu dans le tooltip (contenu html), c'est à dire quand je clique sur un bouton (image balise img) à partir du tooltip ouvert. En effet, tout se passe bien au niveau de la gestion de contenu, sauf en ce qui concerne la mise à jour de l'affichage. Au lieu de me mettre à jour le contenu ouvert, il me crée un autre tooltip avec le contenu à jour..

Si quelqu'un à une piste de solution, je manque de temps...


Merci à vous.

[SpaceFrog]

Et donc faut que l'on devine ton code ...

[tse_jc]

Ok... je l'ai bien mérité

Donc, lorsque le tooltip est ouvert l'appel de modif se fait à partir d'une image (croix)
<img onclick=”delete(a,b)” />

La fonction est stockée dans mon appli dans un fichier js dédié au panier

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
 
 
function delete(a,b){
      // traitements...
      $.ajax({
           url: “the url”,
           type: “post”,
           data:{fn:delete, id:a, type:b,sid:Math.random()},
           complete:function(xhr,result){
               xhr.responseText=”nouveau contenu pour le tooltip”;
               $(“#basket_img”).qtip({
                    // code de mise à jour du content qui ne fonctionne pas...
                    // + redéfinitition diverses ci-dessous
                     show:{when:{event:'mouseover'}},
                     hide:{when: 'inactive', delay: 3000},      
                     position:{corner: { target:'bottomMiddle',tooltip:'topMiddle' }},
                     style:{
                     tip:'topMiddle',
      'width':166, height:tt_height, padding:5,
                      border:{width:1,radius:5,color:'#000080'} 
     },
 
               });
           }
       });
 
}

Alors j'ai essayé des trucs du style

Code :

 try{ $("#basket_img").qtip('destroy'); }catch(err){}

Code :

1
2
$("#basket_img").qtip({content:tooltip_content});

Avec les methodes beforeUpdate, onShow, onRender, rien n'y fait, car je travaille sur un tooltip ouvert dans ce cas de figure.

Note: En même temps je pense qu'il n'y a pas 36 manières différentes avec Qtip1 pour mettre à jour un content à partir d'un tooltip ouvert, et je ne pense pas que le code ci-dessus aide à grand chose dans ce sens. Avec Qtip2, cela fonctionne en passant par l'api et la méthode set. avec Qtip1 mystère...