Sujet : Aligner la hauteur des colonnes lors du redimentionnement

Salut a tous !
J'ai créer une petite fonction pour aligner la hauteur de mes colonnes, ca fonctionne mais seulement si après avoir redimensionné j'actualise le navigateur... Je voudrais que cela se face en live lors du redimensionnement mais je ne vois plus comment faire...
Voici lecode:

var hauteurMax = 0;

function choixHauteur(col) {
    // Récupère l'éléments contenu dans $(col)
    col = $(col);

    // Boucle sur ces éléments
    col.each(function() {

        // Récupère la plus grande valeur
        if ($(this).height() > hauteurMax) {
            hauteurMax = $(this).height();
        }
    });

    // Ajuste la hauteur
    col.height(hauteurMax);
}
;

choixHauteur('div.jsEgalise');

$(window).resize(function() {
    choixHauteur('div.jsEgalise');
});

Avez vous une idée ?

Re : Aligner la hauteur des colonnes lors du redimentionnement

Il faut essayer Mega fonction smart resize :

(function($,sr){
    var debounce = function (func, threshold, execAsap) {
        var timeout;

        return function debounced () {
            var obj = this, args = arguments;
            function delayed () {
                if (!execAsap)
                    func.apply(obj, args);
                timeout = null;
            };
            if (timeout)
                clearTimeout(timeout);
            else if (execAsap)
                func.apply(obj, args);
            timeout = setTimeout(delayed, threshold || 100);
        };
    }
    jQuery.fn[sr] = function(fn){
        return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr);
    };
})(jQuery,'smartresize');

Une fois déclarée tu l’appelle ne faisant :

$(window).smartresize(function(){
    choixHauteur('div.jsEgalise');
});

3

Re : Aligner la hauteur des colonnes lors du redimentionnement

Bon, bien déjà merci Jarodxxx...
En fait, j'ai fait des recherches autour du code que tu donne mais impossible de la faire fonctionner, cette fonction est peut etre encore un peut compliqué pour moi qui débute en jQuery...
Si tu as d’autres infos, je suis preneur...
merci d'avance.

Re : Aligner la hauteur des colonnes lors du redimentionnement

Peut etre que j'ai mal compris ton problème ....

Tu veux executer ta fonction :  choixHauteur('div.jsEgalise');  a chaque mouvement de redimensionnement de la fenetre c'est bien ca ?
Si c'est le cas Ca devrais fonctionner


(function($,sr){
    var debounce = function (func, threshold, execAsap) {
        var timeout;

        return function debounced () {
            var obj = this, args = arguments;
            function delayed () {
                if (!execAsap)
                    func.apply(obj, args);
                timeout = null;
            };
            if (timeout)
                clearTimeout(timeout);
            else if (execAsap)
                func.apply(obj, args);
            timeout = setTimeout(delayed, threshold || 100);
        };
    }
    jQuery.fn[sr] = function(fn){
        return fn ? this.bind('resize', debounce(fn)) : this.trigger(sr);
    };
})(jQuery,'smartresize');

var hauteurMax = 0;

function choixHauteur(col) {
    // Récupère l'éléments contenu dans $(col)
    col = $(col);

    // Boucle sur ces éléments
    col.each(function() {

        // Récupère la plus grande valeur
        if ($(this).height() > hauteurMax) {
            hauteurMax = $(this).height();
        }
    });

    // Ajuste la hauteur
    col.height(hauteurMax);
}
;

choixHauteur('div.jsEgalise');

$(window).smartresize(function(){
    choixHauteur('div.jsEgalise');
});

5 Dernière modification par Steeve (07-10-2013 09:04:27)

Re : Aligner la hauteur des colonnes lors du redimentionnement

Re : Aligner la hauteur des colonnes lors du redimentionnement

Essaye de creer un jsfiddle avec ton bug j'essayerais de le debuger si je peut

Re : Aligner la hauteur des colonnes lors du redimentionnement

8 Dernière modification par Steeve (10-10-2013 07:48:35)

Re : Aligner la hauteur des colonnes lors du redimentionnement

Salut,
désolé, le lien ne pointe pas...

EDIT: en fait l'url fourni par le forum n'est pas bonne:
http://%3Cbr%20/%3E  avant la bonne url...

Bref, je regarde ce que tu m'a donné et je reviens !

9 Dernière modification par Steeve (10-10-2013 08:43:29)

Re : Aligner la hauteur des colonnes lors du redimentionnement