Versión imprimible del tema: ventanas flotantes que no sean pop-up
URL: https://soporte.miarroba.es/1364/11183590-ventanas-flotantes-que-no-sean-pop-up/

De la comunidad de foros: Foro de soporte
URL: https://soporte.miarroba.es


Autor: yuyubu, 12/Oct/2013, 21:39


buenas noches la verdad que no hace mucho que empece a programar con html,css,javascript y php y la duda es la siguiente porque no encuentro respuesta aqui ni en google solo me salen como hacer pop-ups la duda es como hago para que cuando de clic en un boton me salga una "ventana" como la que sale cuando damos click para loguearnos me gustaria saber como se hace cuales el  nombre que se le da a esto  si me pasais un tutorial o link sobre como hacerlo os lo agradesco


Autor: Josepepe033, 13/Oct/2013, 11:17


http://www.w3schools.com/css/css_positioning.asp


Autor: yuyubu, 13/Oct/2013, 12:19


gracias por el link ya sabia como se hacia el posicionamiento :D  pero mi duda es como hacer que salga eso al pulsar un boton o situar el raton en un punto de mi pagina


Autor: Josepepe033, 13/Oct/2013, 13:15


Con JavaScript y CSS:

Código:
#capa_flotante {
    ...
    ...
    display: none;
}

Para mostrar la capa desde un enlace:

Código:
<a href="javascript:document.getElementById('capa_flotante').style.display = 'block';">Abrir capa</a>

Para ocultarla:

Código:
<a href="javascript:document.getElementById('capa_flotante').style.display = 'none';">Cerrar capa</a>

Si lo haces con botones en vez de con enlaces, es igual pero cambiando el atributo href por onClick (y quitando "javascript:").


Autor: yuyubu, 13/Oct/2013, 18:47


hola de nuevo gracias por la info pero si no es molestia podrias poner un ejemplo por favor lo que has dicho esque nose si lo coloque bien o no porque no sale asique si no es molestia podrias poner un ejmplo con un boton o palabra que al dar click sobre el o pasarlo encima te salga un ventana flotante gracias de antemano :P)


Autor: Anastasiaf, 09/Jul/2018, 22:54


http://www.w3schools.com/css/css_positioning.asp