Discussion :

[isma92]

Bonjour tout le monde!

tout est dans le titre

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
 
function aaa() {
 
	if(document.getElementById('madiv').style.width=='500px'){
			document.getElementById('madiv').style.width='250px';
			document.getElementById('madiv').style.height='300px';
			document.getElementById('madiv').style.left='300px';
			document.getElementById('madiv').style.top='170px';
	}		
 
	if(document.getElementById('madiv').style.width=='250px'){
			document.getElementById('madiv').style.width='500px';
			document.getElementById('madiv').style.height='50px';
			document.getElementById('madiv').style.left='200px';
			document.getElementById('madiv').style.top='50px';
	}
 
}

en sachant qu'au chargement de la page 'madiv' a une width de 500px

merci

[E.Bzz]

Bonjour,
si tu fais

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
function aaa() {
	alert(document.getElementById('madiv').style.width);
 
	if(document.getElementById('madiv').style.width=='500px'){
			document.getElementById('madiv').style.width='250px';
			document.getElementById('madiv').style.height='300px';
			document.getElementById('madiv').style.left='300px';
			document.getElementById('madiv').style.top='170px';
	}		
 
	if(document.getElementById('madiv').style.width=='250px'){
			document.getElementById('madiv').style.width='500px';
			document.getElementById('madiv').style.height='50px';
			document.getElementById('madiv').style.left='200px';
			document.getElementById('madiv').style.top='50px';
	}
 
}

Tu vois quoi ?
De plus, un petit "else" au lieu du 2° if simplifierait les choses ...

A+

[Matthieu2000]

est ce que ton div a un style au départ?

ps utilise les class...

[isma92]

la fenetre d alerte qui apparait ne m affiche rien!

pourtant 'madiv' existe bel et bien

[isma92]

oui madiv a un style defini ds la css et j ai utilisé les 'id' au lieu des 'class'

[E.Bzz]

As-tu préciser position:absolute dans le style ?

A+

[E.Bzz]

la fenetre d alerte qui apparait ne m affiche rien!

pourtant 'madiv' existe bel et bien

Oui mais pas tel que tu penses.
Il faut qu'elle (heu .. non : "il") soit positionné en absolute !
Et que les coordonnées soient précisées, il me semble.

Si l'alert() n'affiche rien, un des points n'est pas respecté ...

A+

[isma92]

heu nan la position est 'relative' mais j avais deja reussi a faire bouger la div avec une position 'relative' c'est depuis que j'ai mis des if que la fct na marche plus

[E.Bzz]

heu nan la position est 'relative' mais j avais deja reussi a faire bouger la div avec une position 'relative' c'est depuis que j'ai mis des if que la fct na marche plus

On est d'accord : en "relative" tu ne peux les récupérer

A+

[isma92]

ah d accord mais sa m arrange pas trop que la position soit absolute, y a t'il un moyen de faire fonctionner la fct avc une position 'relative'

[isma92]

en faite ce que je souhaite faire c est un lien, et quand on clik dessus la position de la div alterne
cette fct servira plus tard a cacher un menu qui se trouve a gauche et redimmensioner la div qui se trouve a droite du menu

[isma92]

le probleme avec absolute c 'est qu il y a d autre div qui se trouve en dessous, et elle viendron recouvrir 'madiv' si je met 'madiv' en absolute

[E.Bzz]

Utilise un input hidden dans lequel tu mets un flag "gauche"/"droite", vu qu'il n'y a l'air d'avoir que 2 positions possibles ...
Au moins, ton if fera un test sur une valeur qu'il sait récupérer

A+

[isma92]

un input necessite un formulaire...et donc de recharger la page

en fait j ai fait cette fct pour eviter d avoir a recharger la page

[isma92]

au fait comment on fait pour recuperer la valeur d'un input?

[isma92]

c est bon j ai trouvé et dsl pour ma question tres idiote.

sinon pour la fonction j ai trouvé un moyen avec un input hidden merci!

[E.Bzz]

un input necessite un formulaire...et donc de recharger la page

Ah bon ? C'est nouveau ?

[isma92]

we we je sais lol! c est parceque en fait j avais pensé qu on etait obligé de valider le formulaire

[isma92]

Bon pour que les admin mettent le petit '[Resolu]' qui fait plaisir a voir, voici la solution a mon probleme :

dans le body j ai mis un input hidden :

Code :

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

1
2
3
4
 
	<form method="get">
		<input type="hidden" value="oui" id="zz">
	</form>

et ds le head la fonction que voici :

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
 
function aaa() {
	if(document.getElementById('zz').value=="oui"){
			document.getElementById('madiv').style.width='250px';
			document.getElementById('madiv').style.height='300px';
			document.getElementById('madiv').style.left='300px';
			document.getElementById('madiv').style.top='170px';
			document.getElementById('zz').value="non"
 
	}	else {
			document.getElementById('madiv').style.width='500px';
			document.getElementById('madiv').style.height='50px';
			document.getElementById('madiv').style.left='200px';
			document.getElementById('madiv').style.top='50px';
			document.getElementById('zz').value="oui"
	}
}

voila. merci e.bzz