Javascript funcion $()

[Ex_shadow]

Hola les paso a mostrar mi script.

El único problema que tengo es el de no saber por que no funciona.

La cosa seria que al definir $( (#- id) (. - Clase) (@ - Nombre) div ) tendria que cambiarse el fondo va, el script habla mejor que yo xD

Código Javascript:

function $(id){
    
    /* --- Toma el valor 0 de id --- */
    var Identificador = id.charAt(0);
 
    /* --- Selecciona id,clase,nombre--- */
    switch(Identificador){
        case '#': document.getElementById(id).style.background='#000';   break;
        case '.': document.getElementsByClassName(id).style.background='#000';   break;
        case '@': document.getElementsByName(id).style.background='#000';   break;
        default : document.getElementsByTagName(id).style.background='#000';
    }
}
 

Código HTML:

<script type="application/javascript">
    $('#div')
</script>
 
<div id="div">Soy un comentario.</div>
 

[goteen_mx]

cuando haces esto: document.getElementById(id).style.background='#000 '

id="#div"

El objeto se llama "div" no "#div", por otro lado te recomiendo no poner como id nombres de objetos.

Saludos.

[Ex_shadow]

Cambie el codigo acá se supone que borra los caracteres especiales pero ni asi :S

Código Javascript:

function $(id){
    
    /* --- Toma el valor 0 de id --- */
    var Identificador = id.charAt(0);
 
    var Caracter = id.replace('#'||'.'||'@','');
 
 
    /* --- Selecciona id,clase,nombre--- */
    switch(Identificador){
        case '#': document.getElementById(Caracter).style.background='#000';  break;
        case '.': document.getElementsByClassName(Caracter).style.background='#000'; break;
        case '@': document.getElementsByName(Caracter).style.background='#000';  break;
        default : document.getElementsByTagName(Caracter).style.background='#000';
    }
}
 

[Aijoona]

No tenés idea en que te estás metiendo.

Usa el método document.querySelectorAll, que está en los browsers modernos.

Implementación ejemplar de libreria jquery-like: http://jsfiddle.net/Aijoona/9sTM8/

PD: Usa los nombres de las variables sin capitalizar por el amor de dios!!!!!!

[Ex_shadow]

Iniciado por Aijoona

No tenés idea en que te estás metiendo.

Usa el método document.querySelectorAll, que está en los browsers modernos.

Implementación ejemplar de libreria jquery-like: [url]http://jsfiddle.net/Aijoona/9sTM8/[/url]

PD: Usa los nombres de las variables sin capitalizar por el amor de dios!!!!!!

Todo que envidiarte, de argento a argento , yo dejo de capitaliza las variables si vos le pones comentarios por dios a los codigos xD veo en el script que es exacto lo que quiero pero se me hace un toque dificil traducir tus variables en ingles a las mias -.-

[Ex_shadow]

Cual seria el nombre de eso que me pasaste?

Yo estudie sobre objetos literales y eso se parece demasiado. no se si tendra otro nombre o es falta de imaginacion XD

[Aijoona]

Iniciado por Ex_shadow

Todo que envidiarte, de argento a argento , yo dejo de capitaliza las variables si vos le pones comentarios por dios a los codigos xD veo en el script que es exacto lo que quiero pero se me hace un toque dificil traducir tus variables en ingles a las mias -.-

La idea es que investigues que es y que hace cada cosa.

Lo unico dificil, es la transformación del NodeList a un Array, que se hace mediante el snippet:

Código Javascript:

var nodeArray = [].slice.call(nodeList);
 

El resto no tiene demasiada dificultad para alguien con cierta idea de JS.

[javiercitox]

Considera la versión del navegador, algunos métodos y funciones no se aplican igual a diferentes navegadores

[Panino5001]

Iniciado por javiercitox

Considera la versión del navegador, algunos métodos y funciones no se aplican igual a diferentes navegadores

Ya lo dijo el amigo Aijoona , es un ejemplo con fines didácticos (en estos casos si se hila fino -hacerlo crossbrowser, agregar caché, agregar modularidad, etc- lo didáctico muere ).

[Aijoona]

Iniciado por javiercitox

Considera la versión del navegador, algunos métodos y funciones no se aplican igual a diferentes navegadores

Como dijo el compañero Panino, estas cosas son meramente didacticas. Sería demencial proponerse hacer una librería de estas características pudiendo enfocar el esfuerzo en algo más productivo.

Distinto es el caso de aprender, donde este tipo de ejercicios desarrollan bastante el conocimiento de "como funciona [X]".

[Ex_shadow]

No entiendo nada xD y lo peor es que cuando encuentro algo de oop no saben explicar bien , o mejor dicho en criollo

[Aijoona]

Qué es lo que no está bien explicado? Se me ocurre que el problema es que querés saltearte las horas-culo de programación que requiere entender conceptualmente las cosas que planteás.

Por lo demás, buscate entre los threads de _cronos2 que hizo un esbozo de librería simil jQuery en español.

[Ex_shadow]

No me lo quiero saltar , pero si quiziera algun buen video tutorial en español sobre este tema.

Yo me baje el de video2brain y no es muy avanzado que digamos. tocan otros temas y no tanto este.

[Ex_shadow]

Iniciado por Aijoona

Qué es lo que no está bien explicado? Se me ocurre que el problema es que querés saltearte las horas-culo de programación que requiere entender conceptualmente las cosas que planteás.

Por lo demás, buscate entre los threads de _cronos2 que hizo un esbozo de librería simil jQuery en español.

Che no lo encuentro... encontre su perfil todos los temas entre pero nada :S