No seleccionar texto

mhax · #1 (**permalink**) 15/12/2010, 14:53

Saludos:::::::::

como puedo hacer para que el texto de una pagina no se sombree al ser seleccionado o mejor, que no se pueda seleccionar?

Gracias

DragonX · #2 (**permalink**) 15/12/2010, 15:00

Código Javascript:

Ver original<script>
document.oncontextmenu = function(){return false}
function disableselect(e)
{
  return false
}
function reEnable()
{
  return true
}
//if IE4+
document.onselectstart=new Function ("return false")
//if NS6
if (window.sidebar)
{
  document.onmousedown=disableselect
  document.onclick=reEnable
}
</script>

proba poniendo este script dentro del <head>

_Adrian_ · #3 (**permalink**) 15/12/2010, 15:21

O con CSS3 (-moz-user-select, -webkit-user-select o unSelectable): http://help.dottoro.com/lcrlukea.php (está en inglés), pero no sé si funciona en todos los navegadores.

Saludos

kseso? · #4 (**permalink**) 15/12/2010, 15:25

Debería saber que:

Portgaz · #5 (**permalink**) 15/12/2010, 15:33

Cita:

Iniciado por keseso?

Debería saber que:

Yo lo investigue hace tiempo tambien, el como hacr para que no se seleccione el texto, pero por que era un trabajo de la Uni, algo que aunque no tenga sentido hacerlo, ya que se puede deshabilitar el javascript.

Acaso tu sabes para que lo quiere?
Ademas creo que todos tenemos derecho de aprender, sea la desventaja que sea.

kseso? · #6 (**permalink**) 15/12/2010, 15:59

Cita:

Iniciado por Portgaz

Yo lo investigue hace tiempo tambien, el como hacr para que no se seleccione el texto, pero por que era un trabajo de la Uni, algo que aunque no tenga sentido hacerlo, ya que se puede deshabilitar el javascript.

Acaso tu sabes para que lo quiere?
Ademas creo que todos tenemos derecho de aprender, sea la desventaja que sea.

HQJ
Háganos un favor a todos y fíjese bien en mi comentario:

Cita:

Debería saber que:
(Una imagen)

¿Dónde ~~carajo~~ digo yo que lo haga o deje de hacerlo o dónde le privo de derecho alguno?
¿No se dio cuenta de que símplemente es una advertencia, gráfica, de hasta dónde es operativo ese tipo de prácticas?.

Portgaz · #7 (**permalink**) 15/12/2010, 16:03

Bueno solamente usted lo ve como una advertencia Grafica. Pero por ahi dice, una imagen vale mas que mil palabras, y muchas cosas trataste de decir con eso.

1.-Para que quieres saberlo, si mira en la imagen: se puede deshabiliatar.

es por eso, mi respuesta

P.d: No me tomare la molestia de volver a responder en este Tema, ademas que tu como un miebro muy antiguo, deberias saberlo, No hay que desvirtuar los temas de otros

Suerte!!!

kseso? · #8 (**permalink**) 16/12/2010, 09:39

mhax:
Me alegra que me hiciese llegar su conformidad a mi anotación en #4, pero sobre todo, que acertase al verlo como lo que era. Sin interpretaciones tan peregrinas.
Si sigue interesado en dificultar sólo un mínimo el poder copiar un texto, me lo comenta y le indico otra manera, nada intrusa para el usuario, y basada en css.

Que conste que el no pornerla ahora es símplemente porque es sólo una idea que no la he desarrollado (códigos) y porque no sirve de nada. Sólo sería un jugar con css.

furoya · #9 (**permalink**) 21/12/2010, 08:44

Hola todos :

Aprovecho que paso por aquí y sugiero buscar en este sitio y en otros, porque la pregunta no es original.

Evitar el copiar y pegar en un input

Por otro lado, hay métodos para 'no seleccionar' en CSS/HTML; aunque no son todavía compatibles ni muy prácticos, y los CSS se pueden desactivar simplemente cambiando la hoja de estilos a una limpia o personalizada que elimine las restricciones. Los navegadores nuevos lo hacen.

Ya que estoy, también dejo un ejemplo (más)

Código:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
"http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<html>
<head>
<meta http-equiv=Content-Type content="text/html; charset=utf-8">
<title>SIN SELECCIÓN.</title>

<style type="text/css">

::selection { color: yellow; 
} 

body { -moz-user-select: none; 
-o-user-select: none; 
-webkit-user-select: none; 
-ie-user-select: none; 
user-select: none; }

</style>
</head>
<body unselectable="on">

QWERTYUIOP en cuerpo.

<p style="background-color: yellow">QWERTYUIOP en párrafo.</p>

</body>
</html>

Recordando lo que ya mencioné en el otro tema : unselectable no se hereda.

El ::selection está para que puedan experimentar, no puedo hacer que me mande el texto a display : none.