Regresar a la página www.ComoCrearTuWeb.com
Resultados 1 al 3 de 3

Tema: Pulsar iconos para que despliegue la casilla input

  1. #1
    Recien Llegado! Merodeador
    Fecha de Ingreso
    04 nov, 15
    Mensajes
    4
    Poder de Reputación
    0

    Pulsar iconos para que despliegue la casilla input

    Hola a todos! Dejo aqui mis dudas porque me estoy volviendo loca intentando resolverlas, no llevo mucho tiempo en esto y a lo mejor es una tonteria pero no doy con ello. Gracias de ante mano!!
    En mi pagina web me gustaria que al pulsar un icono(que ya tengo en ella) se me desplegase la tipica casilla de input, concretamente con lo que lo estoy haciendo es con la casilla de usuario y contraseña, yo he puesto un icono tipico de usuario y me gustaria que al pulsarle se me desplegase la casilla para introducir el email y asi tambien en la de contraseña...
    Espero que me podais ayudar!! Ya me lei entera la pagina cctw y no encontre nada parecido!
    Muchas gracias!!

  2. #2
    Esto empieza a ser un vicio... Habitante
    Fecha de Ingreso
    02 may, 11
    Ubicación
    Santiago, Chile
    Mensajes
    2,079
    Poder de Reputación
    24
    Hola!

    Es simple, pero te recomiendo que uses un plugin de jQuery y no te compliques mucho. Te recomiendo que aprendas y comiences por aquí: click aquí.

    Una vez que hayas aprendido jQuery, bastaría con algo así:

    Código:
    jQuery(document).ready(function($) {
        $('#login-form').hide(); // Ocultas el formulario al cargar el documento.
        $('#icono-login').on('click', function(e) {
            e.preventDefault();
            $('#login-form').show();
        });
    });
    Código HTML:
    <a href="#" id="icono-login"><img src="icono-login.png" alt="Login" /></a>
    <form id="login-form" ...>
    </form>
    Saludos!

  3. #3
    Recien Llegado! Merodeador
    Fecha de Ingreso
    04 nov, 15
    Mensajes
    4
    Poder de Reputación
    0
    Muchas gracias!!! te seguiré el consejo y miraré algo de jQuery antes de meterlo en la página!
    gracias por la rapidezz!!

Temas Similares

  1. como hago para que mi menu desplegable se despliegue
    Por jacsan en el foro Curso Paso a Paso con Html-Kit.
    Respuestas: 0
    Último Mensaje: 25/08/2011, 12:04
  2. Respuestas: 3
    Último Mensaje: 10/09/2010, 19:20
  3. Problema con <input text> para pasarlo a variable php
    Por Dudasman en el foro Foro General
    Respuestas: 1
    Último Mensaje: 18/03/2010, 00:50

Etiquetas para este Tema

Permisos de Publicación

  • No puedes crear nuevos temas
  • No puedes responder temas
  • No puedes subir archivos adjuntos
  • No puedes editar tus mensajes
  •