Est-il possible de rendre un texte caché non sélectionnable?

**Drag** · 30/07/2010, 17h46

Bonjour,

J'ai essayé plusieurs manières pour rendre un texte non sélectionnable.
En commencant pas des trucs simples"

Code :

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

style="display:none;"

et en terminant par des essais un rien plus tordus

Code :

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

style="ont-size:0px; letter-spacing: -5px; position: absolute;top: -5000px; text-indent:-5000px; position: absolute; left: -9999px; top: -9999px;"

Mais rien n'y fait: si je sélectionne un texte avec la souris, que je copie, puis que je colle, les parties texte "invisibles" seront embarquées dans le copier/coller!

Pour ceux qui ont besoin de plus de concret: imaginons une page multilingue qui tient sur une page HTML. Imaginons que lorsque l'utilisateur clique pour afficher en anglais, on cache les partie en francais, et que lorsqu'il choisit d'afficher le français, on cache ce qui est en anglais. Cela fonctionnera très bien visuellement. Par contre, si il sélectionne/copie/colle, il ne copiera pas uniquement ce qu'il voit à l'écran, car tous les textes seront sélectionnés.

Connaissez-vous une façon d'empêcher qu'un texte puisse être sélectionné dans une page HTML?
Le but n'est pas d'empêcher de copier de l'information ici, ce qui serait une cause perdue... mais de rendre la page plus agréable à l'utilisation justement...

Merci.

**Michel Rotta** · 30/07/2010, 21h23

Deux div dont un avec un display: none ?

**Bovino** · 30/07/2010, 22h37

Je vois pas comment tu arrives à sélectionner un texte placé dans un élément dont le display est à none

**Drag** · 03/08/2010, 10h48

Un peu de code pour venir en soutien alors (et merci de vous intéresser au cas):

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
<html>
	<head>
		<title>Selection texte invisible</title>
	</head>
	<body>
		<div>Hello</div>
		<div style="display:none">Bonjour</div>
		<div>World</div>
		<div style="display:none">le Monde</div>
		<div>!</div>
	</body>
</html>

On voit ceci:
Hello
World
!

Mais si on sélectionne le texte dans la page et qu'on le copie/colle, on obtient ceci:
Hello
Bonjour
World
le Monde
!

D'où la question: quelqu'un sait-il comment rendre réellement invisible une partie de la page? J'ai comme l'impression que ce ne sera pas évident...