Discussion :

[robin des bulles]

salut

je cree actuellement une fonction qui redimensionne un div, mais j'ai un probleme sur cette partie de code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
tailleActuelle = document.getElementById('redimensionnable').offsetHeight;
//ici on commence à 250 pixel
tailleReduite = 30;
 
if (tailleActuelle > tailleReduite)
{//si la taille actuelle est superieur a la taille voulu on decremente
	tailleActuelle--;
}
else if (tailleActuelle < tailleReduite)
{//sinon on incremente
	tailleActuelle++;
}

mon probleme est que la taille actuelle qui vaut 250 est (dans le test) plus petite que 30 (: la taille reduite) : du coup il incremente au lieu de decrementer !

Comment faire ? merciiii

[ryan]

Yop!

As-tu essayé de forcer une conversion en Integer?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
tailleActuelle = parseInt(document.getElementById('redimensionnable').offsetHeight);
//ici on commence à 250 pixel
tailleReduite = parseInt(30);

[robin des bulles]

je te remercie mais sans que je sache pourquoi maintenant ca marche :
voici le code pour ceux que ca interesse :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
/*	Fonction qui Reduit/Agrandit un div sur clic.
	A placer dans un head : 			<script language=JavaScript src='redimensionnementProgressif.js'></script>
	A placer dans l'objet declencheur : 	onClick='reduireAgrandir()'
	A placer dans le Div : 			id=redimensionnable style='overflow:hidden;'
*/
 
 
/*Parametres*/
tailleReduite = 30;//taille reduite	*** Ameliorable en recuperant la hauteur de la zone reduite ***
 
delaiExecution = 1;//délai d'attente avant ré-execution de la fonction
pasTaille = 1;//Pas d'incrementation transitionnel en pixel
 
/*variables*/
etatBoucle = true;//Etat de la boucle : vrai : stopé ; faux : en cours d'utilisation
 
function reduireAgrandir()
{//etat boucle et reduireAgrandirProgressif() permettent de prendre en compte le clic de l'utilsateur pendant le redimensionnement
	if (etatBoucle)
	{//si la boucle n'est pas utilisé... on l'utilise !
		tailleInitiale = document.getElementById('redimensionnable').scrollHeight;//on initialise... la taille initiale du div
		tailleActuelle = document.getElementById('redimensionnable').offsetHeight;//on recupere la taille actuelle du div
		//on defini la taille à atteindre
		if (tailleActuelle > tailleReduite)
		{//s'il n'est pas reduit ... on le reduit ^^
			tailleConvoite=tailleReduite;
		}
		else if (tailleActuelle < tailleInitiale)
		{//sinon on l'agrandit
			tailleConvoite=tailleInitiale;
		}
		reduireAgrandirProgressif();//dans tous les cas ce sera progressif
	}
	else
	{//sinon on change le but a atteindre
		if (tailleConvoite==tailleInitiale)
		{//s'il s'agrandit ... on le reduit ^^
			tailleConvoite=tailleReduite;
		}
		else if (tailleConvoite==tailleReduite)
		{//sinon on l'agrandit
			tailleConvoite=tailleInitiale;
		}
	}
}
 
function reduireAgrandirProgressif()
{
	if (tailleActuelle != tailleConvoite)
	{//tant que la taille convoité n'est pas atteinte (setTimeOut(...))
		if (tailleActuelle > tailleConvoite)
		{//si la taille actuelle est superieur a la taille voulu on decremente
			tailleActuelle-=pasTaille;
		}
		else if (tailleActuelle < tailleConvoite)
		{//sinon on incremente
			tailleActuelle+=pasTaille;
		}
		etatBoucle=false;//on utilise la boucle... donc on la boucle ^^
		document.getElementById('redimensionnable').style.height=tailleActuelle;//on change la taille de +/- x pixel
		setTimeout('reduireAgrandirProgressif()', delaiExecution);//re-execution de la fonction apres un delai d'attente
	}
	else
	{//le div est redimmensioné donc on n'a plus besoin d'executer la boucle
		etatBoucle=true;
	}
}/*			*** By Robin des Bulles ***			*/