Discussion :

[Methx]

Bonjour!

Je fais appel à vous car ce problème dépasse mes compétences, j'ai cherché des heures et des heures pour essayer de me débrouiller, j'y suis parvenu à 50% si on peut dire ça comme ça.

J'explique mon soucis, j'ai un footer qui se déplie, comme celui si : http://return-true.com/examples/slidefooter2.html

Mais un problème se pose, j'ai ajouté un système de nouveautés avec juste en dessous un système de pagination également en ajax, donc pas de rechargement de page etc... Sauf que quand je clique sur le chiffre pour changer de page, bah il me remonte à une certaine hauteur et dans l'autre sens, si je déplie le footer il ne remontera pas le site. J'ai essayé avec des ancres mais ça ne marche pas, il va bien à l'endroit où il y a l'ancre, mais après il se repositionne exactement à la hauteur quand le footer n'est pas déplié. J'ai également essayé avec un window.scrollTo mais même chose. En gros, il faudrait que le footer soit effacé, ne soit plus visible concrètement quand il n'est pas déplié pour pas que la page soit décalée au niveau de la longueur. Et si j'ai bien vérifié, quand la page remonte, c'est exactement la même longueur que le footer, c'est-à-dire, c'est comme si par défaut il prenait la longueur total du site, y compris donc le footer qui lui n'est pas déplié, et du coup ça fait qu'il remonte un peu plus car lui le footer est caché.

C'est compliqué à expliqué, j'espère avoir été clair au maximum, merci d'avance


( ps: il faut savoir que je débute dans le ajax )

[NoSmoking]

Bonjour et bienvenue sur DVP.

C'est compliqué à expliqué, j'espère avoir été clair au maximum, merci d'avance

le mieux pour nous plutôt que d'essayer de recoller des morceaux serait que tu nous mettes le code épuré de ta page, ou un lien vers elle.

[Methx]

J'ai trouvé d'où ça venait, mais je ne sais pas comment le résoudre, voilà le code Ajax de la pagination :

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
40
41
42
43
44
45
46
47
var Imtech = {};
Imtech.Pager = function() {
    this.paragraphsPerPage = 3;
    this.currentPage = 1;
    this.pagingControlsContainer = '#pagingControls';
    this.pagingContainerPath = '#content';
 
    this.numPages = function() {
        var numPages = 0;
        if (this.paragraphs != null && this.paragraphsPerPage != null) {
            numPages = Math.ceil(this.paragraphs.length / this.paragraphsPerPage);
        }
 
        return numPages;
    };
 
    this.showPage = function(page) {
        this.currentPage = page;
        var html = '';
 
        this.paragraphs.slice((page-1) * this.paragraphsPerPage,
            ((page-1)*this.paragraphsPerPage) + this.paragraphsPerPage).each(function() {
            html += '<div>' + $(this).html() + '</div>';
        });
 
        $(this.pagingContainerPath).html(html);
 
        renderControls(this.pagingControlsContainer, this.currentPage, this.numPages());
 
    }
 
    var renderControls = function(container, currentPage, numPages) {
        var pagingControls = 'Page: <ul>';
        for (var i = 1; i <= numPages; i++) {
            if (i != currentPage) {
                pagingControls += '<li><a href="#" class="emm-page emm-current" onclick="pager.showPage(' + i + '); return false;">' + i + '</a></li>';
            } else {
                pagingControls += '<li><a class="emm-page">' + i + '</a></li>';
            }
        }
 
        pagingControls += '</ul>';
 
        $(container).html(pagingControls);
 
    }
}

En faites je cherche à mettre un FadeOut & Fadein, problème, quand je les mets bah c'est là que se met en place le décallage et par magie quand je l'enlève, aucun décallage. Peut être que je m'y prends mal, que je place mal le fadeout...

PS: j'avais rajouté ceci :

$('#content').fadeOut(500).fadeIn();