Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: gAb1 en 22 Abril 2014, 15:54 pm



Título: -moz-user-select none no funciona
Publicado por: gAb1 en 22 Abril 2014, 15:54 pm
Estoy tratando de evitar que se pueda seleccionar el texto de una pagina html, pero esa opción no funciona o es el navegador firefox. En Internet explorer funciona perfectamente la otra opción.

En la pagina oficial de mozilla he visto que esa opcion no es standard y que puede no funcionar en algunos navegadores...

¿Conoceis alguna otra forma de que no se pueda seleccionar texto en firefox?

Asi tengo el css:

Código
  1. body {
  2. -webkit-touch-callout: none;
  3. -webkit-user-select: none;
  4. -khtml-user-select: none;
  5. -moz-user-select: none;
  6. -ms-user-select: none;
  7. -o-user-select: none;
  8. user-select: none;
  9. }
  10.  

Gracias.


Título: Re: -moz-user-select none no funciona
Publicado por: basickdagger en 22 Abril 2014, 16:26 pm
y no has probado colocando un div transparente sobre la parte de contenido?


Título: Re: -moz-user-select none no funciona
Publicado por: #!drvy en 22 Abril 2014, 16:29 pm
Precisamente Gecko y Trident son los que mejor soportan esa opcion. Asegurate de aplicarla bien mediante una clase.

Código
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. .text {
  5.   -webkit-touch-callout: none;
  6.   -webkit-user-select: none;
  7.   -khtml-user-select: none;
  8.   -moz-user-select: none;
  9.   -ms-user-select: none;
  10.   user-select: none;
  11. }
  12. </style>
  13. </head>
  14. <body>
  15. <div class="text">asdasdasda</div>
  16. </body>
  17. </html>

PD: A veces es un poco buggeosa.. y si usas ctrl+a no funciona.

Saludos


Título: Re: -moz-user-select none no funciona
Publicado por: gAb1 en 22 Abril 2014, 23:09 pm
Si, tengo que probar varias maneras, lo intentare con divs y clases. Pero se supone que body es todo el cuerpo de la pagina, donde esta todo el contenido y quiero que se aplique a todo para que no se pueda seleccionar ningún elemento o imagen.

Precisamente la pagina es un diseño con animaciones y algo de texto descriptivo que se muestra cuando eliges una opción del menú, pero principalmente es todo en general, porque las cosas seleccionadas, normalmente por error, quedan mal estéticamente.


Título: Re: -moz-user-select none no funciona
Publicado por: basickdagger en 23 Abril 2014, 19:31 pm
Si, tengo que probar varias maneras, lo intentare con divs y clases. Pero se supone que body es todo el cuerpo de la pagina, donde esta todo el contenido y quiero que se aplique a todo para que no se pueda seleccionar ningún elemento o imagen.

Precisamente la pagina es un diseño con animaciones y algo de texto descriptivo que se muestra cuando eliges una opción del menú, pero principalmente es todo en general, porque las cosas seleccionadas, normalmente por error, quedan mal estéticamente.

yo creo que más bien tienes un problema en tus estilos, generalmente los sitios que bloquean o que no permiten la selección es por que no quieren q les copien la información.. me ha tocado pero con un f12 y buscando los textos no les sirve de nada... xD

quizá tu probleme este en como armaste la web y algun estilo interfiere con otro, pero se necesita ver un poco más para no seguir adivinando...

si bloqueas todo el body, me temo que tambien bloquearas el menu, y supongo que eso no es lo que deseas...

saludos


Título: Re: -moz-user-select none no funciona
Publicado por: WHK en 23 Abril 2014, 19:55 pm
A mi me funciona bien, talves es tu hoja de estilo.

http://jsfiddle.net/eGFKh/

Que navegador usas? recuerda que si estas usando Google Chrome o Internet Explorer debes refrescar el sitio para poder ver los cambios en el diseño y si usas internet explorer 6, 7, 8 o una versión vieja de firefox (3.x) no te va a funcionar porque esto es css3 (parte de html5).


Título: Re: -moz-user-select none no funciona
Publicado por: gAb1 en 24 Abril 2014, 16:06 pm
Utilizo la ultima versión de firefox, y si, es posible que sea un problema con mis estilos o como tengo los divs y demás etiquetas unas dentro de otras...

Hmm sobre lo de bloquear todo el body, sigo pensando que es lo que quiero, ya que el menú no es un menú normal. Las opciones del menú son imágenes (texto convertido a imagen) y se activan con jquery con la función click.

Dejo la direccion temporal del sitio, el texto que no quiero que sea seleccionado es el que hay dentro de las tablas. http://creativosdada.sytes.net/ El código es totalmente visible.

Gracias.


Título: Re: -moz-user-select none no funciona
Publicado por: basickdagger en 24 Abril 2014, 17:33 pm
lo abri con chrome y firefox la ultima version, y yo no puedo seleccionar texto.. utilizo SO Mavericks en mac mini...

aunque eso si me aparece muchisimo scroll horizontal...

saludos!


Título: Re: -moz-user-select none no funciona
Publicado por: gAb1 en 24 Abril 2014, 17:41 pm
Pues no se que problema hay con mi navegador... voy a probar en otro ordenador. Porque en internet explorer funciona bien, no se selecciona.

Lo de los scroll se debe a que la pagina la diseñe con resolución full hd. Esa es precisamente la pagina que quiero adaptar a resolución 720p. ¿Dices que solo te aparece scroll horizontal y no vertical? ¿Que resolución tienes?


Título: Re: -moz-user-select none no funciona
Publicado por: basickdagger en 24 Abril 2014, 18:39 pm
resolución 1280x1024...

vertical tambien  me da scroll, pero es minimo...

aunque la mayoria de los usuarios utilizan resoluciones menores a las mias(según el trafico de algunas web),
de ser así, te vendria bien el uso responsivo

saludos!


Título: Re: -moz-user-select none no funciona
Publicado por: #!drvy en 24 Abril 2014, 19:02 pm
La resolución "normal" para 1080p viene a ser 1920x1080 es normal que haya scroll.

@gAb1, No se de que va a ir la web, pero si es un portfolio o algo que interese de verdad, te recomiendo que la adaptes hasta a 320x480. No todo el mundo tiene un móvil de gama medio-alta. En la mayoría de los portátiles widescreen de gama media, el alto no pasa de los 760px ·_·

(http://i.stack.imgur.com/KLDM2.jpg)

Saludos


Título: Re: -moz-user-select none no funciona
Publicado por: WHK en 24 Abril 2014, 20:07 pm
http://creativosdada.sytes.net/jscript/design_menu.js

Vamos, puedes identar no? xD

Código
  1. $(document).ready(function(){
  2.  
  3. $("#layout").click(function(){
  4. $("#web_design_content, #corporate_image_content, #picture_content, #pacakin_content, #digital_printing_content").hide();
  5. $("#layout_content").toggle();
  6. });
  7.  
  8. $("#corporate_image").click(function(){
  9. $("#layout_content, #picture_content, #pacakin_content, #digital_printing_content").hide();
  10. $("#corporate_image_content").toggle();
  11. });
  12.  
  13. $("#picture").click(function(){
  14. $("#layout_content, #corporate_image_content, #pacakin_content, #digital_printing_content").hide();
  15. $("#picture_content").toggle();
  16. });
  17.  
  18. $("#pacakin").click(function(){
  19. $("#layout_content, #corporate_image_content, #picture_content, #digital_printing_content").hide();
  20. $("#pacakin_content").toggle();
  21. });
  22.  
  23. $("#digital_printing").click(function(){
  24. $("#layout_content, #corporate_image_content, #corporate_image_content, #picture_content, #pacakin_content").hide();
  25. $("#digital_printing_content").toggle();
  26. });
  27. });
  28.  

Igual si utilizaras clases para las divisiones podrias acortar tu script a tan solo 3 lineas ya que no tendrias que llamar a cada objeto por su id, simplemente llamas la clase y el data-mostrar="clase" muestra el objeto.


Título: Re: -moz-user-select none no funciona
Publicado por: gAb1 en 24 Abril 2014, 22:59 pm
Vale, el sitio es para anunciar servicios de diseño web y fotografía profesional. Yo es que no entiendo de estas cosas, si decís que es mejor adaptarlo a una gran variedad de resoluciones ya que seria interesante, se podrá hacer, lo haré.

@WHK hahaha si pensé en eso y no se porque no lo hice... Estaba con el copiar y pegar y se me olvido :) No entiendo que quieres decir con lo de acortar el script a solo 3 lineas, ¿un ejemplo por favor?

Post Data: Por cierto WHK, ya están los scripts limpios, con estilo y optimizados hahaha :P Normalmente hago todo esto una vez tengo la versión final del trabajo (ya sea web o software), me gusta que queden bien las cosas y si están lo más optimizadas posibles mejor. :)

Volviendo al problema original, tiene que ser problema de firefox de windows, porque en otro ordenador tampoco funciona, se sigue seleccionando el texto y si dice basickdagger que en mac no le pasa, ese debe ser el problema...

Edito: Vale al final funciona con class. Ya se puede cerrar, y seguir en el otro post :D Se puede ver en vivo en http://creativosdada.sytes.net/ (http://creativosdada.sytes.net/css/body.css )


Título: Re: -moz-user-select none no funciona
Publicado por: #!drvy en 26 Abril 2014, 01:14 am
Código:
<link rel="icon" type="image/ico" href="favicon.ico">
    <link rel="stylesheet" type="text/css" media="all" href="css/body.css">
    <link rel="stylesheet" type="text/css" media="all" href="css/logo.css">
    <link rel="stylesheet" type="text/css" media="all" href="css/hidden_spot.css">
    <link rel="stylesheet" type="text/css" media="all" href="css/layer.css">
    <link rel="stylesheet" type="text/css" media="all" href="css/design_menu.css">
    <link rel="stylesheet" type="text/css" media="all" href="css/photo_menu.css">
    <link rel="stylesheet" type="text/css" media="all" href="css/table.css">
    <link rel="stylesheet" type="text/css" media="all" href="css/footer.css">
    <!--<link rel="stylesheet" type="text/css" media="all" href="css/bg.css">-->
    <link rel="stylesheet" type="text/css" media="all" href="css/.css">

    <script type="text/javascript" src="jscript/jquery-2.1.0.min.js"></script>
<!--<script type="text/javascript" src="jscript/jMouseWheel-1.0.min.js"></script>-->
    <script type="text/javascript" src="jscript/hidden_spot.js"></script>
    <script type="text/javascript" src="jscript/layer.js"></script>
    <script type="text/javascript" src="jscript/design_menu.js"></script>
    <script type="text/javascript" src="jscript/photo_menu.js"></script>
    <!--<script type="text/javascript" src="jscript/bg.js"></script>-->
    <script type="text/javascript" src="jscript/.js"></script>

PFFFFF... pobre servidor gratuito ·_·

Saludos


Título: Re: -moz-user-select none no funciona
Publicado por: gAb1 en 26 Abril 2014, 02:59 am
Hahaha

¿Tiene algún problema el querer tenerlo todo bien organizado? xDD

Y la web la tengo en local.


Título: Re: -moz-user-select none no funciona
Publicado por: #!drvy en 26 Abril 2014, 04:40 am
Una cosa es organizar y otra es ser obsesivo compulsivo. Hay que buscar una medida justa entre optimización y organización... Ahora mismo, estas sacrificado rendimiento del servidor (cada link y script que tienes ahí, hacen una petición al servidor) a cambio de que el código fuente se lea mejor.... tu veras que te compensa mas.

Yo no se de gente a la que le guste ir por las paginas y mirar el código fuente a ver si lo tienen organizado... lo que si se es que la mayoría de los visitantes no les gusta que la pagina les vaya lenta =)

Saludos


Título: Re: -moz-user-select none no funciona
Publicado por: gAb1 en 26 Abril 2014, 16:04 pm
A mí tampoco me gusta que vayan lentas... Pero por otro lado, no creo que las maquinas de hoy en día tengan algún problema en cargar en menos de 1 segundo, 10 - 15 o 20 archivos que apenas llegan a los 3KB de tamaño... Y de conexión, hoy en día, casi todo el mundo tiene 1Mbps de bajada (128KB/s).

Ese es otro tema... mucha tecnología, mucha tecnología... pero a la hora de la verdad... Aunque bueno, eso se debe a varios factores y no necesariamente de recursos, mas bien de intereses.


Título: Re: -moz-user-select none no funciona
Publicado por: #!drvy en 26 Abril 2014, 16:22 pm
Aha, ahora multiplica esos 20 archivos por digamos.... 300 visitantes... se convierten en 6000... y  500 visitantes ? y 5000 ?

Te queda mucho por descubrir sobre optimización =)
http://hashphp.org/ -> Perfomance

PD: No estamos hablando de cuanto pesan esos archivos.. estamos hablando de peticiones http... que cuestan mucho y son innecesarias =)

Saludos


Título: Re: -moz-user-select none no funciona
Publicado por: gAb1 en 26 Abril 2014, 18:10 pm
¿Pero a la vez? No sabia que la pagina iba a tener tanto éxito hahaha.

Si, la verdad es que no estoy muy puesto al día sobre eso. De todas formas esa cantidad es muy baja, los procesadores de hoy en día son capaces de manejar bastas cantidades de información en un segundo, procesar 6000 o 60.000 ficheros de esos sería el equivalente a resolver 2+2 para una persona normal... Por otro lado, entiendo que no se trata de cuanta información se pueda procesar, si no de cuanta menos mejor, comprendo que siempre es preferible un trozo de código bien escrito a la más potente de las maquinas.

Entonces, crees que se podría optimizar más eso? Pensaba que ordenando cada cosa sería mejor, en lugar de tener todo el código css en un solo archivo, o todos los scripts en el mismo .js... Aunque bueno, eso son extremismos mentales míos. Si una buena organización equivale a optimización, ¿como lo ordenarías tu?

EDITO: He estado pensando y he decidido que lo mejor sería: mientras trabajo en localhost, puedo tener todos los archivos que necesite para guiarme y tenerlo todo bien localizado. Después, todo bien juntito en un mismo archivo separando las partes con comentarios para tenerlo todo ordenado. Y así ya no hay ningún tipo de problema :D

Gracias por avisarme, no tenia ni idea sobre eso.


Título: Re: -moz-user-select none no funciona
Publicado por: WHK en 28 Abril 2014, 16:12 pm
Las cosas se hacen bien a la primera, si eres de esas personas que piensa que puedes hacer algo malo y con el tiempo o en otra ocasión hacer algo bueno entonces vas por el camino equivocado, aunque sea un script de 3 lineas es bueno seguir ciertas reglas sobre estandarización y buenas practicas y no hacer doble trabajo corrigiendo después porque después da flojera o simplemente se van olvidando algunas cosas y al final nunca queda 100% bien.

Hacer como 500 css para una sola pagina es de locos, pierdes latencia, la pagina carga mas lenta, aumentas el uso de CPU del servidor, etc, es mas, Google no usa hojas de estilo en la mayoría de sus proyectos, las embebe directamente en el html, la carga es mayor pero el navegador no debe hacer una segunda conexión al servidor para obtener los estilos o tres o cuatro, hace una sola con todo y fíjate que a pesar que la carga del html es mayor la carga es mas rápida y especialmente en lugares donde la conexión es lenta.

Yo en lo personal uso dos css y dos js, un css y un js para el front-end (página pública incluyendo todas las secciones y módulos) y otro css y otro js para el back-end (panel de administración) y listo, cuando la gente visita el sitio carga un solo css y un solo js con todo y ya, lo carga una sola ves y después queda en caché, no hay muchas solicitudes al servidor y para mi es un excelente equilibrio entre cantidad de peticiones y velocidad.


Título: Re: -moz-user-select none no funciona
Publicado por: rubetron en 12 Mayo 2014, 10:54 am
Yo lo que suelo hacer es comentar dentro del archivo de los estilos , por ejemplo, /*Estilos calendario*/.
De esa forma no necesito poner 10 o 20 archivos css aunque en algunos casos vas a necesitar mas de 1 hoja de estilos.

Llevo poco tiempo en el mundo del diseño web y ya me he dado cuenta de lo que me puede realentizar la pagina. Claro esta que si esa pagina es de uso exclusivo tuyo o para un grupo reducido de personas, no creo que haya problema con lo que estes haciendo, aunque no se deberia uno aconstumbrar a este tipo de practicas