Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Kikitten

AnyLink Drop Down Menu

Por , em Javascript

Recommended Posts

Kikitten    0

Kikitten
Postado

Ola, boa noite o/

 

Bom eu peguei esse código... deste site - Dynamic Drive

 

No IE funciona normal... porém no Firefox (talvez por causa de adaptações que fiz) não funciona.

 

Bom aqui está o meu html

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><meta name="keywords" content="PUC Minas, Administração, PUC Minas campus Pocos de Caldas, Consultoria Júnior, Poços de Caldas" /><meta name="description" content="Administração - PUC Minas :: Campus de Poços de Caldas" /><meta name="robots" content="all" /><meta name="language" content="pt-br" /><meta name="webmasters" content="Cristiane Silva, Luiz Maggi" /><title>PUC - Minas - Campus Poços de Caldas :: Curso de Administração</title><style type="text/css"><!--body,td,th {	font-family: Verdana;	font-size: 12px;	color: 2d5ea1;}img {border: 0;}body {	background-color: #2d5ea1;	margin-left: 0px;	margin-top: 0px;	margin-right: 0px;	margin-bottom: 0px;} a:link {	color: 2d5ea1;}a:visited {	color: 2d5ea1;}a:hover {	color: #007cc3;}a:active {	color: 2d5ea1;}#dropmenudiv{position:absolute;border-bottom-width: 0;font:normal 12px Verdana;line-height:18px;z-index:100;}#dropmenudiv a{width: 100%;display: block;text-indent: 3px;padding: 1px 0;text-decoration: none;font-weight: bold;color: #4377b8;}#dropmenudiv a:hover{ /*hover background color*/background-color: #e0e9f5;color: #4377b8;}#menu1 {	position:absolute;	left:608px;	top:154px;	width:160px;	height:60px;	z-index:1;}#menu2 {	position:absolute;	left:652px;	top:154px;	width:160px;	height:51px;	z-index:1;}</style><script type="text/javascript">/************************************************ AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)* This notice MUST stay intact for legal use* Visit http://www.dynamicdrive.com/ for full source code***********************************************///Contents for menu 1var menu1=new Array()menu1[0]='<a href="https://www.sistemas.pucminas.br/sgaaluno/SilverStream/Pages/pgAln_LoginSSL.html" target="_blank">SGA Alunos</a>'menu1[1]='<a href="https://www.sistemas.pucminas.br/sga2/SilverStream/Pages/pgPrf_LoginSSL.html" target="_blank">SGA Professores</a>'//Contents for menu 2, and so onvar menu2=new Array()menu2[0]='<a href="https://www.pucpcaldas.br/portal/index.php?portal=a" target="_blank">Portal dos Alunos</a>'menu2[1]='<a href="https://www.sistemas.pucminas.br/sga2/SilverStream/Pages/pgPrf_LoginSSL.html" target="_blank">Portal dos Professores</a>'		var menuwidth='165px' //default menu widthvar menubgcolor='#b5cae4'  //menu bgcolorvar disappeardelay=250  //menu disappear speed onMouseout (in miliseconds)var hidemenu_onclick="yes" //hide menu when user clicks within menu?/////No further editting neededvar ie4=document.allvar ns6=document.getElementById&&!document.allif (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")? what.offsetLeft : what.offsetTop;var parentEl=what.offsetParent;while (parentEl!=null){totaloffset=(offsettype=="left")? 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="-500px"if (menuwidth!=""){dropmenuobj.widthobj=dropmenuobj.styledropmenuobj.widthobj.width=menuwidth}if (e.type=="click" && obj.visibility==hidden || e.type=="mouseover")obj.visibility=visibleelse if (e.type=="click")obj.visibility=hidden}function iecompattest(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}function clearbrowseredge(obj, whichedge){var edgeoffset=0if (whichedge=="rightedge"){var windowedge=ie4 && !window.opera? iecompattest().scrollLeft+iecompattest().clientWidth-15 : window.pageXOffset+window.innerWidth-15dropmenuobj.contentmeasure=dropmenuobj.offsetWidthif (windowedge-dropmenuobj.x < dropmenuobj.contentmeasure)edgeoffset=dropmenuobj.contentmeasure-obj.offsetWidth}else{var topedge=ie4 && !window.opera? iecompattest().scrollTop : window.pageYOffsetvar windowedge=ie4 && !window.opera? iecompattest().scrollTop+iecompattest().clientHeight-15 : window.pageYOffset+window.innerHeight-18dropmenuobj.contentmeasure=dropmenuobj.offsetHeightif (windowedge-dropmenuobj.y < dropmenuobj.contentmeasure){ //move up?edgeoffset=dropmenuobj.contentmeasure+obj.offsetHeightif ((dropmenuobj.y-topedge)<dropmenuobj.contentmeasure) //up no good either?edgeoffset=dropmenuobj.y+obj.offsetHeight-topedge}}return edgeoffset}function populatemenu(what){if (ie4||ns6)dropmenuobj.innerHTML=what.join("")}function dropdownmenu(obj, e, menucontents, menuwidth){if (window.event) event.cancelBubble=trueelse if (e.stopPropagation) e.stopPropagation()clearhidemenu()dropmenuobj=document.getElementById? document.getElementById("dropmenudiv") : dropmenudivpopulatemenu(menucontents)if (ie4||ns6){showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)dropmenuobj.x=getposOffset(obj, "left")dropmenuobj.y=getposOffset(obj, "top")dropmenuobj.style.left=dropmenuobj.x-clearbrowseredge(obj, "rightedge")+"px"dropmenuobj.style.top=dropmenuobj.y-clearbrowseredge(obj, "bottomedge")+obj.offsetHeight+"px"}return clickreturnvalue()}function clickreturnvalue(){if (ie4||ns6) return falseelse 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"){if (ie4||ns6)dropmenuobj.style.visibility="hidden"}}function delayhidemenu(){if (ie4||ns6)delayhide=setTimeout("hidemenu()",disappeardelay)}function clearhidemenu(){if (typeof delayhide!="undefined")clearTimeout(delayhide)}if (hidemenu_onclick=="yes")document.onclick=hidemenu</script></head><body><map name="Map"><area shape="rect" coords="4,12,48,33" href="/"><area shape="rect" coords="57,11,132,33" href="http://www.pucminas.br/" target="_blank"><area shape="rect" coords="138,11,283,32" href="http://www.pucpcaldas.br/" target="_blank"><area shape="rect" coords="289,12,358,33" href="http://www.pucpcaldas.br/principal.php?page=biblioteca_pesquisa.php" target="_blank"></map><div id="menu1"><map name="Map2"><a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu1, '125px')" onMouseout="delayhidemenu()">  <area shape="rect" coords="4,11,40,32">  </a>  </map>  </div><div id="menu2"><map name="Map3"><a href="default.htm" onClick="return clickreturnvalue()" onMouseover="dropdownmenu(this, event, menu2, '165px')" onMouseout="delayhidemenu()"><area shape="rect" coords="3,12,47,33"></a>  <area shape="rect" coords="55,12,114,32" href="#"></map>  </div><table width="780" border="0" cellspacing="0" cellpadding="0">  <tr>	<td colspan="3"><img src="topo.jpg" width="780" height="121"></img></td>  </tr>  <tr>	<td colspan="3"><img src="menu_v1.jpg"></img><img src="menu_v2.jpg" usemap="#Map"></img><img src="menu_v3.jpg" usemap="#Map2"></img><img src="menu_v4.jpg" usemap="#Map3"></img></td>  </tr>  <tr>	<td width="160"><img src="menu_v.jpg" width="159" height="28"></img></td>	<td width="12"> </td>	<td width="605" background="main_bg.jpg" style="background-repeat:repeat-y;" valign="top"><img src="main_up.jpg" width="605" height="19"></td>  </tr>  <tr>	<td background="menu_bg.jpg" style="background-repeat:repeat-y;"></td>	<td> </td>	<td background="main_bg.jpg" style="background-repeat:repeat-y;"> </td>  </tr>  <tr>	<td><img src="menu_down.jpg" width="159" height="22"></td>	<td> </td>	<td background="main_bg.jpg" valign="bottom" style="background-repeat:repeat-y;"><img src="main_down.jpg" width="605" height="20"></td>  </tr>  <tr>	<td colspan="3"><img src="footer_up.jpg" width="780" height="15"></td>  </tr>  <tr>	<td colspan="3" background="footer_bg.jpg" style="background-repeat:repeat-y"> </td>  </tr>  <tr>	<td colspan="3"><img src="footer_down.jpg" width="780" height="20"></td>  </tr></table></body></html>

Agradeceria muito se me ajudassem.

 

Desde já agradeço.

Compartilhar este post

Link para o post
Compartilhar em outros sites

Kikitten    0

Kikitten
Postado

EDIT: Uhm nesse caso eu consegui consertar... era realmente fácil (não pude usar mapeamento)... mas para usar mapeamento ainda vou procurar uma resposta.Obrigada :P

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito