pourquoi ma fonction ne marche pas?

Version imprimable

Bonjour tout le monde!

tout est dans le titre

Code:

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

Bonjour,
si tu fais

Code:

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+

30/01/2007, 12h20
Matthieu2000

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

ps utilise les class...
30/01/2007, 12h22
isma92

la fenetre d alerte qui apparait ne m affiche rien!

pourtant 'madiv' existe bel et bien
30/01/2007, 12h23
isma92

oui madiv a un style defini ds la css et j ai utilisé les 'id' au lieu des 'class'
30/01/2007, 12h24
E.Bzz

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

A+
30/01/2007, 12h26
E.Bzz

Citation:

Envoyé par isma92

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+
30/01/2007, 12h27
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
30/01/2007, 12h29
E.Bzz

Citation:

Envoyé par 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

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

A+
30/01/2007, 12h31
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'
30/01/2007, 12h34
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
30/01/2007, 12h35
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
30/01/2007, 12h36
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+
30/01/2007, 12h41
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
30/01/2007, 12h47
isma92

au fait comment on fait pour recuperer la valeur d'un input?:oops: :oops:
30/01/2007, 13h02
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!:P
30/01/2007, 13h55
E.Bzz

Citation:

Envoyé par isma92

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

Ah bon ? C'est nouveau ? 8O
30/01/2007, 14h17
isma92

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

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:

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

et ds le head la fonction que voici :

Code:

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 ;)