Dúvidas Com Calendário

[Denis_El_Samurai]

Bom Dia !

Estou com um probleminha, baixei um calendário aki no scriptbrasil, e funciona perfeitamente, porém eu preciso fazer a seguinte alteração, tenho um jump menu abaixo do campo do calendário, quando eu clico para abrir o calendário ele fica sob esse jump menu, ou seja, abaixo do jump menu, o que eu preciso é q quando clicar no local para abrir o calendário, ele apareça sobre o jump menu, ou qlquer outro item q esteja na linha de baixo.

Esta é a linha de código do calendário:

<script language="JavaScript" src="pupdate.js"></script>

<!-- Inicio -->

<script language="JavaScript">

if (document.all) {

document.writeln("<div id=\"PopUpCalendar\" style=\"position:absolute; left:0px; top:0px; z-index:7; width:144px; height:77px; overflow: visible; visibility: hidden; background-color: #FFFFFF; border: 1px none #000000\" onMouseOver=\"if(ppcTI){clearTimeout(ppcTI);ppcTI=false;}\" onMouseOut=\"ppcTI=setTimeout(\'hideCalendar()\',500)\">");

document.writeln("<div id=\"monthSelector\" style=\"position:absolute; left:0px; top:0px; z-index:9; width:125px; height:27px; overflow: visible; visibility:inherit\">");}

else if (document.layers) {

document.writeln("<layer id=\"PopUpCalendar\" pagex=\"0\" pagey=\"0\" width=\"144\" height=\"200\" z-index=\"100\" visibility=\"hide\" bgcolor=\"#FFFFFF\" onMouseOver=\"if(ppcTI){clearTimeout(ppcTI);ppcTI=false;}\" onMouseOut=\"ppcTI=setTimeout('hideCalendar()',500)\">");

document.writeln("<layer id=\"monthSelector\" left=\"0\" top=\"0\" width=\"125\" height=\"27\" z-index=\"9\" visibility=\"inherit\">");}

else {

document.writeln("<p><font color=\"#FF0000\"><b>Erro! Erro interno.</b></font></p>");}

</script><noscript>

<p>

<font color="#ff0000"><b>Recursos java script desativado.</b></font>

<p></p>

</noscript>

<table border="0" cellspacing="0" cellpadding="1" width="144" bordercolorlight="#000000"

bordercolordark="#000000" vspace="0" hspace="0">

<form name="ppcMonthList">

<TBODY>

<tr>

<td align="center" bgcolor="#cccccc">

<a href="javascript:moveMonth('Back')" onMouseOver="window.status=' ';return true;">

<font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><b>&lt; </b></font>

</a><font face="MS Sans Serif, sans-serif" size="1">

<select name="sItem" onMouseOut="if(ppcIE){window.event.cancelBubble = true;}" onChange="switchMonth(this.options[this.selectedIndex].value)"

style="FONT-SIZE: 8pt; FONT-FAMILY: 'MS Sans Serif', sans-serif">

<option value="0">2000 • Janeiro</option>

<option value="1">2000 • Fevereiro</option>

<option value="2">2000 • Março</option>

<option value="3">2000 • Abril</option>

<option value="4">2000 • Maio</option>

<option value="5">2000 • Junho</option>

<option value="6">2000 • Julho</option>

<option value="7">2000 • Agosto</option>

<option value="8">2000 • Setembro</option>

<option value="9">2000 • Outubro</option>

<option value="10">2000 • Novembro</option>

<option value="11">2000 • Dezembro</option>

<option value="0" selected>2001 • Janeiro</option>

</select>

</font><a href="javascript:moveMonth('Forward')" onMouseOver="window.status=' ';return true;">

<font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><b>&gt;</b></font></a></td>

</tr>

</form>

</TBODY>

</table>

<table border="0" cellspacing="0" cellpadding="1" bordercolorlight="#000000" bordercolordark="#000000"

width="144" vspace="-50" hspace="20">

<tr align="center" bgcolor="#0099cc">

<td width="20" bgcolor="#ffffff"><b><font face="MS Sans Serif, sans-serif" size="1" color="#000000">D</font></b></td>

<td width="20" bgcolor="#ffffff"><b><font face="MS Sans Serif, sans-serif" size="1" color="#000000">S</font></b></td>

<td width="20" bgcolor="#ffffff"><b><font face="MS Sans Serif, sans-serif" size="1" color="#000000">T</font></b></td>

<td width="20" bgcolor="#ffffff"><b><font face="MS Sans Serif, sans-serif" size="1" color="#000000">Q</font></b></td>

<td width="20" bgcolor="#ffffff"><b><font face="MS Sans Serif, sans-serif" size="1" color="#000000">Q</font></b></td>

<td width="20" bgcolor="#ffffff"><b><font face="MS Sans Serif, sans-serif" size="1" color="#000000">S</font></b></td>

<td width="20" bgcolor="#ffffff"><b><font face="MS Sans Serif, sans-serif" size="1" color="#000000">S</font></b></td>

</tr>

</table>

<script language="JavaScript">

if (document.all) {

document.writeln("</div>");

document.writeln("<div id=\"monthDays\" style=\"position:absolute; left:0px; top:35px; z-index:8; width:144px; height:17px; overflow: visible; visibility:inherit; background-color: #FFFFFF; border: 1px none #000000\"> </div></div>");}

else if (document.layers) {

document.writeln("</layer>");

document.writeln("<layer id=\"monthDays\" left=\"0\" top=\"35\" width=\"144\" height=\"17\" z-index=\"8\" bgcolor=\"#FFFFFF\" visibility=\"inherit\"> </layer></layer>");}

else {/*NOP*/}

</script>

Não sei onde no código eu devo alterar para quando aparecer o calendário, ele apareça sobre o item q está na linha abaixo dele...

[Carine]

Olá galera eu estou com um mesmo problema, alguém saberia resolver?

[Carine]

Valeu a idéia, mais uma coisa que eu aprendi, mas no meu caso não funcionou, porque o Jump Menu está abaixo de uma layer do Dreamweaver que contém um arquivo.swf transparente dentro.

Aqui vai um exemplo de como fica:

<table width="100%" border="0" cellspacing="2" cellpadding="2">

<tr>

<td colspan="2">&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

<td><div id="Layer1" style="position:absolute; width:200px; height:115px; z-index:1000; background-color: #00CC00; layer-background-color: #00CC00; border: 1px none #000000;"></div></td>

</tr>

<tr>

<td width="33%">&nbsp;</td>

<td width="67%"><

form name="form1">

<select name="menu1" onChange="MM_jumpMenu('parent',this,0)">

<option>menu de teste</option>

</select>

</form></td>

</tr>

</table>