Javascript , Atributos

Ex_shadow · #1 (**permalink**) 13/03/2012, 15:49

Hola bueno les muestro más o menos mi problema es este

Código Javascript:

Ver originalfunction $(id) { document.getElementById(id);}
 
function Atributo (name){ document.createAttribute(name); }

Código HTML:

Ver original<script type="application/javascript" language="javascript">
$('Slider').Atributo('name');
</script>
<div id="Slider"></div>

Lo que estoy queriendo hacer es una especie de jquery pero en español y sumamente nueva.

Probe este script y la verdad no me tira ningun error pero tampoco crea el atributo... por que puede ser?

GatorV · #2 (**permalink**) 13/03/2012, 16:02

Creo antes de querer hacer un framework en Javascript deberías de aprender Javascript, a tus funciones les hace falta el atributo return, aparte de que para crear el atributo tienes que actuar sobre el DOM del elemento, no sobre el de document.

Saludos.

caricatos · #3 (**permalink**) 13/03/2012, 16:49

Hola:

Vayamos por partes... En mi opinión usar un nombre como "$" es muy poco descriptivo (nunca me ha gustado)... y createAttribute no existe (lo que existe es setAttribute, pero con dos parámetros)...

Hace tiempo que no recomiendo una vieja página: Nuevo destripador

Saludos

zerokilled · #4 (**permalink**) 13/03/2012, 16:57

¡buenas gentes!
@caricatos, solo por comentar. no se si sabías pero document.createAttribute si existe, el cual genera un nodo attribute. resulta que en DOM los atributos también son nodos. en todo caso, comparto tu observación, seguramente habrá querido usar setAttribute.

Ex_shadow · #5 (**permalink**) 13/03/2012, 21:40

Ahora si xD
@Caricatos & @Zerokilled

Es verdad queria usar setAttribute , pero como uso dreamweaver aveces para ver errores , esta vez me cago no mostrandome el setattribute hacia tiempo que no lo usaba, igual sigo con el mismo problema. cambie eso y nada...

zerokilled · #6 (**permalink**) 13/03/2012, 22:13

no se si es que tienes experiencia en otros lenguajes pero las cosas no funcionan así en javascript. en jquery puedes hacer eso porque jquery funciona como un wrapper (envoltorio) y muchas de sus funciones devuelve el propio objeto, permitiendo así una cadena de invocación de funciones. si aún no haz leido temas referente a cómo trabajar con objetos, te recomiendo que lo hagas porque lo vas a necesitar mucho para el desarrollo.

el punto es que tus funciones no tienen ninguna relación entre si. es decir, no hay nada que los conecte de forma que puedas escribir las invocaciones como deseas. en primer lugar, la función dólar no devuelve explícitamente un valor, de modo que siempre devuelve undefined. segundo, undefined es un valor primitivo de javascript, de modo que no tiene propieades ni métodos. y tercero, aunque la función dolar devuelva el elemento creado, dicho objeto no tiene el método Atributo. es por eso que debes buscar material sobre cómo trabajar con objetos propios.

Panino5001 · #7 (**permalink**) 13/03/2012, 22:26

Uf, hay varias cosas/conceptos que deberías repasar.
Por ejemplo, si usás atributos personalizados, más vale usar html5 y data y dataset:
http://ejohn.org/blog/html-5-data-attributes/
http://www.javascriptkit.com/dhtmltu...tributes.shtml

Otra cosa, en algunos navegadores esto no funcionará:

Código PHP:

  <script type="application/javascript" language="javascript">

el atributo language es obsoleto y no debe usarse
Deberías usar esto:

Código PHP:

  <script type="text/javascript">

Otra cosa, si querés usar encadenamiento (chaining), en lugar de esto:

Código PHP:

  function $(id) { document.getElementById(id);}

deberías usar esto:

Código PHP:

  function $(id) {return document.getElementById(id);}

Y, finalmente, un ejemplo de lo que imagino que querés hacer:

Código PHP:

  <!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript">
function $(n){return document.getElementById(n);}
function setCustomAttribute(a,v,el){
        el.setAttribute(a,v);
             //si querés seguir encadenando, deberías retornar aquí el mismo objeto al que le estás añadiendo el atributo, es decir, deberías añadir un: return el;
}
function test(){
     alert(this.getAttribute('data-algo'));
     // o, en navegadores modernos: alert(this.dataset.algo);
}
function hacer(){
    setCustomAttribute('data-algo','boo',$('pp'));
    $('pp')['onclick']=test;
}
onload=hacer;
</script>

</head>

<body>
<div id="pp">click</div>
</body>
</html>

Edito se me adelantó el amigo zerokilled

caricatos · #8 (**permalink**) 13/03/2012, 23:00

Hola:

Cita:

Iniciado por zerokilled

...document.createAttribute si existe...

Tienes razón

, pero como método del objeto document, y yo lo busqué en otros nodos como el body...

Saludos

Ex_shadow · #9 (**permalink**) 14/03/2012, 14:39

Haber les aclaro mejor, lo que quiero es que puedan poner solamente en el index esto:

Código Javascript:

Ver original$('slider').Atributo('name','cuadro')

se que esto es posible ya que jquery es asi :

Código Javascript:

Ver original$('#Slider').attr('name', 'cuadro');

Los resultados serian

Código HTML:

Ver original<div id="slider" [COLOR="DarkRed"]name="cuadro"[/COLOR]></div>