Discussion :

[madjidri]

Bonjour,

Je viens de créer un bubble avec jquey,, mais pour le moment je bloque sur un problème, je m'explique :

j'arrive pas à mettre à jour le contenu du bubble sans rechargement de la page (j'utilise ajax pour récupérer les données à mettre à jour).

Merci d'avance pour votre aide

[marcha]

Salut,

poste un peu de code stp

[madjidri]

Celui ci est le code de la déclaration du bubble dans la JSP :

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
<div class="popup-holder returnInfo1-holder">
           <div class="popup returnInfo1" tabindex="0"></div>
            <div class="bubble">
                    <div class="top">&nbsp;</div>
                        <div class="content">
                               <p>content of the info button</p>
                           </div>
                      <div class="bottom">&nbsp;</div>
               </div>
                <noscript>
                    <div class="bubble-alt">
                          <p>content of the info button</p>
                      </div>
                  </noscript>
           </div>

Et là, c’est le code JS pour afficher le Bubble : ( le plus important c’est la fct popupHandler )

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
31
32
33
34
35
36
37
38
39
FC.popupInit = function () {
            if (FC.hasLteIE7) { 
                  $.getScript(FC.vars.paths.iframe); 
             }
            var storePopupNodes = function(){
            FC.vars.elements[this.className.split(' ')[1]] = $(this).siblings(FC.vars.selectors.bubble)[0].cloneNode(true);
 
            alert(FC.vars.elements[this.className.split(' ')[1]]);
            }
 
            var popupHandler = function () {
                   if($(this).parents('.key-middle').length <= 0){
                      !($(this).parents('.wgt').length) ?     $(this).parent().parent().css({position : 'static'}) : $(this).parent().parent().css({position : 'relative'});
                      $(this).bind('mouseenter', function (e) {
 
                        !($(this).parents('.wgt').length) ? $(this).parent().parent().css({position : 'relative'}) : $(this).parent().parent().css({position : 'relative'});
                                                __cls = ((e.pageY - $(window).scrollTop()) > 125) ? FC.vars.statics.BUBBLE_SHOW : FC.vars.statics.BUBBLE_SHOW + ' ' + FC.vars.statics.FLIPPED;
                                                (FC.hasLteIE7) ? $($(this).parent()[0]).append($(FC.vars.elements[this.className.split(' ')[1]]).bgiframe().removeClass().addClass(__cls)) : $($(this).parent()[0]).append($(FC.vars.elements[this.className.split(' ')[1]]).removeClass().addClass(__cls));
 
                                    }).bind(' mouseleave', function (e) {
                                                !($(this).parents('.wgt').length) ? $(this).parent().parent().css({position : 'static'}) : $(this).parent().parent().css({position : 'relative'}); 
 
                                                (FC.hasLteIE7) ? $(FC.vars.selectors.bubbleShow, $(this).parent()).remove() : $(FC.vars.selectors.bubbleShow, $(this).parent()).remove();
 
                                    });
                        }
            };      
 
            // pull all nodes out and store them
 
            $(this.vars.selectors.popup, this.vars.elements.state1).each(storePopupNodes);
 
            $(this.vars.selectors.popup, this.vars.elements.state2).each(storePopupNodes);
 
            $(this.vars.selectors.popup, this.vars.selectors.keyMiddle).each(storePopupNodes);
 
            $(this.vars.selectors.popup).each(popupHandler);
 
};