limpiar input

[Maganius]

Buenas...

Estoy armando un js para vaciar los textos del input que se a seleccionado

algo asi:

value Escribir...

onfocus... nada

pero me salta un error diciendo

"El objeto no acepta esta propiedad o metodo".

dejo el script para que sea mas facil:

Código Javascript:

function valueon(){
 
    frm = document.getElementByName("nombre_img");
    for(i=0; i<frm.elements.length; i++){
        if (frm.elements[i].value == 'Nombre de la imagen...'){
            frm.elements[i].value = '';
        }
    }
    
}
 

y Aki como lo tengo en el from

Código HTML:

<input type="text" id="nombre_img" name="nombre_img[]" maxlength="20" onfocus="valueon()" onblur="valueout()" value="Nombre de la imagen..." style="color:#7F7F7F" />
 

ese es el primero, luego tengo un boton + que va repitiendo ese input en las mismas condiciones.
La idea es que al clickear sobre alguno de esos input desaparezca el texto escrito para que el usuario lo pueda utilizar mas facilmente sin tener que estar borrando pero no se que le pasa ta medio loco jaja,.

Gracias

[zerokilled]

buenas,
primero la funcion getElementByName no devuelve un elemento unico sino una coleccion de todos los elementos con dicho valor en el atributo name. de todos modos, no importa porque la forma que lo estas implementando no tiene sentido hacerlo asi. en su lugar, deberias pasar como argumento a la funcion el keyword this al momento de invocarla y luego desde la funcion trabaja directamente sobre ese argumento. a no ser que tu proposito sea otro.

Código:

<element eventType="foo(this)">

function foo(element){
// aqui dentro trabajas con element el cual es la referencia del elemento que ha invocado a esta funcion;
}

[_cronos2]

Por cierto, en HTML5 existe la propiedad placeholder, lástima que todavía no tenga mucho soporte
Saludos (:

[Maganius]

Muchas gracias por responder!!

me sirvio zerokilled..!! dsp de tanto codigo hasta uno mismo se entrevera!

Tengo una duda...

tengo que agregarle onFocus al input que creo dinamicamente pero no me sirve de esta forma..

nImage.onFocus = "function";

lo estoy haciendo mal? como seria?.

Gracias!

[zerokilled]

en ese caso, siempre debes escribir el nombre del evento en minuscula (sea cual sea) y como valor debes asignarle el nombre de la funcion pero no como string. sin embargo, si la funcion debe recibir parametros, entonces debes crear una funcion anonima y dentro invocar dicha funcion con el parametro requerido.

Código:

// nombre de funcion ;
element.event = foo;

// funcion anonima ;
element.event = function(){
foo(this);
};

[Maganius]

u.u me perdi jaja

// nombre de funcion ;
element.event = foo;

// funcion anonima ;
element.event = function(){
foo(this);
};

como lo implemento pq no me doy cuenta esta vez >.<

element = onfocus?

[zerokilled]

Código:

// funcion anonima ;
element.event = function(){
foo(this);
};

en ese esquema, element es la refernecia al elemento que deseas agregar el evento. supongo que en tu caso es nImage. event es el tipo de evento que deseas registrar, onfocus. foo es la funcion a invocar dentro de la funcion anonima, o sea la funcion que deseas invocar cuando el evento ocurre.

[Maganius]

Lo probe y no anda :/

Código Javascript:

// nombre de funcion ;
    nImage.event = "onfocus";
    
    // funcion anonima ;
    nImage.event = function(){
        valueon("dsa");
    };
 

[_cronos2]

Iniciado por zerokilled

event es el tipo de evento que deseas registrar, onfocus.

Saludos (:

[Maganius]

u.u tienes razon _cronos que despistado que soy lo pruebo y les aviso si funca!

Muchas Gracias

[Maganius]

Tampoco funciona :(

lo tengo asi:

Código Javascript:

// nombre de funcion ;
    nImage.onfocus = valueon;
    
    // funcion anonima ;
    nImage.onfocus = function(){
        valueon(this);
    };
 

[_cronos2]

Muestra el código de valueon por favor. De todas maneras, no estás entendiendo la explicación de @ZK. Para asignar una función al evento onfocus, o lo haces de una manera o de otra, pero no tiene sentido que lo hagas de las dos.
Ahora mismo no puedo pero luego te pongo un ejemplo de cada cosa, o si @ZK se me adelanta, estoy seguro de que te lo explicará mejor.
Saludos (:
Edit: El ejemplo que te decía. Tenemos dos funciones:

Código Javascript:

var fn1 = function(){
 // ...
};
 
element.onfocus = fn1;
// o
element.onfocus = function(){ fn1(); };
 
// Sin embargo
 
var fn2 = function(elemento){
 // ...
};
 
element.onfocus = function(){ fn2(this); };
 

Si te fijas en el 2º caso sólo se puede hacer de esa manera. Podrías pensar en esto:

Código:

element.onfocus = fn2(this);

Lo primero es que en este caso a onfocus no se le asignaría un handler, sino lo que devuelva la función (undefined por defecto). Además de esto, en este caso this hace referencia a window.
Espero que lo hayas entendido.
Saludos (:

[Maganius]

Si!! Muchas gracias por tu tiempo _cronos me anda perfectamente!! aunque en IE 6 no pero ya le puse un hack para que el que tenga IE 6 actualize el navegador jaja!!