Je voudrais ne pas visualiser une zone ?

Résolu/Fermé
vivremaroc Messages postés 111 Date d'inscription dimanche 20 septembre 2009 Statut Membre Dernière intervention 23 septembre 2012 - 21 sept. 2011 à 14:51
rescue Messages postés 1039 Date d'inscription vendredi 16 novembre 2007 Statut Contributeur Dernière intervention 27 mars 2019 - 21 sept. 2011 à 16:42
Bonjour,
je souhaite cacher une partie et la faire apparaitre que qu'on je me positionne dessus .
une zone qui contient des infos je voudrais la caché c-a-d que cette zone doit monter et déscendre avec un simple clique.

quand je cliquerai sur l'onglet descendra et automatiquement ca va affiché le contenu et vis vers ca il peut monter avec un simlpe click et ca va les cachés.

j'espère que j'ai bien expliqué mon pb.


Merci d'avance.





4 réponses

rescue Messages postés 1039 Date d'inscription vendredi 16 novembre 2007 Statut Contributeur Dernière intervention 27 mars 2019 136
21 sept. 2011 à 14:59
Bonjour,

Vous pouvez faire ce type manipulation soit en HTML ou soit en CSS.

Je m'explique:

1 - HTML : Utiliser la methode GET avec une balise <a href >.
2 - CSS : faire une class et jouer avec l'attribut display pour afficher ou pas.

@+

0
vivremaroc Messages postés 111 Date d'inscription dimanche 20 septembre 2009 Statut Membre Dernière intervention 23 septembre 2012 7
21 sept. 2011 à 15:22
d'abord un grand merci pr ton intervention.

si vous pouvez m'éclaircir les choses stp.
0
rescue Messages postés 1039 Date d'inscription vendredi 16 novembre 2007 Statut Contributeur Dernière intervention 27 mars 2019 136
Modifié par rescue le 21/09/2011 à 15:56
Re,

Alors pour moi c'est clair.

Voici un exemple de code vite fait en html:

Créé un fichier index.php pour mettre le code ci-dessous comme exemple :

<html>
<body>
<?php
if (isset($_GET['afficher'])) {
echo "Je suis affiche";
}
elseif (isset($_GET['cacher'])) {
echo "Je suis cache";
}
else {
echo "J'attend l'ordre !";
}
?>
<br /><br />
<a href="index.php?afficher=afficher">Afficher</a>
<a href="index.php?cacher=cacher">Cacher</a>
</body>
</html>

@+

Nul ne peut prétendre se connaître parfaitement car la conscience n'est que la partie émergée de l'iceberg. Sigmund Freud
0
rescue Messages postés 1039 Date d'inscription vendredi 16 novembre 2007 Statut Contributeur Dernière intervention 27 mars 2019 136
Modifié par rescue le 21/09/2011 à 16:43
Re,

Et voici en CSS:

<html>
<body>
<style type="text/css" media="screen">
.nav {
position:relative;
}
.nav .select_aff {
display:none;
}
.nav .select:hover .select_aff {
display: block;
}
</style>

<div class="nav">
<ul class="select">
<li><a href="#">Afficher</a>
<div class="select_aff">
<ul>
<li><a href="#">Je suis affiche</a></li>
</ul>
</div>
</li>
</ul>
</div>

</body>
</html>
Nul ne peut prétendre se connaître parfaitement car la conscience n'est que la partie émergée de l'iceberg. Sigmund Freud
0