Ayuda menu desplegable!! - Java y Javascript

Foro de soporte Ayuda para webmasters Java y Javascript

Tu navegador no acepta javascript
Para poder visualizar correctamente esta página, necesitas un navegador con javascript activado

Noticias

Ayuda menu desplegable!!

#1 ·

02/Ago/2006, 17:28

hola tengo un problema. he copiado un codigo para hacer un menu desplegable pero resulta q emerge hacia abajo y m gustaria q emergiera hacia la izquierda, ademas de una solucion para quitar el borde azul de hipervinculo que trae puesto. necesito ayuda pk de javascript se lo justo pa pasar la tarde. para kien me pueda ayudar pongo aki el codigo:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Actividades</title>

<style type="text/css">

#dropmenudiv
{
position: absolute;
border:0px solid black;
font:normal 12px Arial;
line-height:20px;
z-index: 50%;
}

#dropmenudiv a
{ /*Este es el menú cuando aparece*/
border: 1px solid #ffffff;
width: 215px; height:30px;
display: block;
text-indent: 10px;
color: #ffffff;
font-weight: bold;
text-decoration: none;
margin: 0px 0px 0px 0px;
color-margin: #E6E600;
border-color: #ffffff;
}

#dropmenudiv a:hover
{ /*color de las opciones cuando el usuario está sobre la opción*/
background-color: #ffffff;
color:#99CC00;
border-color: #ffffff;
}
</style>

<script type="text/javascript">

//Contents for menu 1

var menu1=new Array()
menu1[0]='<a href="aerobic.htm">Aerobic/Batuka</a>'
menu1[1]='<a href="salon.htm">Bailes de salón</a>'
menu1[2]='<a href="latinos.htm">Bailes latinos</a>'
menu1[3]='<a href="vientre.htm">Danza del vientre</a>'
menu1[4]='<a href="clasica.htm">Danza clásica</a>'
menu1[5]='<a href="contemporanea.htm">Danza contemporánea</a>'
menu1[6]='<a href="funky.htm">Funky hip-hop</a>'
menu1[7]='<a href="mantenimiento.htm">Gimnasia de mantenimiento</a>'
menu1[8]='<a href="pilates.htm">Pilates</a>'
menu1[9]='<a href="taichi.htm">Tai chi</a>'
menu1[10]='<a href="teatro.htm">Teatro</a>'
menu1[11]='<a href="yoga.htm">Yoga</a>'

var menuwidth='65px' //default menu width

var menubgcolor='#000000' //menu bgcolor

var disappeardelay=50 //menu disappear speed onMouseout (in miliseconds)

var hidemenu_onclick="yes" //hide menu when user clicks within menu?

/////No further editting needed

var ie4=document.all

var ns6=document.getElementById&&!document.all

if (ie4||ns6)

document.write('<div id="dropmenudiv" style="visibility:hidden;width:'+menuwidth+';background-color:'+menubgcolor+'" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"></div>')

function getposOffset(what, offsettype){

var totaloffset=(offsettype=="left&quot Giño ? what.offsetLeft : what.offsetTop;

var parentEl=what.offsetParent;

while (parentEl!=null){

totaloffset=(offsettype=="left&quot Giño ? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;

parentEl=parentEl.offsetParent;

}

return totaloffset;

}

function showhide(obj, e, visible, hidden, menuwidth){

if (ie4||ns6)

dropmenuobj.style.left=dropmenuobj.style.top=-500

if (menuwidth!="&quot Giño {

dropmenuobj.widthobj=dropmenuobj.style

dropmenuobj.widthobj.width=menuwidth

}

if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover&quot Giño

obj.visibility=visible

else if (e.type=="click&quot Giño

obj.visibility=hidden

}

function iecompattest(){

return (document.compatMode && document.compatMode!="BackCompat&quot Giño ? document.documentElement : document.body

}

function clearbrowseredge(obj, whichedge){

var edgeoffset=0

if (whichedge=="rightedge&quot Giño {

var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15

dropmenuobj.contentmeasure=dropmenuobj.offsetWidth

if (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)

edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth

}

else{

var windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18

dropmenuobj.contentmeasure=dropmenuobj.offsetHeight

if (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure)

edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeight

}

return edgeoffset

}

function populatemenu(what){

if (ie4||ns6)

dropmenuobj.innerHTML=what.join("&quot Giño

}

function dropdownmenu(obj, e, menucontents, menuwidth){

if (window.event) event.cancelBubble=true

else if (e.stopPropagation) e.stopPropagation()

clearhidemenu()

dropmenuobj=document.getElementById? document.getElementById("dropmenudiv&quot Giño : dropmenudiv

populatemenu(menucontents)

if (ie4||ns6){

showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)

dropmenuobj.x=getposOffset(obj, "left&quot Giño

dropmenuobj.y=getposOffset(obj, "top&quot Giño

dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge&quot Giño +"px"

dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge&quot Giño +obj.offsetHeight+"px"

}

return clickreturnvalue()

}

function clickreturnvalue(){

if (ie4||ns6) return false

else return true

}

function contains_ns6(a, b) {

while (b.parentNode)

if ((b = b.parentNode) == a)

return true;

return false;

}

function dynamichide(e){

if (ie4&&!dropmenuobj.contains(e.toElement))

delayhidemenu()

else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))

delayhidemenu()

}

function hidemenu(e){

if (typeof dropmenuobj!="undefined&quot Giño {

if (ie4||ns6)

dropmenuobj.style.visibility="hidden"

}

}

function delayhidemenu(){

if (ie4||ns6)

delayhide=setTimeout("hidemenu()",disappeardelay)

}

function clearhidemenu(){

if (typeof delayhide!="undefined&quot Giño

clearTimeout(delayhide)

}

if (hidemenu_onclick=="yes&quot Giño

document.onclick=hidemenu

</script>

</head>

<body>

<p><a href="actividades.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '215px')" onMouseout="delayhidemenu()"><img src="../images/web/buttons/boton_activ1.png" alt="Actividades" width="261" height="30" /></a></p>
</body>
</html>

muchas gracias de antemano.

SoRonTo

cascoporrillo
Usuario Novato

Mensajes: 10
Desde: 22/Nov/2005

ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES,
te recomendamos abrir un nuevo tema en lugar de responder al actual

Foro de soporte · Ayuda para webmasters · Java y Javascript

Opciones:

Versión imprimible del tema
Subscríbete a este tema
Date de baja de este tema

TU NO PUEDES Escribir nuevos temas en este foro
TU NO PUEDES Responder a los temas en este foro
TU NO PUEDES Editar tus propios mensajes en este foro
TU NO PUEDES Borrar tus propios mensajes en este foro

Ahora son las 00:13 UTC+01:00

Temas similares
I	Foto	P	Tema	Mensajes	Última respuesta
			Ayuda con MENU desplegable! Por: bubuosorio · 03/Jun/2008, 05:27	0	Hoy, 01:00 bubuosorio
			Menu desplegable horizontal Por: Jaorcor · 14/Jun/2007, 18:33	5	26/Nov/2009, 15:33 lombardo1965
			Ayuda con menu desplegable Por: ojosalton · 06/Abr/2008, 11:19	3	07/Abr/2008, 20:59 *chavp*
			Menu desplegable con jScript hacia los lados Por: Ammpster · 22/Abr/2010, 18:26	4	23/Abr/2010, 20:35 Ammpster
			Ayuda urgente! links menu desplegable Por: Gema_1902 · 16/Feb/2005, 20:21	5	18/Feb/2005, 19:03 User 28318