Permitir selección de texto solo en campos de un formulario

bodyboard_jerez · #1 (**permalink**) 18/06/2007, 12:21

Hola, muy buenas a todos !!

Me gustaría saber si alguno de ustedes conoce un modo de evitar la selección de texto en toda la página menos en los campos de texto de un formulario...

Veran, es que la idea me ha venido a la mente cuando he visto este script:

En el head se coloca:

Código:

<script type="text/javascript">
function disableSelection(target){
if (typeof target.onselectstart!="undefined") //IE route
	target.onselectstart=function(){return false}
else if (typeof target.style.MozUserSelect!="undefined") //Firefox route
	target.style.MozUserSelect="none"
else //All other route (ie: Opera)
	target.onmousedown=function(){return false}
target.style.cursor = "default"
}
</script>

Y en el body esto otro:

Código:

<script type="text/javascript">
var alltables=document.getElementsByTagName("table")
for (var i=0; i<alltables.length; i++)
disableSelection(alltables[i]) //disable text selection
within all tables on the page
</script>

Y entonces digo yo... en vez de tablas y ese segundo código... ¿por qué otras cosas lo deberíamos sustituir para lograr lo deseado amigos?

¡¡ Muchas gracias desde ahora y reciban un abrazo !!

bodyboard_jerez · #2 (**permalink**) 19/06/2007, 06:46

He seguido dandole vueltas al tema y no avanzo más de lo que les voy a comentar...

A ver, verán... resulta que si yo le pongo en el <body> es siguiente código (en vez del indicado para las "tablas"), pues se evita la selección de texto en toda la página:

Código:

<script type="text/javascript">
disableSelection(document.body)
</script>

Eso parece claramente lógico; pero mi cosa es si se le podría añadir a ello alguna condición de que, si se trata de unas "id" o "names" concretos que le definamos de los campos de texto del formulario, pues no haga nada... y luego un "else" con la orden de que sí lo haga...

Espero haberme explicado... no obstante, alomejor no voy bien por ese camino... ¿Podrían guiarme y aconsejarme para a ver si así logramos entre todos esta útil tarea por favor?

Muchas gracias nuevamente !! Saludos !!

bodyboard_jerez · #3 (**permalink**) 23/06/2007, 09:50

¿Alguna idea por favor?

programeitor · #4 (**permalink**) 23/06/2007, 11:03

pues si ,vas por buen camino ,pero ¿en realidad es util lo que pretendes? eso de inhibir la seleccion de texto, .lo digo porque podria haber alguien, a quien le interesara.

Salud os

Panino5001 · #5 (**permalink**) 23/06/2007, 11:10

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>test</title>

<script>

function addCss(cssCode) {

var styleElement = document.createElement("style");

styleElement.type = "text/css";

if (styleElement.styleSheet) {

styleElement.styleSheet.cssText = cssCode;

} else {

styleElement.appendChild(document.createTextNode(cssCode));

}

document.getElementsByTagName("head")[0].appendChild(styleElement);

}

function noseleccionar(){

for(i=0;i<document.body.childNodes.length;i++){

if(document.body.childNodes[i].nodeType!=1 || document.body.childNodes[i].nodeName=='FORM')continue;

//alert(document.body.childNodes[i].nodeName)

document.body.childNodes[i].setAttribute('unselectable','on');

cssCode=document.body.childNodes[i].nodeName+'{-moz-user-select:none}'

addCss(cssCode);

}

}

window.onload=noseleccionar;

</script>

</head>

 
<body>

<div>ccccccccccc</div>

 
<form id="form1" name="form1" method="post" action="">

  <textarea name="textarea">sss sssss sssssssss</textarea>

</form>

</body>

</html>

bodyboard_jerez · #6 (**permalink**) 27/06/2007, 10:39

¡¡ Absolutamente perfecto !! Gran trabajo !! Muchas gracias !!

Panino5001 · #7 (**permalink**) 27/06/2007, 11:36

Me alegra que te sirva

bodyboard_jerez · #8 (**permalink**) 27/06/2007, 11:46

La única pega es que no logro aplicarlo a mi web, pero en tu código-ejemplo funciona muy bien.

Podríamos charlar en privado sobre el tema por favor?

Gracias desde ya, de veras, es algo importante para mí.

Panino5001 · #9 (**permalink**) 27/06/2007, 11:57

Ahí te envié un privado.