Dúvidas Com Um Código De Calendário.

[Denis_El_Samurai]

Olá pessoal!

Estou utilizando um código que me permite adicionar um calendário no meu site da seguinte forma, ele cria um form, e quando eu clico nesse form vazio, surge o calendário, porém, este calendário que surge, está associado de alguma forma ao clique do mouse, ou seja, em qualquer posição do form que eu clico ele faz surgir o calendário, porém, ele surge em posições distintas, conforme o local onde eu clico.

Gostaria que vocês me ajudassem no seguinte aspecto:

Eu quero que quando ao clicar com o mouse na área do meu form, o calendário apareça em uma posição fixa abaixo do meu form.

Já tentei alterar alterar o position:assolute por position:static, porém o que ele faz é fazer surgir em uma única posição, porém, no topo da página, e não abaixo do meu form.

Se puderem me ajudar serei muito grato.

Segue abaixo o código JS.

<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"><tr><td align="center" bgcolor="#FF9900">

<a href="javascript:moveMonth('Back')" onMouseOver="window.status=' ';return true;"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><b>< </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-family: 'MS Sans Serif', sans-serif; font-size: 9pt">

<option value="0" selected>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> ></b></font></a></td></tr>

</form>

</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="#FFFFCC"><b><font face="MS Sans Serif, sans-serif" size="1">D</font></b></td>

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

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

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

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

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

<td width="20"><b><font face="MS Sans Serif, sans-serif" size="1">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>

<!-- Fim -->

[OSJunior]

Veja:

<a href="javascript:moveMonth('Back')" onMouseOver="window.status=' ';return true;"><font face="Arial, Helvetica, sans-serif" size="2" color="#000000"><b>< </b></font></a><font face="MS Sans Serif, sans-serif" size="1">

Onde ta definido moveMonth ?

você pode colocar o código abaixo, no próprio body:

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>");}

[Denis_El_Samurai]

O MovieMonth está sendo declarado na função _js fora deste código.

E este conteúdo está sendo inserido por um #include.

[Denis_El_Samurai]

Ae galera brigadão para quem tentou.

Consegui.

Fiz o seguinte, como o calendário estava relacionado com o clique do mouse, o que eu fiz foi direcionar essa associação não ao onFocus e sim ao onClick em um botão que eu adicionei do lado esquerdo de cada form do calendário, e passei a atribuição do preenchimento do campo para o form, ou seja a pessoa pode tanto digitar a data dentro do form, como também pode clicar no botão e o calendário surge.

Valeu.