begin process at 2012 05 30 02:32:19
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript Orienté objet (POO)

 > 

Divers

 > 

Trouvez l'erreur ! (redimmensionner un DIV)


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

Trouvez l'erreur ! (redimmensionner un DIV)

samedi 7 octobre 2006 à 14:31:06 | Trouvez l'erreur ! (redimmensionner un DIV)

supergrey

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.
samedi 7 octobre 2006 à 15:02:46 | Re : Trouvez l'erreur ! (redimmensionner un DIV)

bultez

Membre Club




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]
samedi 7 octobre 2006 à 15:28:07 | Re : Trouvez l'erreur ! (redimmensionner un DIV)

bultez

Membre Club
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]
samedi 7 octobre 2006 à 16:08:13 | Re : Trouvez l'erreur ! (redimmensionner un DIV)

supergrey

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.)
samedi 7 octobre 2006 à 16:15:49 | Re : Trouvez l'erreur ! (redimmensionner un DIV)

bultez

Membre Club






je ne pense pas non plus que le div devienne plus petit que l'image elle même

<body>

<div style="height:500;width:500"
  id="ci" style="background-color:#FFFF00">
<img  
  id="ii" src=" [ Lien ] and Settings/Bul/Mes documents/Mes Images/Etranges+Illusions/Caisse.jpg" />
</div>

<script type="text/javascript">
   var w=2;
   var h=2;
   var iddiv=document.getElementById("ci");

function Diminuer()
{
 var th=parseInt(iddiv.style.height);
 var tw=parseInt(iddiv.style.width);
 
 window.status=th+"/"+tw;

   if (th<=0 || tw<=0)
   {
      iddiv.style.visibility="hidden";
  clearTimeout(timerid);
   }
   else
   {
      iddiv.style.width=tw-w;
      iddiv.style.height=th-h;
      var timerid=setTimeout("Diminuer();",50);
   }
}

 Diminuer();
</script>

</body>

>>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]    [M'écrire]
dimanche 8 octobre 2006 à 09:17:57 | Re : Trouvez l'erreur ! (redimmensionner un DIV)

rubiks10

Membre Club
Réponse acceptée !
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--
lundi 9 octobre 2006 à 15:26:38 | Re : Trouvez l'erreur ! (redimmensionner un DIV)

supergrey

Merci rubiks10 ca marche !


Cette discussion est classée dans : id, width, height, div, diminuer


Répondre à ce message

Sujets en rapport avec ce message

comment avoir le height width d'une div ... [ par GuilleW ] Disons que j'ai une div qui contient des image texte etc ... je voudrai avoir sa taille mais comme sa varie je ne peux mettre qu'une variable pour la Taille d'ecran sur code css [ par badvirus ] Bonjour, mon probleme avec ce code est que je voudrais l'adapter a n'importe quelle taille d'ecran et je n'y arrive pas. voici le code CSS : body { Détecte nombre de pixel avec height: auto [ par jimmyhendrix ] Salut forum ! Je conçois une shop en ligne sur mon site web avec plusieurs choses interactives à l'intérieur de ma DIV principale qui forme le cadre positionnement background CSS div [ par ju0123456789 ] Bonjour, J'ai un petit souci avec des fonds, J'ai un div qui se positionne tout en haut d'une page, dans lequel il y a 3 div avec chacun une image de positionnement background CSS div [ par ju0123456789 ] Bonjour, J'ai un petit souci avec des fonds, J'ai un div qui se positionne tout en haut d'une page, dans lequel il y a 3 div avec chacun une image de positionnement background CSS div [ par ju0123456789 ] Bonjour, J'ai un petit souci avec des fonds, J'ai un div qui se positionne tout en haut d'une page, dans lequel il y a 3 div avec chacun une image de Bug Firefox recuperation de la taille de l'image [ par malkomad ] Bonjour a tous, Je développe une site de type galerie, et j'ai un pb sous firefox ( uniquement ) lorsque je souhaite récupérer la taille de l'image e Overflow avec hauteurs en pourcentage [ par Titmoff ] Bonjour à tous, Mon sujet a déjà été traité et résolu mais malgré tout, je n'arrive pas à régler mon problème. Je voudrais n'avoir qu'une barre de d modifier le"width" et "height" de <div ..> par 2 boutans +/- [ par abibol ] Bonjour, Je souhaiterais modifier le "width" et "height" de par 2 boutons +/- [^^confus2] Merci modifier le"width" et "height" de <div ..> par 2 boutans +/- [ par abibol ] Bonjour, Je souhaiterais modifier le "width" et "height" de par 2 boutons +/- [^^confus2] Merci


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 5,663 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales