Question

hola comunidad buenos días,
quisiera saber si me puede ayudar con este problema que tengo,
necesito guardar el texto de un elemento cuando pasa el hover sobre el el mismo y cambiarle en texto y al quitar el hover restaurar el texto que tenia.
mi problema es que estoy guardando el texto cuando pasa el hover y cuando quiero restaurarlo no me toma la variable por que la estoy declarando cuando entra el hover y no cuando sale, no se si me explique bien de todas maneras dejo el ejemplo aquí

http://jsfiddle.net/kiokotzu/ut5TV/

de ante mano gracias

Comments

hola gracias Leonardo Tadei gracias a tu ayuda pude realizar lo pero sin "id's" para que el script sea funcional en donde los botones sean administrable

les dejo la solución

http://jsfiddle.net/kiokotzu/Kq9pM/

Saludos

Answer 1

hola gracias Leonardo Tadei gracias a tu ayuda pude realizar lo pero sin "id's" para que el script sea funcional en donde los botones sean administrable

les dejo la solución

http://jsfiddle.net/kiokotzu/Kq9pM/

Saludos

Answer 2

Hola Esteban,

no te funciona por un problema de ámbito de las variables. Corrigiendo eso queda un efecto curioso, porque te refieres a los botones por su tipo, y la función texto = $('button').text(); contiene los textos de los dos botones, y no solo el del que recibe el hover.

Quedaría así el HTML:

<button id="b1">hola</button>
<button id="b2">esteban</button>

y así el JavaScript:

var texto = ''; // variable declarada fuera de la función, por lo que su ámbito es global.
$(document).ready(function(){
    $('button').hover(function() {
      texto = $('#b1').text();
     $(this).text('Registrese');
    }, function() {
       $(this).text(texto);
    }); 
});

y con un condicional deberías identificar cuál de los dos elementos es el que vas a cambiar, porque estos solo funciona para el botón con id="b1".