Javascript: Aparecer elementos al pasar el mouse encima.

Enseguida mostrare el codigo que permita ocultar un contenido para que solo sea mostrado al pasar el mouse encima de algun elemento. Esto puede ser para ver la descripcion de una imagen, la ayuda para un cuadro de texto, etc.

Estas son las funciones que mostraran y ocultaran las ayudas:

function showHelp(id){
        id += 'help';
        document.getElementById(id).style.visibility = 'visible';
    }
    
    function hideHelp(id){
        id += 'help'
        document.getElementById(id).style.visibility = 'hidden';
    }

Asi es como puedes invocarlas:

Nombre   Ingresa aqui tu nombre
    
Correo   Ingresa aqui tu correo
            
    
  Enviar

Como puedes ver la ayuda esta encerrada en etiquetas b y al id le agregamos la palabra 'help'. Por ejemplo en el caso de la ayuda del campo con id name, su ayuda tiene el id namehelp. De esta forma el codigo se vuelve mas facil para copiar y pegar. Ademas estas etiquetas tienen agregado el atributo style='visibility : hidden' que hace que al inicio esten ocultos.

Este es el resultado:

Nombre Ingresa aqui tu nombre

Correo Ingresa aqui tu correo

Enviar

Comentarios

Entradas populares de este blog

Kubuntu (KDE): El boton de apagar no aparece en el menu

Este problema ocurre cuando instalamos algun otro gestor de escritorio (como son gnome o xfce), y con ello el gestor de sesiones de kde se ve reemplazado por el del otro gestor de escritorio (como por ejemplo gnome con su respectivo GDM). Bastara con regresarle a kdm el control [que se merece]. Pero advierto cuando esto pase, los otros gestores de escritorio perderan sus respectivas opciones de apagado y reinicio. Solo debes teclear en la consola esto (te pedira despues tu contraseña): sudo dpkg-reconfigure kdm Puedes sustituir kdm por el gestor de sesiones que desees como puede ser gdm Fuente

Sony Ericsson Iphone Icons

Set de iconos basado en los iconos de judge adaptados al celular s500i, pero de igual manera funciona con otros. Aqui dejo los iconos y el archivo menu.ml. Estos archivos debes subirlos al celular mediante el programa XS++, aqui dejo un tutorial de ello. Descarga: http://www.mediafire.com/file/dxz12ije2jg/Iphone.zip

Habilitar/Deshabilitar dispositivos en Windows mediante consola

O terminal o linea de comandos o como quieras llamarle. Es esa cajita negra a la que muchos le tienen miedo (yo mas que miedo le tengo flojera prefiero los clics que los tecleos XD). ¿Por que hice esto? Tengo una antena wifi usb que por algun motivo cuando recien inicio Windows no conecta a ninguna red, las detecta pero nomas no puede conectarse asi que hice lo que cualquier noob, la desconecte y la volvi a conectar. Y para mi sorpresa ¡funciono!. Asi que esta se volvio mi solucion diaria...pero digo...¿que no hara mal a mi antena esto? Asi que mejor opte por investigar como poderlo hacer desde el sistema pero de forma automatizada por que eso de ir siempre al administrador de dispositivos es algo tardado.

Blog de pepe

Buscar este blog