Seleccionando el atributo "name"

[Vendetta]

Buenas...

Estoy haciendo una especie de tooltip que, segun el atributo name, muestra una linea u otra. No se demasiado de javascript y normalmente algo muy simple me dura horas hasta que consigo hacerlo pero en este caso se me resiste. Cuando creo que lo arreglé, sale otro problema.

Código Javascript:

$(document).ready(function() {
            $('input, select, textarea').focusin(function() {
                var helper = $('.helper');
                if($('.helper:hidden')) { helper.css('visibility', 'visible'); }
                
                if($('[name="features"]')) {
                    helper.html('¡Pon tu nombre! ¡Solo uno si tiene varios y no pongas el clan!');
                } else {
                    helper.css('visibility', 'hidden');
                }
            }).blur(function() {
                $('.helper').css('visibility', 'hidden');
            });
        });
 

Creo que es facil de entender el código. Segun el name modifico el contenido del div "helper". El problema es que no distingue entre un input u otro, es decir, marque el input que marque, siempre sale el texto cuando solo debería salir al marcar el input con el name features.

No se porque pasa esto y probablemente será alguna tontería :\ pero simplemente no la veo...

A ver si alguien me puede echar una mano.

[GatorV]

¿Como tienes tu markup (HTML)? Creo tendrías que pasar el elemento que seleccionas como scope ej:

Código Javascript:

if ($('[name="features"]', this)) {
 
}
 

Saludos.

[Vendetta]

El html concreto de ese elemento es este

Código HTML:

<tr>
                <td class="sub">Caracteristicas</td>
                <td class="row2" colspan="3" style="text-align: center">
                    <textarea class="ficha" name="features" rows="2" cols="70" required="required" placeholder="¿Lleva tatuajes? ¿Piercings? ¿Le falta una pierna?"></textarea>
                </td>
            </tr>
 

El formulario lo tengo en una tabla, de toda la vida.

Le he puesto el this y sigue sin funcionar. Ahora voy a probar a ponerle "textarea" delante aunque en teoría funciona sin necesidad de ponerle eso, no? No he caído en probarlo antes. Si lo arreglo así, edito esto y aviso.

Gracias por responder, GatorV

[GatorV]

A ver entonces tratando de entender, quieres poner en el div helper, el contenido de lo que viene en tu "placeholder" de cada atributo ¿cuando haga focus?, tendrías que hacer algo así:

Código Javascript:

$('input, select, textarea').focusin(function() {
    var helper = $('.helper');
    helper.html($(this).attr('placeholder'));
    if (!helper.is(':visible')) helper.show();
    else helper.hide();
}).blur(function() {
    $('.helper').hide();
});
 

Saludos.

[Vendetta]

No, no. Lo que quiero es poner el texto que pongo en el javascript pero dependiendo de cual sea el input tiene que aparecer un texto u otro.

Osea que en lugar de usar el atributo id, estoy utilizando el atributo name.

Tal y como tengo en el primer script que puse, "si name = features" pongo el texto en el div. El placeholder es un tip, lo del div es una explicación así que no tienen que ver una con la otra.

Lo que quiero evitar es tener class, id, name y de todo ahí metido por eso quiero utilizar el "name" de igual forma que usaría el id, para identificar el input, select o textarea y mostrar el texto correspondiente.

[quike88]

Hola,

Tu problema está en el if, te bastaría con cambiar esta linea:

Código Javascript:

//MAL
if($('[name="features"]')) {
...
}
//BIEN
if($(this).is(':[name="features"]')) {
...
}
 

Saludos.

[Vendetta]

¡Vaya tela! Entonces por qué en la documentación oficial no dice nada? ¡Yo lo estaba usando como decia ahí!

Gracias por solucionarme la duda y a GatorV tambien por interesarse ^^