Afficher / Masquer des éléments sans javascript

sofinette

31 Jan 2008 à 14:34

Dans le tutorial pour Afficher / Masquer des éléments sans javascript
j'ai bien compris le principe du cas où on veut afficher un bloc au survol d'un lien mais comment faire si on veut afficher un bloc en cliquant
sur un lien ? Peut-on réellement se passer de Javascript ?

D'avance merci pour la précision.
Sofinette

koala64

Modérateur

31 Jan 2008 à 17:58

Salut,

Si tu veux afficher / masquer des éléments sans Javascript et au clic, tu peux le faire via PHP comme dans l'exemple suivant :

<?php

header('content-type: text/html; charset=utf-8');

?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	                  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
	<head>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<title>Exemple d'affichage / masquage d'un bloc sans Javascript</title>
	</head>
<body>

<h1>Exemple d'affichage / masquage d'un bloc sans Javascript</h1>

<div>
	<p>
		<a href="index.php">Fermer</a>
		<a href="index.php?bloc=ouvert">Ouvrir</a>
	</p>
[#blue]<?php if(isset($_GET['bloc']) && $_GET['bloc'] == 'ouvert') { ?>[/#]
	<p>Un bloc de contenu</p>
[#blue]<?php } ?>[/#]
</div>

</body></html>

Questions générales et questions de débutants

Afficher / Masquer des éléments sans javascript