Rendre un texte non-selectionnable

Résolu/Fermé
88av Messages postés 262 Date d'inscription dimanche 3 mars 2013 Statut Membre Dernière intervention 17 avril 2015 - 10 mars 2014 à 16:46
 ryoulka - 13 nov. 2014 à 22:21
Bonjour,

J'ai crée un jeu :http://www.jeu.vv.si/chercher-le-mot/index.html ( il n'est pas terminé ... )

Mais il y a un bug :

Le lien caché dans le rectangle, normalement, pour le trouver, il faut passer la souris dessus.

Cependant, lorsque l'on sélectionne le div beige, on peut sélectionner le lien, donc le rendre visible. Si on rend visible le lien, le jeu n'a plus aucun intérêt, car il suffirait donc de sélectionner le div pour trouver le lien, au au lieu de le chercher comme le voudrait la règle du jeu...


Je voudrait donc savoir comment empêcher l'utilisateur de sélectionner le texte.


Merci d'avance
Au revoir

4 réponses

juleno Messages postés 48 Date d'inscription dimanche 15 août 2010 Statut Membre Dernière intervention 10 mars 2014 24
10 mars 2014 à 17:00
Bonjour,

Haha c'est assez marrant comme truc ^^ Mais faut être patient ce que je ne suis pas ! Personnellement j'aurais plutôt développé le truc en Javascript pour éviter ce genre de problème, je ne pense pas que l'on puisse empêcher la sélection sur une page avec du CSS. J'ai trouvé ceci je pense que c'est ce qui t'intéresse : http://www.supportduweb.com/scripts_tutoriaux-code-source-45-empecher-la-selection-en-javascript-anti-selection.html

Sinon petit conseil : quand tu développes un truc ne fais pas compliqué au début, ça ne sert à rien de faire plusieurs niveaux si tu te rends compte que ton système ne fonctionne pas et qu'il va falloir que tu refasses absolument tout.

Bonne chance pour ton jeu ;)
1
Salut,
ce n'est pas possible ce que vous voulez:
le texte doit être sélectionnable sinon personne ne pourra cliquer dessus.

Le seul moyen de ne pas avoir un texte sélectionnable est d'avoir une image du texte mais celle ci serait sélectionnable de la même manière.
Soit vous faites quelque chose de correct avec javascript qui permet de programmer à peu près ce que l'on veut dans le navigateur(interactivité, navigation, jeux...) soit vous trouvez un moyen de biaiser...
par exemple en utilisant un système de cases, dont une celle contient le lien.
Reste qu'une fois la case trouvé le jeu perds son intérêt alors qu'en javascript vous pouvez placer la case/lien au hasard parmi toutes les cases pour que le jeu offre toujours un challenge.

Voici _une solution pour rendre un texte non sélectionnable en javascript(lisez les commentaires qui expliquent pourquoi il ne faut pas le faire, dans le cadre d'un jeu on peut passer outre toutefois...):
http://forum.alsacreations.com/topic-1-46894-1-Solutions-pour-rendre-un-texte-non-selectionable-.html

Mais bon la bonne méthode si vous avez ce genre de lubie créative et ludique c'est de vous mettre à la programmation afin d'utiliser vraiment l'interactivité plutôt que les astuces du CSS qui est là pour l'apparence de la page(et est beaucoup beaucoup plus limité).

ps:https://www.google.fr/search?q=jeu+en+javascript
0
88av Messages postés 262 Date d'inscription dimanche 3 mars 2013 Statut Membre Dernière intervention 17 avril 2015 7
10 mars 2014 à 18:14
Bonjour, et merci pour vos réponses !


Juleno, merci, le lien m'a vraiment beaucoup aidé !!!
Ca marche nickel !


Radingo, merci, je vais essayer d'apprendre je javascript.
0
Peut-être un peu tard pour répondre, mais ton jeu, il te sera impossible d'empêcher la sélection à moins de réaliser l'animation en flash par exemple.

Car malgré la présence du javascript empêchant partiellement la sélection d'un texte, celle-ci est toujours possible. Par exemple avec un simple Ctrl+A.

Bonne continuation tout de même avec ton jeu :)
0