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

**highman** · 31/03/2006, 17h13

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

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 !

**SpaceFrog** · 31/03/2006, 17h21

http://javascript.developpez.com/faq...SS#affichObjet
voir la

**highman** · 31/03/2006, 17h31

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

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é

**SpaceFrog** · 31/03/2006, 17h34

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 :

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

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

Pour une div d'id = "div1"

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

**highman** · 31/03/2006, 17h42

Malgre tout ca elle ne disparait pas ... la mechante

je vous colle le code si ca vous inspire !

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
 
<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 !!!

**highman** · 31/03/2006, 18h50

C'etait un probleme de quote !

RESOLU !

**highman** · 31/03/2006, 18h51

le probleme .. Pour ceux qui en seraient la :

Code :

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

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

Au lieu de :

Code :

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

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

Merci a tous

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

JavaScript

Discussions similaires

Partager

Partager