Deixei o código estruturado da seguinte forma:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Site</title> <meta name="resource-type" content="document" /> <meta http-equiv="pragma" content="no-cache" /> <meta name="revisit-after" content="1" /> <meta name="classification" content="Internet" /> <meta name="distribution" content="Global" /> <meta name="rating" content="General" /> <meta name="author" content="" /> <meta name="language" content="pt-br" /> <meta name="doc-class" content="Completed" /> <meta name="doc-rights" content="Public" /> <meta name="DC.title" content="" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <link rel="stylesheet" type="text/css" href="components.css" /> <script language="Javascript" src="config/templates/pt_BR/textos_JS.js"></script> <script language="Javascript" src="funcoes/funcoes_js.js"></script> <!-- <link rel="stylesheet" href="config/css.css" type="text/css"> --> <link href="estrutura.css" rel="stylesheet" type="text/css" > <script type="text/javascript"> function Verselect(Campo) { Icombo = Campo.selectedIndex codigo_Cor_Tamanho = Campo.options[Icombo].value Var_codigo_Cor_Tamanho = codigo_Cor_Tamanho.split(",") codigo_cor = Var_codigo_Cor_Tamanho[0] codigo_tamanho = Var_codigo_Cor_Tamanho[1] } </script> <script type="text/javascript"> function Verselectinicial(Campo) { Icombo = Campo.selectedIndex codigo_Cor_Tamanho = Campo.options[Icombo].value Var_codigo_Cor_Tamanho = codigo_Cor_Tamanho.split(",") codigo_cor = Var_codigo_Cor_Tamanho[0] codigo_tamanho = Var_codigo_Cor_Tamanho[1] } </script> <script type="text/javascript"> function addproduto2(codprod,codcat) { document.produto.codigo_produto.value = codprod; document.produto.codigo_categoria.value = codcat; document.produto.codigo_cor.value = codigo_cor; document.produto.codigo_tamanho.value = codigo_tamanho; document.produto.codigo_personalizacao_letra.value = document.getElementById('cod_personalizacao_letra').value; document.produto.codigo_personalizacao_numero.value = document.getElementById('cod_personalizacao_numero').value; if(document.getElementById('codigo_personalizacao_letra').value !="") {document.produto.nome_personalizacao.value = document.getElementById('nm_personalizacao').value;} else {document.produto.nome_personalizacao.value = "";} if(document.getElementById('codigo_personalizacao_numero').value !="") {document.produto.numero_personalizacao.value = document.getElementById('nr_personalizacao').value;} else {document.produto.numero_personalizacao.value = "";} document.produto.submit(); } function view_prod(view_img) { document.IMGVisProd.src = view_img; } </script> <script type="text/javascript"> function PersonalizaNome() { var custo_nm = 15; var nm_personalizacao = document.getElementById('nm_personalizacao').value; if (nm_personalizacao.length != "") { custonm = '+' + custo_nm + ',00 (Personalização de nome)'; } else { custonm = ""; } respostanm.innerHTML = custonm; } function PersonalizaNumero() { var custo_nr = 5; var nr_personalizacao = document.getElementById('nr_personalizacao').value; if ( nr_personalizacao.length != "") { custonr = '+' + nr_personalizacao.length * custo_nr + ',00 (Personalização de número)'; } else { custonr = ""; } respostanr.innerHTML = custonr; } </script> </head> <body onload="Verselectinicial(nome_cor)"> <form method="post" name="produto" action="carrinho.asp"> <input type="hidden" name="lang" value="pt_BR"> <input type="hidden" name="codigo_produto" value=""> <input type="hidden" name="codigo_categoria" value=""> <input type="hidden" name="codigo_cor" value=""> <input type="hidden" name="codigo_tamanho" value=""> <input type="hidden" id="codigo_personalizacao_letra" name="codigo_personalizacao_letra" value=""> <input type="hidden" id="codigo_personalizacao_numero" name="codigo_personalizacao_numero" value=""> <input type="hidden" id="nome_personalizacao" name="nome_personalizacao" value=""> <input type="hidden" id="numero_personalizacao" name="numero_personalizacao" value=""> <input type="hidden" name="ato" value="FIM"> <input type="hidden" name="mode" value="comprar"> </form> <table border="0" width="100%" height="100%" align="center" cellpadding="0" cellspacing="0" valign="top"> <tr> <td colspan="3" valign="top" height="30"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="tabelaGeral"> <tr> <td height="151" align="center" valign="top" background="imgc/fundo_topo.jpg"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="right"> <!--CABEÇALHO--> <table width="430" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="7"><img src="imgc/bcabecalho_01.gif" width="7"/></td> <td align="center" background="imgc/bcabecalho_02.gif"><a href="#" class="boldBrancop">CENTRAL DE INFORMAÇÕES</a></td> <td width="7"><img src="imgc/bcabecalho_03.gif" width="7" height="22" /></td> <td align="center" background="imgc/bcabecalho_02.gif" valign="middle"><a href="#" class="boldAmarelom">TELE-ATENDIMENTO: (11)3673-4357</a></td> <td width="7"><img src="imgc/bcabecalho_04.gif" width="7" height="22" /></td> </tr> </table> <!--FIM CABEÇALHO--> </td> </tr> <tr> <!--LOGO--> <td align="center" valign="middle"><a href="default.asp"><img src="imgc/logo_spmania.png" width="430" height="122" border="0" /></a></td> <!--FIM LOGO--> </tr> </table> </td> </tr> <tr> <!--FERRAMENTA DE BUSCA E CADASTRO DE USUÁRIOS--> <td height="36" background="imgc/fbuscafundo.jpg" bgcolor="#CCCCCC"> <table width="900" border="0" align="center" cellpadding="0" cellspacing="0" style="padding-left:10px"> <tr> <td align="center"> <!--FERRAMENTA BUSCA--> <table width="100%" border="0" cellpadding="0" cellspacing="2"> <tr> <form name="busca" method="post" action="produtos.asp" onsubmit="return valida_busca()"> <input type="hidden" name="tipo_busca" value="palavra"> <input type="hidden" name="lang" value=pt_BR> <td align="center" valign="middle"><input name="produto" type="text" id="produto" size="15" value="" /></td> <td align="center" valign="middle"> <SELECT NAME="codigo_categoria" > <OPTION value="000">Todo site</OPTION> <OPTION value="1" >JOGO</OPTION> <OPTION value="3" >RBK FEMININO</OPTION> <OPTION value="2" >RBK TREINO/VIAGEM</OPTION> </SELECT> </td> <td align="center" valign="middle"><input type="image" name="submit" src="imgc/bt_buscar.jpg" width="50" height="22" /></td> </form> </tr> </table> <!--FIM FERRAMENTA BUSCA--> </td> <td width="5"> <img src="imgc/fbuscadivisao.jpg" width="5" height="36" /></td> <td align="center"> <!--BOTÕES CADASTRO--> <table width="100%" border="0" cellpadding="0" cellspacing="2"> <tr> <td align="center"><a href="autentica.asp?lang=pt_BR&tipo_acesso=conta"><img src="imgc/bt_qcad.jpg" width="134" height="24" border="0" /></a></td> <td> </td> <td align="center"><a href="autentica.asp?lang=pt_BR&tipo_acesso=conta"><img src="imgc/bt_esenha.jpg" width="107" height="24" border="0" /></a></td> </tr> </table> <!--FIM BOTÕES CADASTRO--> </td> <td width="5"><img src="imgc/fbuscadivisao.jpg" width="5" height="36" /></td> <td align="center"> <!--FERRAMENTA USUÁRIO--> <table width="100%" border="0" cellpadding="0" cellspacing="2"> <tr> <form method="post" name="autent" action="check_usuario.asp" OnSubmit="return check_login();"> <input TYPE="hidden" name="lang" value="pt_BR"> <input TYPE="hidden" name="posicao" value="comprando"> <input TYPE="hidden" name="tipo_login" value="user_cad"> <input TYPE="hidden" name="tipo_acesso" value="conta"> <td align="center" valign="middle" class="boldPretop">E-MAIL: </td> <td align="center" valign="middle"><input name="user_id" type="text" id="user_id" size="7" value="" /></td> <td align="center" valign="middle" class="boldPretop">SENHA: </td> <td align="center" valign="middle"><input name="senha" type="password" id="senha" size="7" /></td> <td align="center" valign="middle"> </td> <td align="center" valign="middle"><input type="image" src="imgc/bt_cadok.jpg" name="Logar" width="30" height="20" /></td> </form> </tr> </table> <!--FIM FERRAMENTA USUÁRIO--> </td> </tr> </table> </td> <!--FIM FERRAMENTA DE BUSCA E CADASTRO DE USUÁRIOS--> </tr> </table> </td> </tr> <tr> <!--MENU--> <td height="44" background="imgc/fmenufundo.jpg" bgcolor="#CC0000"> <table width="100%" border="0" cellspacing="0" cellpadding="0" height="44"> <tr> <td width="6" align="center" valign="middle"><img src="imgc/fmenudivisao.jpg" width="6" height="44" /></td> <td width="8%" align="center" valign="middle"><a href="default.asp?lang=pt_BR"><img src="imgc/btrbk_home.png" width="31" height="11" border="0" /></a></td> <td width="6" align="center" valign="middle"><img src="imgc/fmenudivisao.jpg" width="6" height="44" /></td> <td width="10%"align="center" valign="middle"><a href="#"><img src="imgc/btrbk_jogo.png" width="38" height="17" border="0" /></a></td> <td width="6" align="center" valign="middle"><img src="imgc/fmenudivisao.jpg" width="6" height="44" /></td> <td width="10%" align="center" valign="middle"><a href="#"><img src="imgc/btrbk_treino.png" width="81" height="17" border="0" /></a></td> <td width="6" align="center" valign="middle"><img src="imgc/fmenudivisao.jpg" width="6" height="44" /></td> <td width="10%" align="center" valign="middle"><a href="#"><img src="imgc/btrbk_fem.png" width="49" height="17" border="0" /></a></td> <td width="6" align="center" valign="middle"><img src="imgc/fmenudivisao.jpg" width="6" height="44" /></td> <td width="10%" align="center" valign="middle"><a href="#"><img src="imgc/btrbk_retro.png" width="38" height="17" border="0" /></a></td> <td width="6" align="center" valign="middle"><img src="imgc/fmenudivisao.jpg" width="6" height="44" /></td> <td width="10%" align="center" valign="middle"><a href="#"><img src="imgc/btrbk_ace.png" width="67" height="17" border="0" /></a></td> <td width="6" align="center" valign="middle"><img src="imgc/fmenudivisao.jpg" width="6" height="44" /></td> <td width="10%" align="center" valign="middle"><a href="#"><img src="imgc/btlic_masc.png" width="61" height="17" border="0" /></a></td> <td width="6" align="center" valign="middle"><img src="imgc/fmenudivisao.jpg" width="6" height="44" /></td> <td width="10%" align="center" valign="middle"><a href="#"><img src="imgc/btlic_fem.png" width="49" height="17" border="0" /></a></td> <td width="6" align="center" valign="middle"><img src="imgc/fmenudivisao.jpg" width="6" height="44" /></td> <td width="10%" align="center" valign="middle"><a href="#"><img src="imgc/btlic_inf.png" width="91" height="17" border="0" /></a></td> <td width="6" align="center" valign="middle"><img src="imgc/fmenudivisao.jpg" width="6" height="44" /></td> <td width="10%" align="center" valign="middle"><a href="#"><img src="imgc/btlic_pre.png" width="59" height="17" border="0" /></a></td> <td width="6" align="center" valign="middle"><img src="imgc/fmenudivisao.jpg" width="6" height="44" /></td> </tr> </table> </td> <!--FIM MENU--> </tr> </table> </td> </tr> <tr> <td valign="top" height="10%" width="10%" class="TBLlatesquerda"><table cellpadding="1" cellspacing="0"> <tr> <td width="160" valign="top"> <!-- <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="100%" class="MNdivisorlatesquerda" style="padding-top:2px;padding-bottom:2px;padding-left:10px;padding-right:10px">Produtos</td> </tr> <tr> <td class="MNlatesquerda"> <li class="menuTitulo"><img src="imgc/setamenuv.jpg" width="6" height="7" border="0" /> JOGO</li> <li id=1><a href='produtos.asp?lang=pt_BR&tipo_busca=subcategoria&codigo_categoria=1&codigo_subcategoria=3'> <b>- Calções de Jogo</b></a></li><li id=1><a href='produtos.asp?lang=pt_BR&tipo_busca=subcategoria&codigo_categoria=1&codigo_subcategoria=2'> <b>- Camisas de Jogo</b></a></li><li id=1><a href='produtos.asp?lang=pt_BR&tipo_busca=subcategoria&codigo_categoria=1&codigo_subcategoria=4'> <b>- Goleiro</b></a></li> <li class="menuTitulo"><img src="imgc/setamenuv.jpg" width="6" height="7" border="0" /> RBK TREINO/VIAGEM</li> <li id=2><a href='produtos.asp?lang=pt_BR&tipo_busca=subcategoria&codigo_categoria=2&codigo_subcategoria=5'> <b>- Casual</b></a></li><li id=2><a href='produtos.asp?lang=pt_BR&tipo_busca=subcategoria&codigo_categoria=2&codigo_subcategoria=1'> <b>- Treino e Viagem</b></a></li> <li class="menuTitulo"><img src="imgc/setamenuv.jpg" width="6" height="7" border="0" /> RBK FEMININO</li> <li id=3><a href='produtos.asp?lang=pt_BR&tipo_busca=subcategoria&codigo_categoria=3&codigo_subcategoria=7'> <b>- Agasalhos Femininos</b></a></li><li id=3><a href='produtos.asp?lang=pt_BR&tipo_busca=subcategoria&codigo_categoria=3&codigo_subcategoria=6'> <b>- Camisas Femininas</b></a></li></td> </tr> </table> --> <div> <ul id="menuVertical"> <li> <table width="160" border="0" cellspacing="0" cellpadding="0"> <tr> <td><img src="imgc/fmvertical_01.jpg" width="5" height="27" /></td> <td width="100%" background="imgc/fmvertical_02.jpg" class="boldBrancop">+ MAIS OPÇÕES</td> <td><img src="imgc/fmvertical_03.jpg" width="5" height="27" /></td> </tr> </table> </li> <li class="menuTitulo"><img src="imgc/setamenuv.jpg" width="6" height="7" border="0" /> JOGO</li> <li id=1><a href='produtos.asp?lang=pt_BR&tipo_busca=subcategoria&codigo_categoria=1&codigo_subcategoria=3'> <b>- Calções de Jogo</b></a></li><li id=1><a href='produtos.asp?lang=pt_BR&tipo_busca=subcategoria&codigo_categoria=1&codigo_subcategoria=2'> <b>- Camisas de Jogo</b></a></li><li id=1><a href='produtos.asp?lang=pt_BR&tipo_busca=subcategoria&codigo_categoria=1&codigo_subcategoria=4'> <b>- Goleiro</b></a></li> <li class="menuTitulo"><img src="imgc/setamenuv.jpg" width="6" height="7" border="0" /> RBK TREINO/VIAGEM</li> <li id=2><a href='produtos.asp?lang=pt_BR&tipo_busca=subcategoria&codigo_categoria=2&codigo_subcategoria=5'> <b>- Casual</b></a></li><li id=2><a href='produtos.asp?lang=pt_BR&tipo_busca=subcategoria&codigo_categoria=2&codigo_subcategoria=1'> <b>- Treino e Viagem</b></a></li> <li class="menuTitulo"><img src="imgc/setamenuv.jpg" width="6" height="7" border="0" /> RBK FEMININO</li> <li id=3><a href='produtos.asp?lang=pt_BR&tipo_busca=subcategoria&codigo_categoria=3&codigo_subcategoria=7'> <b>- Agasalhos Femininos</b></a></li><li id=3><a href='produtos.asp?lang=pt_BR&tipo_busca=subcategoria&codigo_categoria=3&codigo_subcategoria=6'> <b>- Camisas Femininas</b></a></li> <!-- <li class="menuTitulo"><img src="imgc/setamenuv.jpg" width="6" height="7" /> RBK JOGO</li> <li><a href="#">-Camisas de Jogo</a></li> <li><a href="#">-Coleçoes de Jogo</a></li> <li><a href="#">-Meioes de Jogo</a></li> <li><a href="#">-Goleiro</a></li> <li class="menuTitulo"><img src="imgc/setamenuv.jpg" width="6" height="7" /> RBK TREINO/VIAGEM</li> <li><a href="#">-Treino e Viagem</a></li> <li><a href="#">-Casual</a></li> <li class="menuTitulo"><img src="imgc/setamenuv.jpg" width="6" height="7" /> RBK FEMININO</li> <li><a href="#">-Camisas Femininas</a></li> <li><a href="#">-Agasalhos Femininos</a></li> <li class="menuTitulo"><img src="imgc/setamenuv.jpg" width="6" height="7" /> RBK RETRÔ</li> <li><a href="#">-Camisas e T-Shirts</a></li> <li class="menuTitulo"><img src="imgc/setamenuv.jpg" width="6" height="7" /> RBK ACESSÓRIOS</li> <li><a href="#">-Bonés</a></li> <li><a href="#">-Bolsas e Mochilas</a></li> <li class="menuTitulo"><img src="imgc/setamenuv.jpg" width="6" height="7" /> LICENCIADOS MASCULINOS</li> <li><a href="#">-Camisas Pólos</a></li> <li><a href="#">-Underwear</a></li> <li><a href="#">-Calçados</a></li> <li class="menuTitulo"><img src="imgc/setamenuv.jpg" width="6" height="7" /> LICENCIADOS FEMININOS</li> <li><a href="#">-Camisas Pólos</a></li> <li><a href="#">-Underwear</a></li> <li><a href="#">-Calçados</a></li> <li class="menuTitulo"><img src="imgc/setamenuv.jpg" width="6" height="7" /> LICENCIADOS INF/JUV.</li> <li><a href="#">-Linha Infanto Juvenil</a></li> <li><a href="#">-Calças</a></li> <li><a href="#">-Underwear</a></li> <li><a href="#">-Linha Bebê</a></li> <li><a href="#">-Diversos</a></li> <li class="menuTitulo"><img src="imgc/setamenuv.jpg" width="7" height="7" /> LICENCIADOS PRESENTES</li> <li><a href="#">-Calçados</a></li> <li><a href="#">-Bandeiras, Flâmulas, Cachecóis</a></li> <li><a href="#">-Cama, Mesa e Banho</a></li> <li><a href="#">-Papelaria, Livraria e Informática</a></li> <li><a href="#">-Relógios</a></li> --> </ul> </div> </td> </tr> <!-- <tr> <td><img src="config/templates/pt_BR/default/regua1x1.gif" height="30"></td> </tr> <tr> <td valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="100%" class="MNdivisorlatesquerda" style="padding-top:2px;padding-bottom:2px;padding-left:10px;padding-right:10px">Receba nossas ofertas</td> </tr> <tr> <td align="center"> <table border="0" cellpadding="0" cellspacing="0"> <form method="post" name="newsletter" action="insere_delete_news.asp" onsubmit="return valida_newsletter(this);"> <tr> <td valign="top" align="center"><b><FONT SIZE="1" COLOR="red" face="arial"></FONT></b></td> </tr> <tr> <td><img src="config/templates/pt_BR/default/regua1x1.gif" width="5" height="7"></td> </tr> <tr> <td align="left" class="MNlatesquerda">Nome</td> </tr> <tr> <td align="center" class="MNlatesquerda"><input name="nome" type="text" class="LCNlatesquerda" value="" size="25"> </td> </tr> <tr> <td align="left" class="MNlatesquerda">E-mail</td> </tr> <tr> <td align="center" class="MNlatesquerda"><input name="email" type="text" class="LCNlatesquerda" value="" size="25"> </td> </tr> <tr> <td><img src="config/templates/pt_BR/default/regua1x1.gif" width="5" height="7"></td> </tr> <tr> <td align="center" class="MNlatesquerda"><input name="bt_newsletter" type="submit" class="LCNlatesquerda" value="Incluir"> <input name="bt_newsletter" type="submit" class="LCNlatesquerda" value="Excluir"></td> </tr> </form> </table> </td> </tr> </table> </td> </tr> --> </table></td> <td valign="top" width="90%" bgcolor="#FFFFFF"> <table width="99%" align="center" cellpadding="0" cellspacing="0" class="tabelaGeral"> <tr> <!-- TÍTULO BARRA ---> <td height="28" background="imgc/fbarraprodutos.jpg" class="boldBrancop" colspan="2" style="padding-left:5px"> DETALHE DO PRODUTO </td> <!-- FIM BARRA ---> </tr> <tr> <td valign="top" width="40%"> <table width="100%"> <tr> <td valign="middle" align="center" width="100%"><img src="../Produtos/P11686_001z1.jpg" name="IMGVisProd" width="200" height="200"></td> </tr> <tr> <td height="50" valign="middle" align="center" width="100%" valign="top" cellpadding="0" cellspacing="0"> <table> <tr> <td><img src="..\Produtos\P11686_001z1.jpg" Onclick="view_prod('../Produtos/P11686_001z1.jpg');" style="cursor:hand;" width="35" height="35" alt="Camisa I São Paulo 2008 (PERSONALIZE GRÁTIS - prazo de entrega 7 dias)" title="Camisa I São Paulo 2008 (PERSONALIZE GRÁTIS - prazo de entrega 7 dias)" ></td> <td><img src="..\Produtos\P11686_001z2.jpg" Onclick="view_prod('../Produtos/P11686_001z2.jpg');" style="cursor:hand;" width="35" height="35" alt="Camisa I São Paulo 2008 (PERSONALIZE GRÁTIS - prazo de entrega 7 dias)" title="Camisa I São Paulo 2008 (PERSONALIZE GRÁTIS - prazo de entrega 7 dias)" ></td> <td><img src="..\Produtos\P11686_001z3.jpg" Onclick="view_prod('../Produtos/P11686_001z3.jpg');" style="cursor:hand;" width="35" height="35" alt="Camisa I São Paulo 2008 (PERSONALIZE GRÁTIS - prazo de entrega 7 dias)" title="Camisa I São Paulo 2008 (PERSONALIZE GRÁTIS - prazo de entrega 7 dias)" ></td> </tr> </table> </td> </tr> </table> </td> <td width="60%" style="padding:10px 0px 10px 0px"> <table border="0" width="100%" cellpadding="0" cellspacing="0"> <tr> <td width="100%" align="left" height="40" valign="middle" class="FUNDOINFOproduto"> <table cellpadding="0" cellspacing="0"> <tr> <td colspan="2" align="left"> <span class="boldPretom">Camisa I São Paulo 2008 (PERSONALIZE GRÁTIS - prazo de entrega 7 dias)</span><br /> <br class="brpequeno" /> </td> </tr> <tr> <td align="left"> <span class="normalPretop">De R$ 154,90</span><br /> <span class="boldVermelhom">Por R$ 1,00</span> </td> <td align="left"> <!-- aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa --> <ul class="listPriceInfo"> <li id="paymentMethods" class="paymentMethods"> <a onmouseout="document.getElementById('paymentMethods').className = 'paymentMethods';" onmouseover="document.getElementById('paymentMethods').className+=' selected';" href="#"> <img onmouseout="document.getElementById('paymentMethods').className = 'paymentMethods';" onmouseover="document.getElementById('paymentMethods').className+=' selected';" alt="" src="imgc/btoparcelamento.jpg" border="0"/> </a> <!-- Inicio do componente --> <div onmouseout="document.getElementById('paymentMethods').className = 'paymentMethods';" onmouseover="document.getElementById('paymentMethods').className+=' selected';" class="boxFormPag2"> <div class="box6"> <div class="box6A"> <div class="formPag"> <ul class="typePag"> <!-- <li class="first">À vista ganhe +5% de desconto <span> R$ 1.709,05</span></li> --> <li> <ul class="parcelCard"> <!-- <tr> <td> <table width="100%"> <tr class="FUNDOTABtopico"> <td height="15" colspan="2" align="center" valign="middle"><B><span class="TXTTABtopico">Pagamento à vista</span></B></td> </tr> --> <!-- <tr> <td width="100%" align="right" height="15"> <table width="100%" cellpadding="0" cellspacing="1"> <tr> <td height="15" width="50%" align="center" valign="middle" class="FUNDOoptpagproduto1">Boleto Bancário</td> <td width="50%" align="center" valign="middle" class="FUNDOoptpagproduto2">R$ 1,00</td> </tr> </table> </td> </tr> --> <!-- <tr class="FUNDOTABtopico"> <td height="15" colspan="2" align="center" valign="middle"><B><span class="TXTTABtopico">Pagamento parcelado</span></B></td> </tr> --> <!-- <tr> <td width="100%" align="right" height="15"> <table width="100%" cellpadding="0" cellspacing="1"> <tr> <td height="15" width="50%" align="center" valign="middle" class="FUNDOoptpagproduto3">Cartão Amex</td> <td width="50%" align="center" valign="middle" class="FUNDOoptpagproduto4" style="cursor:pointer;" onclick="mostraiframe('parcAmex');">até 10x - Clique e veja mais detalhes</td> </tr> <tr id="parcAmex" style="display:none;"> <td height="15" width="50%" align="left" valign="middle"> <table width="100%" cellpadding="2" cellspacing="2"> --> <!-- <tr> <td class="FUNDOoptpagproduto3" style="padding-left:10px"> --><li>01 X R$ 1,00 - Sem Juros</li><!-- </td> </tr> --> <!-- </table> </td> <td width="50%" align="left" valign="top"> <table width="100%" cellpadding="2" cellspacing="2"> --> <!-- </table> </td> </tr> </table> </td> </tr> --> <!-- </table> </td> </tr> --> </ul> </li> <li> <!-- <img alt="cartão submarino" src="http://img.submarino.com.br/img/icoSubmarinoCard.gif" class="imgCard"/> --> <!-- ui:param name="subaParcels" value="[com.b2winc.catalog.parcel.Parcel@ed93498, com.b2winc.catalog.parcel.Parcel@ed93ece, com.b2winc.catalog.parcel.Parcel@ed948ee, com.b2winc.catalog.parcel.Parcel@ed952ee]" / --> <!-- ui:param name="subaValue" value="com.b2winc.catalog.parcel.Parcel@ed952ee" / --> <!-- <span class="formPagSub">ou 24X de R$ 100,12 no Cartão Submarino*</span> <span class="interest">*juros de 1.99% a.m.</span> --> </li> </ul> </div> </div> </div> <!-- Fim do componente --> </li> </ul> <!-- aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa --> </td> </tr> </table> </td> </tr> <tr> <td> </td> </tr> <tr> <td> <div id="respostanm" class="normalPretop"></div> <div id="respostanr" class="normalPretop"></div> </td> </tr> <!-- <tr> <td> <table width="100%"> <tr class="FUNDOTABtopico"> <td height="15" colspan="2" align="center" valign="middle"><B><span class="TXTTABtopico">Pagamento à vista</span></B></td> </tr> <tr> <td width="100%" align="right" height="15"> <table width="100%" cellpadding="0" cellspacing="1"> <tr> <td height="15" width="50%" align="center" valign="middle" class="FUNDOoptpagproduto1">Boleto Bancário</td> <td width="50%" align="center" valign="middle" class="FUNDOoptpagproduto2">R$ 1,00</td> </tr> </table> </td> </tr> <tr class="FUNDOTABtopico"> <td height="15" colspan="2" align="center" valign="middle"><B><span class="TXTTABtopico">Pagamento parcelado</span></B></td> </tr> <tr> <td width="100%" align="right" height="15"> <table width="100%" cellpadding="0" cellspacing="1"> <tr> <td height="15" width="50%" align="center" valign="middle" class="FUNDOoptpagproduto3">Cartão Amex</td> <td width="50%" align="center" valign="middle" class="FUNDOoptpagproduto4" style="cursor:pointer;" onclick="mostraiframe('parcAmex');">até 10x - Clique e veja mais detalhes</td> </tr> <tr id="parcAmex" style="display:none;"> <td height="15" width="50%" align="left" valign="middle"> <table width="100%" cellpadding="2" cellspacing="2"> <tr> <td class="FUNDOoptpagproduto4" style="padding-left:10px">01 X R$ 1,00 - Sem Juros</td> </tr> </table> </td> <td width="50%" align="left" valign="top"> <table width="100%" cellpadding="2" cellspacing="2"> </table> </td> </tr> </table> </td> </tr> <tr> <td width="100%" align="right" height="15"> <table width="100%" cellpadding="0" cellspacing="1"> <tr> <td height="15" width="50%" align="center" valign="middle" class="FUNDOoptpagproduto3">Cartão Mastercard</td> <td width="50%" align="center" valign="middle" class="FUNDOoptpagproduto4" style="cursor:pointer;" onclick="mostraiframe('parcMastercard');">até 10x - Clique e veja mais detalhes</td> </tr> <tr id="parcMastercard" style="display:none;"> <td height="15" width="50%" align="left" valign="middle"> <table width="100%" cellpadding="2" cellspacing="2"> <tr> <td class="FUNDOoptpagproduto3" style="padding-left:10px">01 X R$ 1,00 - Sem Juros</td> </tr> </table> </td> <td width="50%" align="left" valign="top"> <table width="100%" cellpadding="2" cellspacing="2"> </table> </td> </tr> </table> </td> </tr> <tr> <td width="100%" align="right" height="15"> <table width="100%" cellpadding="0" cellspacing="1"> <tr> <td height="15" width="50%" align="center" valign="middle" class="FUNDOoptpagproduto3">Cartão Diners</td> <td width="50%" align="center" valign="middle" class="FUNDOoptpagproduto4" style="cursor:pointer;" onclick="mostraiframe('parcDiners');">até 10x - Clique e veja mais detalhes</td> </tr> <tr id="parcDiners" style="display:none;"> <td height="15" width="50%" align="left" valign="middle"> <table width="100%" cellpadding="2" cellspacing="2"> <tr> <td class="FUNDOoptpagproduto4" style="padding-left:10px">01 X R$ 1,00 - Sem Juros</td> </tr> </table> </td> <td width="50%" align="left" valign="top"> <table width="100%" cellpadding="2" cellspacing="2"> </table> </td> </tr> </table> </td> </tr> <tr> <td width="100%" align="right" height="15"> <table width="100%" cellpadding="0" cellspacing="1"> <tr> <td height="15" width="50%" align="center" valign="middle" class="FUNDOoptpagproduto3">Cartão Visa</td> <td width="50%" align="center" valign="middle" class="FUNDOoptpagproduto4" style="cursor:pointer;" onclick="mostraiframe('parcVisa');">até 10x - Clique e veja mais detalhes</td> </tr> <tr id="parcVisa" style="display:none;"> <td height="15" width="50%" align="left" valign="middle"> <table width="100%" cellpadding="2" cellspacing="2"> <tr> <td class="FUNDOoptpagproduto3" style="padding-left:10px">01 X R$ 1,00 - Sem Juros</td> </tr> </table> </td> <td width="50%" align="left" valign="top"> <table width="100%" cellpadding="2" cellspacing="2"> </table> </td> </tr> </table> </td> </tr> </table> </td> </tr> --> <!-- <tr> <td width="250">Selecione a cor:<br> <input type="radio" name="nome_cor" value="2" checked><img src="config/imagens_conteudo/cores/2_Branco.gif" alt="Branco" border="1" bordercolor="#330000"><img src="config/templates/pt_BR/default/regua1x1.gif" height="3" width="5"> </td> </tr> --> <!-- <tr> <td width="250">Selecione o tamanho:<br> <input type="radio" name="nome_tamanho" value="2" checked>M<img src="config/templates/pt_BR/default/regua1x1.gif" height="3" width="5"> <input type="radio" name="nome_tamanho" value="1" >P<img src="config/templates/pt_BR/default/regua1x1.gif" height="3" width="5"> </td> </tr> --> <!-- <tr> <td width="100%" align="center" height="50"><input name="Submit" type="button" class="BTTNindique" value="Indicar este produto" onclick="window.open('indique.asp?lang=pt_BR&tipo=produto&codigo_produto=2','Indique','resizable=no; width=600, height=250;')"> <input name="Submit" type="button" class="BTTNcomprar" value="Comprar" onclick="java script: addproduto2('2','1')"></td> </tr> --> <tr> <td align="left" style="padding:0px 20px 10px 0px"> <!-- TABELA DE COR/TAMANHO E PERSONALIZAÇÃO --> <table width="450" border="0" cellspacing="0" cellpadding="0" id="tabdetalheprod"> <tr> <td colspan="2" class="boldPretorodapep" height="25" bgcolor="#CCCCCC" align="center"> Opções de Cor/Tamanho e Personalização* </td> </tr> <!-- <tr> <td valign="middle" width="20%" height="45" align="center" class="boldPretorodapep">Cor</td> <td width="0" align="left" valign="middle" style="padding-left:20px"> <img src="imgc/cor03.jpg" width="20" height="20" /> </td> </tr> --> <tr> <td height="45" valign="middle" align="center" bgcolor="#F3F3F3" class="boldPretorodapep">Cor/Tamanho</td> <td bgcolor="#F3F3F3" valign="middle" align="left" style="padding-left:10px"> <table width="100%" border="0" cellspacing="5" cellpadding="0" id="tabelafalsa"> <tr> <!-- <td align="center" valign="middle"> <input type="radio" name="radio" id="radio" value="radio" /></td> <td width="3" rowspan="2" align="center" valign="middle"><img src="imgc/detalhedivisaoprod.jpg" width="3" height="23" /></td> <td align="center" valign="middle"><input type="radio" name="radio" id="radio" value="radio" /></td> <td width="3" rowspan="2" align="center" valign="middle"><img src="imgc/detalhedivisaoprod.jpg" width="3" height="23" /></td> <td align="center" valign="middle"><input type="radio" name="radio" id="radio" value="radio" /></td> <td width="3" rowspan="2" align="center" valign="middle"><img src="imgc/detalhedivisaoprod.jpg" width="3" height="23" /></td> <td align="center" valign="middle"><input type="radio" name="radio" id="radio" value="radio" /></td> <td width="3" rowspan="2" align="center" valign="middle"><img src="imgc/detalhedivisaoprod.jpg" width="3" height="23" /></td> <td align="center" valign="middle"><input type="radio" name="radio" id="radio" value="radio" /></td> </tr> <tr> <td align="center" valign="middle" class="normalPretom">P</td> <td align="center" valign="middle" class="normalPretom">M</td> <td align="center" valign="middle" class="normalPretom">G</td> <td align="center" valign="middle" class="normalPretom">GG</td> --> <td> <select name="nome_cor" id="nome_cor" class="normalPretom" onchange="Verselect('nome_cor')"> <!-- <option>----</option> --> <option value="012,01">VERMELHO - M</option> <!-- <option>----</option> --> <option value="012,02">VERMELHO - P</option> <!-- <option>----</option> --> <option value="012,03">VERMELHO - PP</option> </select> </td> </tr> </table> </td> </tr> <tr> <td height="120" align="center" class="boldPretorodapep">Personalizar*</td> <td align="left" style="padding-left:10px"> <table width="100%" border="0" cellspacing="2" cellpadding="0" id="tabelafalsa"> <tr> <td><span class="boldPretorodapep">Nome:</span> <span class="normalPretop">Máximo 10 letras.</span></td> </tr> <tr> <td> <input type="text" name="nm_personalizacao" id="nm_personalizacao" maxlength="10" class="normalPretom" style="text-transform: uppercase; text-align: left;" onblur="PersonalizaNome()"/> <select name="cod_personalizacao_letra" id="cod_personalizacao_letra" class="normalPretom"> <option value="2">PADRÃO - VERMELHO </option> </select> </td> </tr> <tr> <td><span class="boldPretorodapep">Número:</span> <span class="normalPretop">Máximo 2 números.</span></td> </tr> <tr> <td> <input type="text" name="nr_personalizacao" id="nr_personalizacao" maxlength="2" onKeyUp='this.value=this.value.replace(/[^\d]*/gi,"");' class="normalPretom" onblur="PersonalizaNumero()" /> <select name="cod_personalizacao_numero" id="cod_personalizacao_numero" class="normalPretom"> <option value="3">PADRÃO - AZUL</option> </select> </td> </tr> </table> </td> </tr> </table> <!-- FIM TABELA DE COR/TAMANHO E PERSONALIZAÇÃO --> </td> </tr> <tr> <td height="40" align="left"><input type="image" src="imgc/btcomprarm.jpg" width="119" height="26" onclick="java script: addproduto2('11686','1')" /></td> </tr> </table> </td> </tr> <tr valign="top"> <td class="TBLpers1_borda1" align="center" colspan="2"> <table border="0" width="100%" cellpadding="5" cellspacing="5" class="TBLpers1_borda2" align="center"> <tr valign="middle"> <td colspan="2" height="30" align="left" background="imgc/fdivisaoprodutos.jpg" style="background-repeat:repeat-y; padding-left:5px" class="boldPretorodapep">Detalhe de produto:</td> </tr> <tr> <td colspan="2" class="normalPretom" style="padding: 10px 10px 10px 10px"><br><font face="Verdana, Arial, Helvetica, sans-serif" size="1"><font face="Verdana, Arial, Helvetica, sans-serif" size="1">Camisa oficial de jogo 1 do SPFC, modelo 2008. Material 100% poliéster, com exclusivo sistema PLAY DRY da Rbk. Possui novo patch com escudo da CBF e inscrição PENTA CAMPEÃO BRASILEIRO 77 86 91 06 07 aplicado na manga. <b>ATENÇÃO: este produto está com prazo de entrega de 7 dias úteis!</b></font></font></td> </tr> </table> </td> </tr> <tr valign="top"> <td class="TBLpers1_borda1" align="center" colspan="2"> <table border="0" width="100%" cellpadding="5" cellspacing="5" class="TBLpers1_borda2" align="center"> <tr valign="Detalhe de produto:"> <td colspan="2" height="30" align="left" background="imgc/fdivisaoprodutos.jpg" style="background-repeat:repeat-y; padding-left:5px" class="boldPretorodapep">Compre também: </td> </tr> <tr> <td colspan="3"><hr width="95%" size="0.1" style="border:1px solid #ECECEC" /></td> </tr> <tr> <td colspan="2" class="normalPretom" style="padding: 10px 10px 10px 10px">Aqui entra vitrine</td> </tr> </table> </td> </tr> </table> <br> </td> </tr> <tr> <td colspan="3" valign="top"> <table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <!--RODAPÉ--> <td height="100" colspan="3" background="imgc/frodapefundo.jpg" style="background-repeat:repeat-x; padding-top:10px" align="center" valign="top"> <table width="90%" border="0" cellspacing="0" cellpadding="0" class="boldPretorodape"> <tr> <td width="12" background="imgc/rodape_02.jpg"> <img src="imgc/rodape_01.jpg" width="12" height="91" /></td> <td align="center" background="imgc/rodape_02.jpg"> <table width="70%" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="4" style="padding-bottom:15px" class="boldPretorodape">Formas de Pagamento:</td> </tr> <tr> <td><img src="imgc/icoVisa.jpg" width="42" height="20" /></td> <td><img src="imgc/icoMaster.jpg" width="34" height="20" /></td> <td><img src="imgc/icoAmerica.jpg" width="31" height="20" /></td> <td><img src="imgc/icoCredicar.jpg" width="31" height="20" /></td> </tr> </table> </td> <td width="3" background="imgc/rodape_02.jpg"><img src="imgc/rodape_03.jpg" width="7" height="91" /></td> <td align="center" background="imgc/rodape_02.jpg"> <table width="70%" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="3" style="padding-bottom:15px" class="boldPretorodape">Formas de Recebimento: </td> </tr> <tr> <td><img src="imgc/icoCorreios.jpg" width="53" height="20" /></td> <td><img src="imgc/icoSedex.jpg" width="53" height="20" /></td> <td><img src="imgc/icoExportafácil.jpg" width="67" height="20" /></td> </tr> </table> </td> <td width="3" background="imgc/rodape_02.jpg"><img src="imgc/rodape_03.jpg" width="7" height="91" /></td> <td align="center" background="imgc/rodape_02.jpg"> <table width="70%" border="0" cellspacing="0" cellpadding="0"> <tr> <td style="padding-bottom:15px" class="boldPretorodape">Site Seguro: </td> </tr> <tr> <td><img src="imgc/icoComodo.jpg" width="41" height="20" /></td> </tr> </table></td> <td width="3" background="imgc/rodape_02.jpg"><img src="imgc/rodape_03.jpg" width="7" height="91" /></td> <td align="center" valign="middle" background="imgc/rodape_02.jpg"> <table width="70%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"><img src="imgc/icoLegitimo.jpg" width="68" height="70" /></td> <td align="center"><img src="imgc/icoRoxos.jpg" width="80" height="41" /></td> </tr> </table></td> <td width="7"><img src="imgc/rodape_04.jpg" width="7" height="91" /></td> </tr> </table> <br class="brpequeno"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center"><img src="imgc/rodapeLinha.jpg" width="300" height="3" /></td> </tr> <tr> <td align="center" bgcolor="#F6F6F6" class="normalPretorodapep"> <span class="boldPretorodapep">Reebok</span> <a href="#" class="normalPretorodapep">Jogo</a> | <a href="#" class="normalPretorodapep">Treino/Viagem</a> | <a href="#" class="normalPretorodapep">Feminino</a> | <a href="#" class="normalPretorodapep">Retrô</a> | <a href="#" class="normalPretorodapep">Acessórios</a> | <span class="boldPretorodapep">Licenciados</span> <a href="#" class="normalPretorodapep"> Masculinos</a> | <a href="#" class="normalPretorodapep">Feminino</a> | <a href="#" class="normalPretorodapep">Infanto/Juvenil</a> | <a href="#" class="normalPretorodapep">Presentes</a> </td> </tr> <tr> <td align="center"><img src="imgc/rodapeLinha.jpg" width="300" height="3" /></td> </tr> </table> </td> <!--FIM RODAPÉ--> </tr> <tr class="normalPretop" align="center"> <td> <br class="brpequeno"> Site © 2008 Todos os direitos reservados. <br /><br /> </td> </tr> </table></td> </tr> </table>
No IE tudo funcionando sem problemas, porém no FIREFOX é exibido a seguinte mensagem de erro:
Erro: codigo_cor is not defined
Arquivo-fonte: http://www.site.com....o_produto=11686
Linha: 57
A linha 57 é esta abaixo:
<script type="text/javascript">
function addproduto2(codprod,codcat) {
document.produto.codigo_produto.value = codprod;
document.produto.codigo_categoria.value = codcat;
document.produto.codigo_cor.value = codigo_cor;
document.produto.codigo_tamanho.value = codigo_tamanho;
document.produto.codigo_personalizacao_letra.value = document.getElementById('cod_personalizacao_letra').value;
document.produto.codigo_personalizacao_numero.value = document.getElementById('cod_personalizacao_numero').value;
if(document.getElementById('codigo_personalizacao_letra').value !="")
{document.produto.nome_personalizacao.value = document.getElementById('nm_personalizacao').value;}
else
{document.produto.nome_personalizacao.value = "";}
if(document.getElementById('codigo_personalizacao_numero').value !="")
{document.produto.numero_personalizacao.value = document.getElementById('nr_personalizacao').value;}
else
{document.produto.numero_personalizacao.value = "";}
document.produto.submit();
}
function view_prod(view_img) {
document.IMGVisProd.src = view_img;
}
</script>