Javascript IE7 et onresize

[bestiole]

il semblerait que ça boucle joyeusement... quand on veut recharger la page sur l'événement on resize ?

pas testé quelques guignoleries trouvées sur le web mais quelqu'un a bien du déjà voir ce problème... si il y a encore quelqu'un ici... peut-être ?

[Great-Fred]

Désolé mais, je n'ai pas testé ce cas de figure...
Je ne fais pas de "onresize"...

Mais, en tout cas, c'est vraiment chiant de devoir faire des trucs spéciaux en JavaScript pour IE (toutes pseudo-versions confondues...)

[bestiole]

disons que c'est le test IE7 qui a été rigolo...

en même temps les bidouilles pour Firefox et Opera ça pue déjà un peu... alors un peu plus ou un peu moins...

[Great-Fred]

disons que c'est le test IE7 qui a été rigolo...

en même temps les bidouilles pour Firefox et Opera ça pue déjà un peu... alors un peu plus ou un peu moins...

Les "bidouilles" pour FF et/ou Opéra, comme tu dis, doivent généralement être "rebidouillées" pour IE, ce qui est quand même assez chiant...

Après, ça dépend de quoi tu parles, quand tu dis "bidouille"...
Est ce que c'est un truc complexe et la spécificité du navigateur a de forte chance de devoir être prise en compte, ou alors est ce un truc simple, mais, chez IE, il a été décidé que ça ne serait pas du standard... ?

[bestiole]

je pense pas avoir de grosses horreurs dans mon bazar... enfin, je ne sais pas encore pour IE puisque ça boucle le chargement, surtout ce truc qui me gêne pour le moment... la suite demain probablement. huhu.

[Great-Fred]

Tiens je viens de trouver ça (que tu as peut être trouvé, par ailleurs...) :
==> Source

Code: Tout sélectionner

function resize()
{
    removeEHandler(window, 'resize', arguments.callee);
   
    var frame = document.getElementById("frame1");
    var htmlheight = document.body.parentNode.scrollHeight;
    var windowheight = window.innerHeight;
   
    if ( htmlheight < windowheight )
    {
        document.body.style.height = windowheight + "px";
        frame.style.height = windowheight + "px";
    }
    else {
        document.body.style.height = htmlheight + "px";
        frame.style.height = htmlheight + "px";
    }
   
    addEHandler(window, 'resize', arguments.callee);
}

addEHandler(window, 'resize', resize);

A utiliser avec ça (désolé pour l'oubli...) => event-listeners.js

Et apparemment ça marche...
A toi d'adapter entre le "removeEHandler" et le "addEHandler" de la fonction "resize"...

J'avoue ne pas avoir testé...

[bestiole]

je vais tenter cette ruse là d'abord :

Work Around: In my case, I do everything through an onload event. In the onload event, BEFORE everything else, I simply created a new floating content region with nothing in it. It looks like:

Code: Tout sélectionner

newobject = document.createElement('DIV');
if (newobject) {
newobject.id = 'blankregion';
newobject.style.position = 'absolute';
newobject.style.visibility = 'visible';
newobject.style.display = 'block';
newobject.innerHTML = ' ';
document.body.appendChild(newobject);
}

suspens (de crabe)...

[bestiole]

et la solution qui tue : tu ne recharges pas la page sur le onresize, tu prends tes doigts copie trois lignes (pour pas se refaire un appel de fonction à la place des trois lignes en question et avoir du code moins crade) et tu recalcules les positions et tailles de ce que tu veux.

trop fort.

[le-glaude]

Utilise un framework type jquery, cela t'affranchit du navigateur, il test et gère la compatibilité pour toi
En plus ca permet de faire des trucs tip top en ergonomie / effet / ajax / interaction

Après c'est peut être extrême comme solution si tu fais "juste" un resize.

[bestiole]

j'utilise jquery. (c'était IE6 en fait)... d'autres conneries qui le font râler mais ça va finir par rouler, j'espère.

[Great-Fred]

Y a aussi Prototype, comme framework, mais, je ne connais pas très bien ni l'un ni l'autre.

[titan]

mootools sinon aussi, pour que la réunion de famille soit complète

[le-glaude]

j'utilise jquery. (c'était IE6 en fait)... d'autres conneries qui le font râler mais ça va finir par rouler, j'espère.

Dans l'idée tu fais un resize et tu bind un évènement sur le resize dans lequel tu exécutes ta redirection ?

(en passant, si tu utilises jquery, tu n'as pas à utiliser la propriété "onResize", mais plutôt binder ta redirection sur l'évènement resize ? )
Dans le ready de ta page :

Code: Tout sélectionner

jQuery(window).resize(function() {
// ta redirrection ...
});

Mais cela parait bizarre de resizer avant de changer de page... j'aurais d'abord changé de page puis resizer ?

[bestiole]

j'avais du dire quelque chose comme...

et la solution qui tue : tu ne recharges pas la page sur le onresize, tu prends tes doigts copie trois lignes (pour pas se refaire un appel de fonction à la place des trois lignes en question et avoir du code moins crade) et tu recalcules les positions et tailles de ce que tu veux.

trop fort.

ça ne répond pas à la question du resize ? c'est vrai. de mémoire je me suis branché sur le resize d'un div en fait. (comme un sale punk).

mais ce weekend c'était plus rigolo, j'ai démonté une grosse partie de ma tambouille pour faire de la création dynamique (on va lire une page et on construit en fonction de ce qu'on y trouve...). merveilleusement chiant. pas fini d'ailleurs bien que je crois m'en être sorti, dans les grandes lignes.

[le-glaude]

faire de la création dynamique (on va lire une page et on construit en fonction de ce qu'on y trouve...). merveilleusement chiant.

quand tu dis ce weekend, c'est un projet perso en fait ?

[bestiole]

ha ben heureusement que ce n'est pas pour le boulot dis donc !

[Great-Fred]

ha ben heureusement que ce n'est pas pour le boulot dis donc !

Bah, pourquoi ?
JavaScript, c'est pas bien pour ton boulot ?....

Ou alors c'est qu'on met trop de temps à répondre...

[bestiole]

ben non en plus pour mon boulot c'est pas particulièrement utile, donc bien javiscrapt.

entre les offsettruc, offsetmachin et les getcomputedstyle ainsi qu'une poignée de jongleries de fonctions ça commence à s'approcher de ce que je voulais. (bordel). la ponctuation est importante.

[le-glaude]

Code: Tout sélectionner

$('#Bestiole').bind('masterize_resize',function(){

console.log('Putain ca marche !');

});