Visibilité d'une </div> ...

Version imprimable

31/03/2006, 17h13
highman

Visibilité d'une </div> ...

Bonjour,

Je vous transmet mon probleme :

Dans le cadre d'un projet php j'aurai besoin de faire apparaitre (apres que l'utilisateur ai cliqué sur un lien) une div initialement invisible et de recuperer les infos entrées dans une textbox contenu dans cette div (mais je pense que ca n'a rien ai faire ici -> php). Mes connaissances en javascript etant tres faibles :roll: je n'ai aucune idée de comment m'y prendre pour changer le style de la DIV de 'hidden' a 'visible' en gerant l'evenement onclick.

Si quelqu'un a le temps de me lancer sur la voie ...

Merci d'avance !
31/03/2006, 17h21
SpaceFrog

http://javascript.developpez.com/faq...SS#affichObjet
voir la :faq:
31/03/2006, 17h31
highman

Ok pour les fonctions :

function afficher(obj){
document.getElementById(obj).style.display = "block";
}
function cacher(obj){
document.getElementById(obj).style.display = "none";
}

Ca deja j'ai compris :D
Mais lors de l'appel, je ne sais pas comment faire le <a ...></a>
<a href="#" onclick="javacscript : cacher(div1)">cacher</a> ??
Pour une div d'id = "div1"

Promis la prochaine fois je regarde la faq ! mais la ce n'est pas expliqué :(
31/03/2006, 17h34
SpaceFrog

tout dépend sur quel évènement tu veux lancer le script ...
si c'est sur un lien hypertexte ..
tu es sur la bonne voie ...

Code:

<a href="#" onclick="javacscript : cacher(div1);return false;">cacher</a>

Pour une div d'id = "div1"

ou encore javascript:void(0) dasn le href ...

Malgre tout ca elle ne disparait pas ... la mechante :cry: je vous colle le code si ca vous inspire !

Code:

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
 
<html>
	<head><title>test</title>
 
		<script type="text/javascript">
			function afficher(obj){
			document.getElementById(obj).style.display = "block";
			}	
			function cacher(obj){
			document.getElementById(obj).style.display = "none";
			}
		</script>
 
	</head>
 
	<body>
 
 
		<div id="div1" name="div1" style="width:300px; height:100px; position:absolute; top:300px; left:300px">
			<table style="width:300px; height:100px; border-style:solid; border-width:1px; border-color:navy;
						font-family:verdana; font-size:10px">
				<tr>
					<td style="background-color:navy; color:white">
						Bonjour
					</td>
				</td>
				<tr>
					<td>
						<input type="textbox" style="width:290px; align:center" />
					</td>
				</td>
				<tr>
					<td>
						<input type="button" style="width:30px; text-align:center; display:block" value="Ok"/>
					</td>
				</td>
			</table>
		</div>
		<a href="javascript:void(0)" onclick="javacscript : cacher(div1);return false;">cacher</a> 
 
	</body>
</html>

Merci d'avance !!!

31/03/2006, 18h50
highman

C'etait un probleme de quote !

:D

RESOLU !

le probleme .. Pour ceux qui en seraient la :

Code:

1
2
 
<a href="javascript:void(0)" onclick="javacscript : cacher('div1');return false;">cacher</a>

Au lieu de :

Code:

1
2
 
<a href="javascript:void(0)" onclick="javacscript : cacher(div1);return false;">cacher</a>

Merci a tous