28172 sujets

CSS et mise en forme, CSS3

Div et display:none [Résolu]

Bonjour, et merci d'avance pour votre aide.

J'ai beau chercher dans les autres topics, je ne trouve pas.

J'ai deux div, l'une est visible et contient un lien hypertexte, et l'autre est cachée avec la fonction display:none dans ma css.

Que dois-je mettre et où pour afficher le div caché, en cliquant sur le lien svp ?

Je vous remercie.
Modifié par wilbird (01 Jul 2009 - 14:52)
Bonjour wilbird,

pour réaliser ce que tu veux faire, c'est-à-dire rendre visible une div en cliquant sur un lien, je te propose d'utiliser un spoiler en javascript.

Tout d'abord, voici le script javascript :


<script type="text/javascript">
		function	show(divDest)
		{
			showDiv = document.getElementById(divDest);
			if (showDiv.style.display == 'block')
				showDiv.style.display = 'none'
			else
				showDiv.style.display = 'block';
		}
		</script>


et maintenant le petit bout de code XHTML qui va avec :


<div id="informations_supplementaires"><p><a href="#" onclick="show('reponse_1');">Test</a></p></div>

						<div style="display: none; text-align: justify;" id="reponse_1" onclick="hidden(this);" >Bloc de test<br />Bloc de test<br />Bloc de test<br />Bloc de test<br />Bloc de test<br />Bloc de test<br /></div>


Ici, j'ai mit <div id="informations_supplementaires"> afin de personnaliser mon conteneur, néanmoins, rien ne t'empêche de modifier et/ou de supprimer ce dernier.

Cependant, n'oublie pas de vérifier que javascript es activé sur ton navigateur afin de tester ce petit script.
Modifié par jQz (01 Jul 2009 - 11:09)
Sujet clos
Aller à