Ir para conteúdo

POWERED BY:

Arquivado

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

marcoso

Uma solução: menu drop-down sobre combobox

Recommended Posts

Consegui colocar o menu drop-down sobre o combobox, usando o behavior show-hide layer, e compartilho minha solução:

<html><head><title></title><style>a.menu1 {   color :#000000;   text-decoration :none;   background-color :#FFFFFF;   width :175px;   font-family: Verdana, Tahoma, Arial; font-size: 11px; clip:  rect(   ); cursor: hand; height: 17px; padding-top: 3px; padding-left: 3px;  font-weight: bold;}a.menu1:hover {   color :#FFFFFF;   text-decoration :none;   background-color :#507CC5;   cursor:hand;   font-weight: bold;}</style><script language="JavaScript"><!--<!--function MM_reloadPage(init) {  //reloads the window if Nav4 resized  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {	document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();}MM_reloadPage(true);// -->//--><!--function MM_findObj(n, d) { //v4.01  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {	d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);  if(!x && d.getElementById) x=d.getElementById(n); return x;}function MM_showHideLayers() { //v6.0  var i,p,v,obj,args=MM_showHideLayers.arguments;  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];	if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }	obj.visibility=v; }}//--></script></head><body ><table width="364" border="0" cellspacing="0" cellpadding="0">  <tr>	<td height="41" valign="top"></td>	<td width="113"><a href="#" onMouseOver="MM_showHideLayers('lmenu','','show','input','','hide')" onMouseOut="MM_showHideLayers('lmenu','','hide','input','','show')">LINK</a><br>	  <div id="lmenu" style="position:absolute; width:116px; height:120px; z-index:2; visibility: hidden;" onMouseOver="MM_showHideLayers('lmenu','','show','input','','hide')" onMouseOut="MM_showHideLayers('lmenu','','hide','input','','show')">		<table width="175" border="0" cellpadding="0" cellspacing="1" bgcolor="#507CC5" style="filter: Alpha(Opacity=100);">		  <tr>			<td bgcolor="#507CC5" ><img src="./imagens/espaco.gif" widht="1" height="3" border="0"></td>		  </tr>		  <tr>			<td  height="17" bgcolor="#FFFFFF" ><a href="idsecao=45" class="menu1">secao</a></td>		  </tr>		  <tr>			<td  height="17" bgcolor="#FFFFFF" ><a href="idsecao=15" class="menu1">secao</a></td>		  </tr>		  <tr>			<td  height="17" bgcolor="#FFFFFF" ><a href="idsecao=16" class="menu1">secao</a></td>		  </tr>		  <tr>			<td  height="17" bgcolor="#FFFFFF" ><a href="idsecao=31" class="menu1">secao</a></td>		  </tr>		  <tr>			<td  height="17" bgcolor="#FFFFFF" ><a href="idsecao=19" class="menu1">secao</a></td>		  </tr>		  <tr>			<td  height="17" bgcolor="#FFFFFF" ><a href="idsecao=33" class="menu1">secao</a></td>		  </tr>		  <tr>			<td  height="17" bgcolor="#FFFFFF" ><a href="idsecao=20" class="menu1">secao</a></td>		  </tr>		  <tr>			<td  height="17" bgcolor="#FFFFFF" ><a href="idsecao=35" class="menu1">secao </a></td>		  </tr>		</table>	  </div></td>  <tr>	<td height="41" valign="top"> </td>	<td><div id="input" style="position:absolute; width:52px; height:50px; z-index:3; visibility: visible;">		<select name="select" style="width:100px">		</select>	  </div></td></table></body></html>

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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