Trouvez l'erreur ! (redimmensionner un DIV)Résolu

Question

Donc voila j'ai mis un DIV qui contient une image et je voudrais que ce calque diminue jusqu'a disparaitre, voila mon code:

function Diminuer()
{
   width-=2;
   height-=2;
   if (height<0)
   {
      document.getElementById("calqueid").style.visibility="hidden";
   }
   else
   {
      var id=document.getElementById("calqueid");
      id.width=width;
      id.height=height;
      id.style.width=width+'px';
      id.style.height=height+'px';
      timerid=setTimeout("Diminuer()",40);
   }
}

 Pour l'insant je le vois juste disparaitre au bout de quelques secondes mais pas diminuer petit a petit.

rubiks10 · Accepted Answer

Salut donc pour que l'on voit la diminution de la div il faut que tu rajoutes au style de la div contenant l'image en question l'attribut suivant : 

      overflow:hidden;

voila et tu veras donc ton calque diminuer sans changer la taille de l'image.... enfin voila si j'ai bien compris ta demande ca doit être ca

Bonne prog...

--The Rubik's Man--

cs_bultez · Answer

Bonjour, quand on fait toto-=2 c'est l'équivalent de toto=toto-2 donc : c'est quoi width et height ? ils ne sont pas définis ici. éviter les noms qui ressemblent par trop à ce que connait le html/javascript ici height,width,id.

Cordialement Bul [mon Site] [M'écrire]

cs_bultez · Answer

encore une petite remarque, diminuer la taille d'un div , ne fera pas diminuer la taille d'une image.

Cordialement Bul [mon Site] [M'écrire]

cs_supergrey · Answer

Désolé j'ai oublié de précisé: width est égale a 400 et height a 300 avant l'appel de la fonction.
Pour ce qui est des noms de variable ca me plait de faire comme ca et ca ne pose pas de problème.
Je sais que ca ne diminuera pas l'image mais j'aimerai déjà que ca diminue le calque.
Sinon tu ne vois pas pourquoi ca ne fonctionne pas?

(je précise que j'ai vérifié que width et height diminue bien a chaque appel il n'y a pas de probleme a ce niveau.)

cs_bultez · Answer

je ne pense pas non plus que le div devienne plus petit que l'image elle même file://D:/Documents and Settings/Bul/Mes documents/Mes Images/Etranges+Illusions/Caisse.jpg" /> >>noms de variable ca me plait de faire comme ca et ca ne pose pas de problème chacun ses goûts, mais tu prend des risques inutiles un jour, ou avec un navigateur particulier, ça plantera.

Cordialement Bul [mon Site] [=Bul M'écrire]

cs_supergrey · Answer

Merci rubiks10 ca marche !

Trouvez l'erreur ! (redimmensionner un DIV)

6 réponses

Votre réponse

Discussions similaires