afficher/masquer texte

Question

Bonjour,
Je ne m'y connais pas en langage informatique, j'ai passé 2 jours à naviguer sur des forums pour trouver une solution mais rien, c'est pourquoi je sollicite votre aide.
Je voudrais
- masquer du texte
- que le texte masqué apparaisse lorsqu'on clique sur [Afficher]
- que le texte masqué disparaisse lorsqu'on clique sur [Masquer]
- mais également et surtout qu'il soit possible de sélectionner le texte caché (en vue d'un copié-collé).

J'ai bidouillé un code avec les infos que j'ai trouvé sur le net mais mon problème est que le texte caché disparait lorsqu'on clique n'importe où dans la page. Je voudrais svp une solution pour que soit il reste fixe une fois qu'on a cliqué sur [Afficher] et plus possible de le masquer (pas grave ça me convient) soit je peux garder la fonction masquer et ne cacher le texte que lorsqu'on clique sur [Masquer] et non pas ailleurs dans la page.
Petite précision, je ne peux pas utiliser le javascript ni jquery (logiciel incompatible).
Merci d'avance pour vos propositions messieurs dames !

Voici le code que j'ai bidouillé :

<p><style type="text/css">
#cont {display: none; }
.show:focus + .hide {display: inline; }
.show:focus { display: none; }
.show:focus ~ #cont {display: block;}

</style></p>
<div> <a class="show" href="#show">[Afficher]</a> <a class="hide" href="#hide">[Masquer]</a>
<div id="cont">texte à masquer</div>
</div></p>

Afficher la suite

[Afficher]

texte à masquer

Utilisateur anonyme · Answer

Si tu veux pouvoir toujours sélectionner le texte même s'il est caché, tu pourras normalement pas le faire si tu mets ton texte en 'display:none'

Ce que tu peux faire, c'est changer l'opacité de ton texte avec la propriété 'opacity'; si tu mets l'opacité à 0, le texte se masque mais reste sélectionnable en vue d'un copié/collé (je pense que c'est bien ce que tu essaies de faire, d'après ceci: "Je voudrais [...] - mais également et surtout qu'il soit possible de sélectionner le texte caché (en vue d'un copié-collé)" ?)

Ou est-ce que tu voulais dire que l'utilisateur clique sur Afficher, puis il faut qu'il puisse cliquer pour sélectionner le texte sans que le texte disparaisse à nouveau? Tu disais avoir des problèmes où le texte se re-masquait dès que tu cliquais ailleurs.

"I sell propane and propane accessories, I tell 'ya hwat."
 - Hank Hill

Utilisateur anonyme · Answer

salut, j'avais répondu et j'ai effacé mon message...on peut viser un vis cruciforme avec un tournevis plat....mais c'est pas pratique 

change de logiciel et utilise javascript

bonne journée
 
×º°"~'"°º×]|I{*------» LÖBÖTÖ «------*}I|[×º°"~'"°º×

Utilisateur anonyme · Answer

Salut,

regarde :

http://bencesticiquetudoiscliquer.bl.ee/


bonne journée 
 
×º°"~'"°º×]|I{*------» LÖBÖTÖ «------*}I|[×º°"~'"°º×

Utilisateur anonyme · Answer

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8" />
		<title>truc</title>
		<style type="text/css">
			.hide {
				display: none;
			}
			#aff::after {
				content: "afficher";
			}
			input[type=checkbox] {
				position: absolute;
				top: -9999px;
				left: -9999px;
			}
			input[type=checkbox]:checked ~.hide {
				display: block;
			}
			input[type=checkbox]:checked ~ #aff::after {
				content: "cacher";
			}
		</style>
		<body>
			<input type="checkbox" id="affich" />
			<label for="affich" id="aff"></label>
			<p class="hide">
				mon super texte
			</p>
</body>
</html>

Afficher/masquer texte

4 réponses

Votre réponse

Discussions similaires

Newsletters