Discussion :

[master_kb2]

Bonjour,

Je souhaiterais redimensionner un div. J'ai ecrit une fonction javascript qui fonctionne sous internet explorer mais pas sous firefox.

l'idee est d'afficher et de grossir la largeur d'un div "virtuel" nomme machin_bis puis lorsqu'il a atteint sa largeur de 220 de cacher machin_bis et d'afficher machin.


je la lance comme ceci a l'interieur d une autre fonction : effet_visuel(id,800,800,30);

function effet_visuel(id,duree_tot,duree_rest,pas){
if(duree_rest<=0){ cache(id+"_bis");
affiche2(id,1);}
else{
if(duree_tot==duree_rest){var largeur=0;}
else{var largeur=document.getElementById(id+"_bis").clientWidth;};
document.getElementById(id+"_bis").style.display = "block";
document.getElementById(id+"_bis").style.width = largeur+220*pas/duree_tot;
setTimeout(function(){effet_visuel(id,duree_tot,duree_rest-pas,pas);},pas);
}
}

La console affiche "Erreur d'analyse de la valeur de la propriete "width". Declaration abandonnee"

je pense que le pb vient de document.getElementById(id+"_bis").style.width mais en ayant chercher sur internet je n'ai pas trouver ma reponse ...

Pourriez vous m'aider svp

[jln13]

Salut,

je crois que c'est a cause de ca :

document.getElementById(id+"_bis").style.display = "block";
document.getElementById(id+"_bis").style.width = largeur+220*pas/duree_tot;

Si je me trompe pas tu dois mettre des quotes autour de ton id.

[bigboomshakala]

bonjour

tout d'abord merci d'utiliser les balises [CODE] pour le code, parce que là ça fait mal aux yeux (meme pas d'indentation du code!)

jln13 > non, le getElementById est tout à fait correcte si id est une chaine de caractère.

master_kb2 > ta variable largeur est déclarée dans un else. existe-elle toujours en dehors de ce bloc ? (a priori oui avec le javascript, mais ce n'est pas très propre) ensuite même si tu n'avais pas eu d'erreur, ça n'aurait pas fonctionné car Firefox respecte scrupuleusement la norme sur le point suivant : un style.width est une chaîne composée d'un entier numérique suivi d'une unité. par exemple '100px'. or ici tu tentes d'affecter une valeur numérique sans unité. peux-tu donner un code minimal complet qui reproduise le problème et qu'on puisse tester ? (html+js)

[master_kb2]

sayez le probleme est resolu ! Il faut en effet rajouter le "px" a la fin !

Merciii

Ps: desole de ne pas avoir mis le code entre balises je suis nouveau