Trouvez l'erreur ! (redimmensionner un DIV) - JavaScript Orienté objet (POO) / Divers, Javascript / Ajax / DHTML

CodeS-SourceS est hébergé par Frontier.fr

Ce site au démarrage

AccueilCodesTutorielsForumsEmploiLivresConnexion

begin process at 2008 12 03 22:05:07

VIDéO : VISION DE MICROSOFT SUR LA 4èME GéNéRATION DES DATA CENTERS MODULAIRES par redo

[OPEN XML] COMPTE RENDU DII WORKSHOP DE BRUXELLES (2/2) par neodante

[OPEN XML] COMPTE RENDU DII WORKSHOP DE BRUXELLES (1/2) par neodante

[WPF] L'OBJET COLLECTIONVIEWSOURCE DE WPF, INDISPENSABLE POUR DéVELOPPER DES APPLICATIONS MéTIER ! par Thomas LEBRUN

MOBUZZ C'EST FINIT ! par orion

VOTE +1 AIDEZ MOI PLZ par drazika

JAVASCRIPT : OPENER ET REFRESH ? par photon02

TABLEAU D'INFORMATION par wwe419

RE : RECUPERER UNE VARIABLE par Bulledanslair

RE : éCHANGE DE DONNéES ENTRE FORMULAIRES par infograph61

+ de logiciels à télécharger

1 302 814 membres
732 nouveaux aujourd'hui
14 556 membres club

Trouver une ressource

Trouvez une ressource parmi 39 080 codes, 1 208 929 messages d'aide etc...

Recherche: dans [ Dernières recherches ]

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

Poser une question

Sujet : Trouvez l'erreur ! (redimmensionner un DIV) [ JavaScript Orienté objet (POO) / Divers ] (supergrey)

Informations & options pour cette discussion

Vous êtes ici : Thèmes / Javascript / DHTML / Ajax / JavaScript Orienté objet (POO) / Divers / Trouvez l'erreur ! (redimmensionner un DIV)
Ce sujet vous interesse ? Cliquez ici pour être averti quand il y a une nouvelle réponse

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	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]
	Rép. MP 11948 msg 13338 msg CS

samedi 7 octobre 2006 à 15:28:07 | Re : Trouvez l'erreur ! (redimmensionner un DIV)

bultez	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]
	Rép. MP 11948 msg 13338 msg CS

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

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

<body>

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	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--
	Rép. MP 138 msg 155 msg CS Réponse acceptée !

lundi 9 octobre 2006 à 15:26:38 | Re : Trouvez l'erreur ! (redimmensionner un DIV)

supergrey	Merci rubiks10 ca marche !
	Rép. MP 45 msg 464 msg CS

Cette discussion est classé 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 Dimension d'une image JS [ par superpaolo ] Je débute en javascript et je n'arrive pas à connaitre les dimensions d'une image (HEIGHT et WIDTH) à partir de son nom.monimage.height ?monimage.widt Je n'y comprend rien > réduction d'image [ par RazielReaver ] salut a tousJe suis en train de préparé une petite appli javascript et php (dont je mettrais le source ici promis) qui scanne les repertoires de sa ra Popup, variables, au secours ! [ par yakou32 ] Bonjour ! J'essaie de faire un script de redirection selon la résolution. L'idée est de faire un popup centré, aux bonnes dimensions, et la page mère jeu du sokoban [ par trufobaleine ] bonjour!nous avons créer un jeu du sokoban qui fonctionne tres bien mais pour augmenter les difficulter nous voulons mettre 2 caisses a chaque niveau. ajout fonction scroll [ par claudy03 ] Voilà, j'ai trouvé le script javascript qui suitdans le head :function resizePopUp(monImage, monTitre) { &nbsp connaitre la position (coordonnées) du curseur de la souris? [ par johanb ] Bonjour à tous, tous est dis dans le titre.Je sais c'est censé être qqc de basique, mais j'ai du mal. Voici l'origine de mon probleme: j'ai une liste Boites div, menu et organisation d'une page [ par MadM@tt ] Bonjour à tous voilà j'ai une question sur laquelle je bute depuis bien un mois... C'est tout simple : J'ai mon menu à gauche (boite div), on va dire Bouton radio (affichage de div suivant le choix) [ par Scooper ] Bonjour,Je suis en train de créer un système de questionnaire en PHP/MySQL où suivant le choix de l'utilisateur, telle ou telle question s'affiche à l Execution automatique d'un script [ par Charles Racaud ] Bonjour,J'ai une page html ou je place des qui sont transformer en "TextBox évolué" à l'exécution d'un script de la manière suivante :La div :