Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Crear clase con javascript

Estas en el tema de Crear clase con javascript en el foro de Javascript en Foros del Web. Hola a todos. Tengo el siguiente codigo: @import url("http://static.forosdelweb.com/clientscript/vbulletin_css/geshi.css"); Código Javascript : Ver original function salto ( ) { // coloca los valores del array ...
  #1 (permalink)  
Antiguo 10/03/2015, 05:15
 
Fecha de Ingreso: febrero-2015
Ubicación: Alemania
Mensajes: 26
Antigüedad: 9 años, 2 meses
Puntos: 1
Crear clase con javascript

Hola a todos. Tengo el siguiente codigo:

Código Javascript:
Ver original
  1. function salto(){// coloca los valores del array en una columna con saltos de liena
  2.     for (i = 0; i < nuevo.length; i++){
  3.         document.getElementById("txt").innerHTML += (nuevo[i]+""+"<br>")
  4.     }
  5. }
  6.  
  7. function borrado(){//funcion para borrar las palabras al soltar el click
  8.     document.getElementsByClassName("texto").deleteRow(0)
  9. }

Quisiera que, al crear el elemento en "txt", añadirle a cada uno de los elementos nuevos creados una clase para luego poder modificarla (o en este caso, borrarla al activar la siguiente funcion) Alguien podria darme alguna pista?
Gracias
  #2 (permalink)  
Antiguo 10/03/2015, 09:52
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 8 meses
Puntos: 578
Respuesta: Crear clase con javascript

Si lo que quieres es añadir métodos a un elemento solamente por su ID, creo que no es posible de esa forma...

Podrías extender el prototipo del elemento al que pertenece, pero se aplicaría a todos sin tener en cuenta su atributo ID.

Intenta añadir las propiedades directamente:

elemento.salto = function(){...
elemento.borrado = function(){...
  #3 (permalink)  
Antiguo 10/03/2015, 11:16
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Crear clase con javascript

También puedes crear una clase constructora que tenga un método para seleccionar al elemento, de este modo, puedes añadir todos los métodos que quieras a dicha clase y luego se los aplicas a los elementos que selecciones, como sucede con las librerías.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #4 (permalink)  
Antiguo 11/03/2015, 02:06
 
Fecha de Ingreso: febrero-2015
Ubicación: Alemania
Mensajes: 26
Antigüedad: 9 años, 2 meses
Puntos: 1
Respuesta: Crear clase con javascript

PHPeros, muchas gracias por tu ayuda, lo pondre en practica enseguida.
  #5 (permalink)  
Antiguo 11/03/2015, 04:24
 
Fecha de Ingreso: febrero-2015
Ubicación: Alemania
Mensajes: 26
Antigüedad: 9 años, 2 meses
Puntos: 1
Respuesta: Crear clase con javascript

Cita:
Iniciado por Alexis88 Ver Mensaje
También puedes crear una clase constructora que tenga un método para seleccionar al elemento, de este modo, puedes añadir todos los métodos que quieras a dicha clase y luego se los aplicas a los elementos que selecciones, como sucede con las librerías.

Saludos
Podias ponerme un ejemplo?

Muchas gracias
  #6 (permalink)  
Antiguo 11/03/2015, 09:12
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 12 años, 5 meses
Puntos: 977
Respuesta: Crear clase con javascript

Me refería a algo como esto:

Código Javascript:
Ver original
  1. function FdW(identificador){
  2.     if (!(this instanceof FdW)){
  3.         return new FdW(identificador); //this hará referencia a la función y no a window
  4.     }
  5.     //Tomas al elemento por su identificador
  6. }
  7.  
  8. FdW.prototype = {
  9.     //Aquí irán tus métodos
  10. };
  11.  
  12. //Tomo al elemento y le aplico uno de los métodos
  13. FdW(identificador).metodo(parámetros);

Si alguna vez has trabajado con jQuery, notarás que es algo muy similar.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #7 (permalink)  
Antiguo 13/03/2015, 05:22
 
Fecha de Ingreso: febrero-2015
Ubicación: Alemania
Mensajes: 26
Antigüedad: 9 años, 2 meses
Puntos: 1
Respuesta: Crear clase con javascript

Cita:
Iniciado por Alexis88 Ver Mensaje
Me refería a algo como esto:

Código Javascript:
Ver original
  1. function FdW(identificador){
  2.     if (!(this instanceof FdW)){
  3.         return new FdW(identificador); //this hará referencia a la función y no a window
  4.     }
  5.     //Tomas al elemento por su identificador
  6. }
  7.  
  8. FdW.prototype = {
  9.     //Aquí irán tus métodos
  10. };
  11.  
  12. //Tomo al elemento y le aplico uno de los métodos
  13. FdW(identificador).metodo(parámetros);

Si alguna vez has trabajado con jQuery, notarás que es algo muy similar.

Saludos

Muchas gracias por tu ayuda.

Etiquetas: class, html
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 22:54.