Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá galera!!!
Estou com um problema que é o seguinte:
Tenho uma página dinâmica onde o usuário seleciona o estado e quando selecionado ele faz aparecer uma layer com as cidade do estado selecionado.
Quando clica na cidade escolhida é para abrir uma layer cm os dados do representante daquela cidade.
Até aqui ok, ele funciona, mas quando eu seleciono outro estado e outra cidade, ele sobrepoe a layer por cima e a layer que eu havia selecionado antes não some.
vejam o problema neste link
O código é este:
<%MTitulo = "Representantes"MBack = "back_menu_lojistas.gif"Mlink = "<form name=""formrep"">" & vbcrMlink = Mlink & "<select name=""rep"" size=""1"" OnChange=""Rep()"" class=""texto"">" & vbcrMlink = Mlink & "<option value=""00"">Selecione o Estado</option>" & vbcrMlink = Mlink & "<option value=""AC"">Acre</option>" & vbcrMlink = Mlink & "<option value=""AL"">Alagoas</option>" & vbcrMlink = Mlink & "<!-- <option value=""AP"">Amapá</option> -->" & vbcrMlink = Mlink & "<option value=""AM"">Amazonas</option>" & vbcrMlink = Mlink & "<option value=""BA"">Bahia</option>" & vbcrMlink = Mlink & "<option value=""CE"">Ceará</option>" & vbcrMlink = Mlink & "<option value=""DF"">Distrito Federal</option>" & vbcrMlink = Mlink & "<option value=""ES"">Espírito Santo</option>" & vbcrMlink = Mlink & "<option value=""GO"">Goiás</option>" & vbcrMlink = Mlink & "<option value=""MA"">Maranhão</option>" & vbcrMlink = Mlink & "<option value=""MT"">Mato Grosso</option>" & vbcrMlink = Mlink & "<option value=""MS"">Mato Grosso do Sul</option>" & vbcrMlink = Mlink & "<option value=""MG"">Minas Gerais</option>" & vbcrMlink = Mlink & "<option value=""PA"">Pará</option>" & vbcrMlink = Mlink & "<!--<option value=""PB"">Paraíba</option>-->" & vbcrMlink = Mlink & "<option value=""PR"">Paraná</option>" & vbcrMlink = Mlink & "<option value=""PE"">Pernambuco</option>" & vbcrMlink = Mlink & "<option value=""PI"">Piauí</option>" & vbcrMlink = Mlink & "<option value=""RJ"">Rio de Janeiro</option>" & vbcrMlink = Mlink & "<option value=""RN"">Rio Grande do Norte</option>" & vbcrMlink = Mlink & "<option value=""RS"">Rio Grande do Sul</option>" & vbcrMlink = Mlink & "<option value=""RO"">Rondônia</option>" & vbcrMlink = Mlink & "<option value=""RR"">Roraima</option>" & vbcrMlink = Mlink & "<!--<option value=""SC"">Santa Catarina</option>-->" & vbcrMlink = Mlink & "<option value=""SP"">São Paulo</option>" & vbcrMlink = Mlink & "<option value=""SE"">Sergipe</option>" & vbcrMlink = Mlink & "<!-- <option value=""TO"">Tocantins</option> -->" & vbcrMlink = Mlink & "</select>" & vbcrMlink = Mlink & "</form>" & vbcr%><% AbrePg %><img src="images/tit_lojistas_lojistas.gif" width="375" height="54"><br><span class="texto">Esta área é reservada para lojistas que desejam receber a visita de representantes para conhecerem nossos produtos.</span><br><div id="AC" style="position:absolute; left:12px; top:220px; width:154px; height:187px; z-index:1; visibility: hidden" class="texto"><b>Cidades</b><br> <a href="javascript:void(0)" onclick="Loj('ACportovelho')" class="menu">Rio Branco</a></div><div id="AL" style="position:absolute; left:12px; top:220px; width:154px; height:187px; z-index:1; visibility: hidden" class="texto"><b>Cidades</b><br> <a href="javascript:void(0)" onclick="Loj('ALmaceio')" class="menu">Maceió</a></div><div id="AM" style="position:absolute; left:12px; top:220px; width:154px; height:187px; z-index:1; visibility: hidden" class="texto"><b>Cidades</b><br> <a href="javascript:void(0)" onclick="Loj('AMmanaus')" class="menu">Manaus</a><br></div><div id="BA" style="position:absolute; left:12px; top:220px; width:154px; height:187px; z-index:1; visibility: hidden" class="texto"><b>Cidades</b><br> <a href="javascript:void(0)" onClick="Loj('BAsalvador')" class="menu">Salvador</a><br></div><div id="CE" style="position:absolute; left:12px; top:220px; width:154px; height:187px; z-index:1; visibility: hidden" class="texto"><b>Cidades</b><br> <a href="javascript:void(0)" onclick="Loj('CEfortaleza')" class="menu">Fortaleza</a><br> <a href="javascript:void(0)" onclick="Loj('CEteresina')" class="menu">Ceará/Piauí</a><br></div><div id="DF" style="position:absolute; left:12px; top:220px; width:154px; height:187px; z-index:1; visibility: hidden" class="texto"><b>Cidades</b><br> <a href="javascript:void(0)" onclick="Loj('DFbrasilia')" class="menu">Brasília</a></div><div id="ES" style="position:absolute; left:12px; top:220px; width:154px; height:187px; z-index:1; visibility: hidden" class="texto"><b>Cidades</b><br> <a href="javascript:void(0)" onclick="Loj('ESvitoria')" class="menu">Vitória</a></div><div id="GO" style="position:absolute; left:12px; top:220px; width:154px; height:187px; z-index:1; visibility: hidden" class="texto"><b>Cidades</b><br> <a href="javascript:void(0)" onclick="Loj('GOgoiania')" class="menu">Goiânia</a></div><div id="MA" style="position:absolute; left:12px; top:220px; width:154px; height:187px; z-index:1; visibility: hidden" class="texto"><b>Cidades</b><br> <a href="javascript:void(0)" onclick="Loj('MAsaoluis')" class="menu">São Luís</a></div><div id="MT" style="position:absolute; left:12px; top:220px; width:154px; height:187px; z-index:1; visibility: hidden" class="texto"><b>Cidades</b><br> <a href="javascript:void(0)" onclick="Loj('MTcuiaba')" class="menu">Cuiabá</a></div><div id="MG" style="position:absolute; left:12px; top:220px; width:154px; height:187px; z-index:1; visibility: hidden" class="texto"><b>Cidades</b><br> <a href="javascript:void(0)" onclick="Loj('MGbelohorizonte')" class="menu">Belo Horizonte</a></div><div id="PA" style="position:absolute; left:12px; top:220px; width:154px; height:187px; z-index:1; visibility: hidden" class="texto"><b>Cidades</b><br> <a href="javascript:void(0)" onclick="Loj('PAbelem')" class="menu">Belem</a></div><div id="PR" style="position:absolute; left:12px; top:220px; width:154px; height:187px; z-index:1; visibility: hidden" class="texto"><b>Cidades</b><br> <a href="javascript:void(0)" onclick="Loj('PRcuritiba')" class="menu">Curitiba</a></div><div id="PE" style="position:absolute; left:12px; top:220px; width:154px; height:187px; z-index:1; visibility: hidden" class="texto"><b>Cidades</b><br> <a href="javascript:void(0)" onclick="Loj('PErecife')" class="menu">Recife</a></div><div id="PI" style="position:absolute; left:12px; top:220px; width:154px; height:187px; z-index:1; visibility: hidden" class="texto"><b>Cidades</b><br> <a href="javascript:void(0)" onclick="Loj('PIteresina')" class="menu">Teresina</a></div><div id="RJ" style="position:absolute; left:12px; top:220px; width:154px; height:187px; z-index:1; visibility: hidden" class="texto"><b>Cidades</b><br> <a href="javascript:void(0)" onclick="Loj('RJsaogoncalo')" class="menu">São Gonçalo</a><br> <a href="javascript:void(0)" onclick="Loj('RJcarrefour')" class="menu">Rio de Janeiro - Carrefour</a><br> <a href="javascript:void(0)" onclick="Loj('RJriodejaneiro')" class="menu">Rio de Janeiro</a><br></div><div id="RN" style="position:absolute; left:12px; top:220px; width:154px; height:187px; z-index:1; visibility: hidden" class="texto"><b>Cidades</b><br> <a href="javascript:void(0)" onclick="Loj('RNnatal')" class="menu">Natal</a></div><div id="RS" style="position:absolute; left:12px; top:220px; width:154px; height:187px; z-index:1; visibility: hidden" class="texto"><b>Cidades</b><br> <a href="javascript:void(0)" onclick="Loj('RSsaoleopoldo')" class="menu">São Leopoldo</a><br> <a href="javascript:void(0)" onclick="Loj('RSinterior')" class="menu">Interior do RS</a></div><div id="RO" style="position:absolute; left:12px; top:220px; width:154px; height:187px; z-index:1; visibility: hidden" class="texto"><b>Cidades</b><br> <a href="javascript:void(0)" onclick="Loj('ROrondonia')" class="menu">Rondônia</a></div><div id="RR" style="position:absolute; left:12px; top:220px; width:154px; height:187px; z-index:1; visibility: hidden" class="texto"><b>Cidades</b><br> <a href="javascript:void(0)" onclick="Loj('RRroraima')" class="menu">Roraima</a></div><div id="SE" style="position:absolute; left:12px; top:220px; width:154px; height:187px; z-index:1; visibility: hidden" class="texto"><b>Cidades</b><br> <a href="javascript:void(0)" onclick="Loj('SEaracaju')" class="menu">Aracaju</a></div><div id="SP" style="position:absolute; left:12px; top:220px; width:154px; height:187px; z-index:1; visibility: hidden" class="texto"><b>Cidades</b><br> <a href="javascript:void(0)" onclick="Loj('SPcampinas')" class="menu">Campinas</a><br> <a href="javascript:void(0)" onclick="Loj('SPcampinasII')" class="menu">Campinas II</a><br> <a href="javascript:void(0)" onclick="Loj('SPsjrpreto')" class="menu">São José R. Preto</a><br> <a href="javascript:void(0)" onclick="Loj('SPcentro')" class="menu">São Paulo - Centro</a><br> <a href="javascript:void(0)" onclick="Loj('SPzonasul')" class="menu">São Paulo - Z. Sul</a><br> <a href="javascript:void(0)" onclick="Loj('SPsorocaba')" class="menu">Sorocaba</a><br> <a href="javascript:void(0)" onclick="Loj('SPsorocabaII')" class="menu">Sorocaba II</a><br></div><br><div id="ACportovelho" style="position:absolute; left:165px; top:225px; width:610; height:200; z-index:1; visibility: hidden"> <table width="100%" border="0" cellspacing="0" cellpadding="2" class="texto"> <tr> <td colspan="4" class="titulo"> <br> Acre / Porto Velho<br> </td> </tr> <tr> <td align="center"><b><font color="#FF0000">Contato</font></b></td> <td align="center"><b><font color="#FF0000">área de Atuação</font></b></td> <td align="center"><b><font color="#FF0000">Telefone</font></b></td> <td align="center"><b><font color="#FF0000">E-mail</font></b></td> </tr> <tr> <td align="center"><b>Udilton</b><br></td> <td align="center">Rio Branco / Porto Velho<br></td> <td align="center">(69) 3223-2336<br></td> <td align="center"><a href="mailto:renew@ronet.com.br" class="menu"><b>renew@ronet.com.br</b></a></td> </tr> <tr> <td align="center"> </td> <td align="center"> </td> <td align="center">(69) 8402-6960</td> <td align="center"> </td> </tr> </table></div><!-- fim do estado --><div id="ALmaceio" style="position:absolute; left:165px; top:225px; width:610; height:200; z-index:1; visibility: hidden"> <table width="100%" border="0" cellspacing="0" cellpadding="2" class="texto"> <tr> <td colspan="4" class="titulo"> <br> Alagoas / Maceió<br> </td> </tr> <tr> <td align="center"><b><font color="#FF0000">Contato</font></b></td> <td align="center"><b><font color="#FF0000">área de Atuação</font></b></td> <td align="center"><b><font color="#FF0000">Telefone</font></b></td> <td align="center"><b><font color="#FF0000">E-mail</font></b></td> </tr> <tr> <td align="center"><b>Ana Suely</b><br></td> <td align="center">Maceió<br></td> <td align="center">(82) 9105-7225<br></td> <td align="center"><b>-</b></td> </tr> </table></div><!-- fim do estado --><div id="AMmanaus" style="position:absolute; left:165px; top:225px; width:610; height:200; z-index:1; visibility: hidden"> <table width="100%" border="0" cellspacing="0" cellpadding="2" class="texto"> <tr> <td colspan="4" class="titulo"> <br> Manaus / AM<br> </td> </tr> <tr> <td align="center"><b><font color="#FF0000">Contato</font></b></td> <td align="center"><b><font color="#FF0000">área de Atuação</font></b></td> <td align="center"><b><font color="#FF0000">Telefone</font></b></td> <td align="center"><b><font color="#FF0000">E-mail</font></b></td> </tr> <tr> <td align="center">Edleuda</td> <td align="center">Manaus</td> <td align="center">(92) 3624-7946 </td> <td align="center"><a href="mailto:edleudaalves@bol.com.br" class="menu"><b>edleudaalves@bol.com.br</b></a></td> </tr> <tr> <td align="center"> </td> <td align="center"> </td> <td align="center">(92) 9123-1103 </td> <td align="center"> </td> </tr> </table> <br></div><!-- fim do estado --><div id="BAsalvador" style="position:absolute; left:165px; top:225px; width:610; height:200; z-index:1; visibility: hidden"> <table width="100%" border="0" cellspacing="0" cellpadding="2" class="texto"> <tr> <td colspan="4" class="titulo"> <br> Bahia / BA<br> </td> </tr> <tr> <td align="center"><b><font color="#FF0000">Contato</font></b></td> <td align="center"><b><font color="#FF0000">área de Atuação</font></b></td> <td align="center"><b><font color="#FF0000">Telefone</font></b></td> <td align="center"><b><font color="#FF0000">E-mail</font></b></td> </tr> <tr> <td align="center">Peroba<br></td> <td align="center">Salvador<br></td> <td align="center">(71 )3366-1299<br></td> <td align="center"><a href="mailto:perobaantonio@hotmail.com.br" class="menu"><b>perobaantonio@hotmail.com.br</b></a></td> </tr> <tr> <td align="center"> </td> <td align="center"> </td> <td align="center">(71) 8129-8435</td> <td align="center"> </td> </tr> </table> <br></div><!-- fim do estado --><div id="CEfortaleza" style="position:absolute; left:165px; top:225px; width:610; height:200; z-index:1; visibility: hidden"> <table width="100%" border="0" cellspacing="0" cellpadding="2" class="texto"> <tr> <td colspan="4" class="titulo"> <br> Ceará / CE<br> </td> </tr> <tr> <td align="center"><b><font color="#FF0000">Contato</font></b></td> <td align="center"><b><font color="#FF0000">área de Atuação</font></b></td> <td align="center"><b><font color="#FF0000">Telefone</font></b></td> <td align="center"><b><font color="#FF0000">E-mail</font></b></td> </tr> <tr> <td align="center">Robson / Cristina<br></td> <td align="center">Fortaleza</td> <td align="center">(85) 3253-4212 </td> <td align="center"><a href="mailto:robsonarruda@secrel.com.br" class="menu"><b>robsonarruda@secrel.com.br</b></a></td> </tr> <tr> <td align="center"> </td> <td align="center"> </td> <td align="center">(85) 9986-5457</td> <td align="center"> </td> </tr> </table> <br></div><!-- fim do estado --><div id="CEteresina" style="position:absolute; left:165px; top:225px; width:610; height:200; z-index:1; visibility: hidden"> <table width="100%" border="0" cellspacing="0" cellpadding="2" class="texto"> <tr> <td colspan="4" class="titulo"> <br> Ceará / CE<br> </td> </tr> <tr> <td align="center"><b><font color="#FF0000">Contato</font></b></td> <td align="center"><b><font color="#FF0000">área de Atuação</font></b></td> <td align="center"><b><font color="#FF0000">Telefone</font></b></td> <td align="center"><b><font color="#FF0000">E-mail</font></b></td> </tr> <tr> <td align="center">Seb. Sérgio<br></td> <td align="center">Ceará<br></td> <td align="center">(86) 3218-4734<br></td> <td align="center"><a href="mailto:visaorep@ig.com.br" class="menu"><b>visaorep@ig.com.br</b></a></td> </tr> <tr> <td align="center"> </td> <td align="center"> </td> <td align="center">(86) 9482-3060</td> <td align="center"> </td> </tr> </table> <br></div><!-- fim do estado --><div id="DFbrasilia" style="position:absolute; left:165px; top:225px; width:610; height:200; z-index:1; visibility: hidden"> <table width="100%" border="0" cellspacing="0" cellpadding="2" class="texto"> <tr> <td colspan="4" class="titulo"> <br> Brasília / DF<br> </td> </tr> <tr> <td align="center"><b><font color="#FF0000">Contato</font></b></td> <td align="center"><b><font color="#FF0000">área de Atuação</font></b></td> <td align="center"><b><font color="#FF0000">Telefone</font></b></td> <td align="center"><b><font color="#FF0000">E-mail</font></b></td> </tr> <tr> <td align="center">Deise<br></td> <td align="center">Brasilia<br></td> <td align="center">(61) 3342-3917<br></td> <td align="center"><a href="mailto:deiserep@uol.com.br" class="menu"><b>deiserep@uol.com.br</b></a></td> </tr> <tr> <td align="center"> </td> <td align="center"> </td> <td align="center">(61) 9971-8421 </td> <td align="center"> </td> </tr> </table> <br></div><!-- fim do estado --><div id="ESvitoria" style="position:absolute; left:165px; top:225px; width:610; height:200; z-index:1; visibility: hidden"> <table width="100%" border="0" cellspacing="0" cellpadding="2" class="texto"> <tr> <td colspan="4" class="titulo"> <br> Espirito Santo / ES <br> </td> </tr> <tr> <td align="center"><b><font color="#FF0000">Contato</font></b></td> <td align="center"><b><font color="#FF0000">área de Atuação</font></b></td> <td align="center"><b><font color="#FF0000">Telefone</font></b></td> <td align="center"><b><font color="#FF0000">E-mail</font></b></td> </tr> <tr> <td align="center">Pelé <br> </td> <td align="center">Vitória</td> <td align="center">(27) 3337-1226 </td> <td align="center"><a href="mailto:camilocosmeticos@bol.com.br" class="menu"><b>camilocosmeticos@bol.com.br</b></a></td> </tr> <tr> <td align="center"> </td> <td align="center"> </td> <td align="center">(27) 9969-0349 </td> <td align="center"> </td> </tr> </table></div><!-- fim do estado --><div id="GOgoiania" style="position:absolute; left:165px; top:225px; width:610; height:200; z-index:1; visibility: hidden"> <table width="100%" border="0" cellspacing="0" cellpadding="2" class="texto"> <tr> <td colspan="4" class="titulo"> <br> Goias / GO<br> </td> </tr> <tr> <td align="center"><b><font color="#FF0000">Contato</font></b></td> <td align="center"><b><font color="#FF0000">área de Atuação</font></b></td> <td align="center"><b><font color="#FF0000">Telefone</font></b></td> <td align="center"><b><font color="#FF0000">E-mail</font></b></td> </tr> <tr> <td align="center">Sinara</td> <td align="center"> Goiania e Região</td> <td align="center">(62) 9241-3081</td> <td align="center"><a href="mailto:sinaramereiles@hotmail.com" class="menu"><b>sinaramereiles@hotmail.com</b></a></td> </tr> </table> <br></div><!-- fim do estado --><div id="MAsaoluis" style="position:absolute; left:165px; top:225px; width:610; height:200; z-index:1; visibility: hidden"> <table width="100%" border="0" cellspacing="0" cellpadding="2" class="texto"> <tr> <td colspan="4" class="titulo"> <br> Maranhão / MA <br> </td> </tr> <tr> <td align="center"><b><font color="#FF0000">Contato</font></b></td> <td align="center"><b><font color="#FF0000">área de Atuação</font></b></td> <td align="center"><b><font color="#FF0000">Telefone</font></b></td> <td align="center"><b><font color="#FF0000">E-mail</font></b></td> </tr> <tr> <td align="center">Marcia</td> <td align="center">São Luis</td> <td align="center">(98) 3244-0300</td> <td align="center"><a href="mailto:zsrep@terra.com.br" class="menu"><b>zsrep@terra.com.br</b></a></td> </tr> <tr> <td align="center"> </td> <td align="center"> </td> <td align="center">(98) 8115-6883 </td> <td align="center"> </td> </tr> </table></div><!-- fim do estado --><div id="MTcuiaba" style="position:absolute; left:165px; top:225px; width:610; height:200; z-index:1; visibility: hidden"> <table width="100%" border="0" cellspacing="0" cellpadding="2" class="texto"> <tr> <td colspan="4" class="titulo"> <br> Mato Grosso / MT<br> </td> </tr> <tr> <td align="center"><b><font color="#FF0000">Contato</font></b></td> <td align="center"><b><font color="#FF0000">área de Atuação</font></b></td> <td align="center"><b><font color="#FF0000">Telefone</font></b></td> <td align="center"><b><font color="#FF0000">E-mail</font></b></td> </tr> <tr> <td align="center">José Antonio<br></td> <td align="center">Cuiabá</td> <td align="center">(65) 3623-3477 </td> <td align="center"><a href="mailto:j.a.representacoes@ibest.com.br" class="menu"><b>j.a.representacoes@ibest.com.br</b></a></td> </tr> <tr> <td align="center"> </td> <td align="center"> </td> <td align="center">(65) 9971-0764 </td> <td align="center"> </td> </tr> </table> <br></div><!-- fim do estado --><div id="MGbelohorizonte" style="position:absolute; left:165px; top:225px; width:610; height:200; z-index:1; visibility: hidden"> <table width="100%" border="0" cellspacing="0" cellpadding="2" class="texto"> <tr> <td colspan="4" class="titulo"> <br> Minas Gerais / MG<br> </td> </tr> <tr> <td align="center"><b><font color="#FF0000">Contato</font></b></td> <td align="center"><b><font color="#FF0000">área de Atuação</font></b></td> <td align="center"><b><font color="#FF0000">Telefone</font></b></td> <td align="center"><b><font color="#FF0000">E-mail</font></b></td> </tr> <tr> <td align="center">Horácio<br></td> <td align="center">Belo Horizonte </td> <td align="center"> (31) 3337-7421 </td> <td align="center"><a href="mailto:horacio.marques@globo.com" class="menu"><b>horacio.marques@globo.com</b></a></td> </tr> <tr> <td align="center"> </td> <td align="center"> </td> <td align="center">(31) 9185-3000</td> <td align="center"> </td> </tr> </table> <br></div><!-- fim do estado --><% FechaPg %>
Se alguem puder me ajudar.....
[]'s Rodrigo
Carregando comentários...
