pop-up personalizado al pulsar link!

[neodani]

Buenas compis!

Sabéis como puedo lograr el siguiente efecto?

Al pulsar sobre un determinado link (tengo pensado que sea el nombre del usuario) te aparece un menu contextual (o llámale pop-up) con varias opciones... por ej... "Ver perfil, Ver estadísticas, Enviar un mensaje... etc...)

Alguna web que lo tenga? o alguna idea del nombre que tiene eso...

Gracias de antemano

[caricatos]

Hola:

Desde luego que no se trata de un menu contextual, que solo depende del navegador y sistema (aunque con javascript puede en parte controlarse (oncontextmenu="return false"...)

Creo que podrías tener una lista oculta y con el enlace mostrarla <a onclick="mostrar()"... pero si es un enlace, deberías a la vez cancelarlo , cosa que quitaría valor semántico al enlace... puedes usar el evento click en algún elemento...

Saludos

[neodani]

Iniciado por caricatos

Hola:

Desde luego que no se trata de un menu contextual, que solo depende del navegador y sistema (aunque con javascript puede en parte controlarse (oncontextmenu="return false"...)

Creo que podrías tener una lista oculta y con el enlace mostrarla <a onclick="mostrar()"... pero si es un enlace, deberías a la vez cancelarlo , cosa que quitaría valor semántico al enlace... puedes usar el evento click en algún elemento...

Saludos

Uhmm... no he entendido muy bien.

Pero sí... el enlace en sí no tiene "significado", pero es aprovechar la etiqueta del enlace (me da igual si es un enlace o no...) pero la idea es que sea una palabra enmarcada con alguna etiqueta y que al pulsar sobre ella, aparece un menú en forma de tabla con varias filas (opciones) estás sí, enlaces a otras páginas.

Y la verdad es que javascript no es lo mio

Alguna idea?

[caricatos]

Hola:

El valor semántico del tag a es anclaje o enlace, así que si no se tiene esa intención, no creo aconsejable su uso (aunque respeto que cada uno haga lo que quiera)...

Pues sobre la pregunta en sí te pongo un ejemplo "a capella"...

<span onclick="desplegar('lista')">enlace</span>

<ul id="lista" style="visibility: hidden; position: absolute">
<li><a href="http://www.forosdelweb.com" >Foros del web</a></li>
<li><a href="http://www.maestrosdelweb.com" >Maestros del web</a></li>
</ul>

Y...

function desplegar(que) {
document.getElementById(que).style.visibility = "visible";
}

Saludos

[neodani]

Iniciado por caricatos

Hola:

El valor semántico del tag a es anclaje o enlace, así que si no se tiene esa intención, no creo aconsejable su uso (aunque respeto que cada uno haga lo que quiera)...

Pues sobre la pregunta en sí te pongo un ejemplo "a capella"...

<span onclick="desplegar('lista')">enlace</span>

<ul id="lista" style="visibility: hidden; position: absolute">
<li><a href="http://www.forosdelweb.com" >Foros del web</a></li>
<li><a href="http://www.maestrosdelweb.com" >Maestros del web</a></li>
</ul>

Y...

function desplegar(que) {
document.getElementById(que).style.visibility = "visible";
}

Saludos

Y como harías para que una vez desplegado volviendo a pulsar no se viera la lista?

Gracias de antemano

[caricatos]

Iniciado por neodani

Y como harías para que una vez desplegado volviendo a pulsar no se viera la lista?

Gracias de antemano

Simplemente consultando el valor del estilo visibility...

Código:

function desplegar(que) {
valor = document.getElementById(que).style;
with(valor.style)
 visibility = (visibility == "hidden") ? "visible" : "hidden";
}

Saludos