Bom Dia Alex e demais. Primeiramente obrigado pelo auxílio que estão me dando... Vamos lá!
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=11686Linha: 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>