Uso de Behaviors DHTML

Davhira · #1 (**permalink**) 06/03/2006, 18:00

Hola amigos estoy queriendo aplicar comportamientos en mis funciones de javascript y quisiera saber si es posible esto:

codigo de la pagina:

<html>
<head>
<title>Untitled</title>
<STYLE>
.Permisos {behavior:url(lectura.htc)}

</STYLE>
</head>
<body>
<form name="formulario" class="Permisos" CHILD="Topics1" onload="lectura(this)">
<center>Pagina de Prueba<input type="text" style="border:'0'" value="2"ID="Topics1" readonly="true"></center>
<br><br><br>
<b>Nombre:</b>    <input type="text" name="txt" value="David1" ID="Topics1">
<br>
<b>Apellido:</b>    <input type="text" name="txt" value="Villalpando1" ID="Topics1"><br>

<b>Sexo:</b>         <input type="radio" value="masculino" name="sexo" checked ID="Topics1">Masculino
  <input type="radio" value="femenino"name="sexo" ID="Topics1">Femenino<br>

<b>Disponibilidad para Viajar:</b>    <input type="Checkbox" value="hola" checked ID="Topics1"><br>

<b>Ciudad:</b>      <select name="ciudad"ID="Topics1"><option>Zacatecas</option><option>San Luis Potosi</option></select>
<br>

<textarea cols="17" rows="4"name="comentario"ID="Topics1"></textarea><br>
<br><br>
<input type="reset" value="Limpiar" ID="Topics1">
<input type="button" value="Enviar Datos" ID="Topics1"><br>
</form>
</body>
</html>

lo que hace este archivo es deshabilitar, usar readonly, tabindex-1, border 0.
este es el archivo "lectura.htc" que se encarga de ejecutarlo cuando se carga el documento

<PUBLIC:COMPONENT>
<PUBLIC:PROPERTY NAME="child" />
<PUBLIC:ATTACH EVENT="ondocumentready" ONEVENT="David()" />

<SCRIPT language="JavaScript">
var normalColor, normalSpacing;
function David()
{
for (i=0;i<element.document.all(child).length;i++)
{
element.document.all(child)[i].tabIndex=-1
//element.document.all(child)[i].readOnly=true
element.document.all(child)[i].style.border='0'
if (element.document.all(child)[i].type!='text')
element.document.all(child)[i].disabled=true
}
}
</SCRIPT>
</PUBLIC:COMPONENT>

lo que quiero es no usar id's en el archivo html, quiero usar solo clases y con eso se pueda ejecutar los permisos restringidos, espero que haya alguna forma. Muchas gracias de antemano

#2 (**permalink**) 06/03/2006, 21:51

Dejame decirte que estás usando javascript para algo que se hace con html, y por lo tanto no estás usando las cosas para lo que son.

Por otro lado, se me ocurre lo siguiente:
Inicializás una matriz con todos los "input" (getElementByTagName), y luego revisás, en cada uno de los elementos de la matriz, si el atributo "class" es el que querés.
No creo que haya forma más directa de hacerlo.

Saludos.

Davhira · #3 (**permalink**) 07/03/2006, 09:41

Muchas gracias por tu comentario, es que mi idea es de hacer las cosas lo mas dinamicas posibles y poder usar el codigo en otras paginas. Encontre una forma en donde comparo la clase, pero desearia hacerlo como antes lo habia mencionado

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Untitled</title>
<STYLE>
.Permisos {behavior:url(lectura.htc)}

</STYLE>
</head>
<body>
<form name="formulario" onload="lectura(this)">
<center>Pagina de Prueba</center>
<br><br><br>
<b>Nombre:</b>    <input type="text" name="txt" value="Juan" class="Permisos"><br>
<b>Apellido:</b>    <input type="text" name="txt" value="Perez"><br>
<br>
<b>Sexo:</b>       &nbsp ;
<input type="radio" value="masculino" name="sexo" checked >Masculino
  <input type="radio" value="femenino"name="sexo" ">Femenino<br>
<b>Disponibilidad para Viajar:</b>    <input type="Checkbox" value="hola" checked><br>
<b>Ciudad:</b>      <select name="ciudad"> <option selected>Zacatecas</option> <option>San Luis Potosi</option></select><br>
<textarea cols="17" rows="4"name="comentario"">Hola Mundo Behaviors</textarea><br>
<br><br>
<input type="reset" value="Limpiar" class="Permisos">
<input type="button" value="Enviar Datos"class="Permisos"><br>
</form>
</body>
</html>

Archivo .htc

<PUBLIC:COMPONENT>
<PUBLIC:ATTACH EVENT="ondocumentready" ONEVENT="David()" />
<SCRIPT language="JavaScript">
var normalColor, normalSpacing;
function David()
{
for (i=0;i<element.document.formulario.length;i++)
{
if (element.document.formulario[i].className=="Permisos")
{
element.document.formulario[i].tabIndex=-1
element.document.formulario[i].readOnly=true
element.document.formulario[i].style.border='0'
if (element.document.formulario[i].type!='text')
element.document.formulario[i].disabled=true
}
}

}
</SCRIPT>
</PUBLIC:COMPONENT>