Ajuda - Loja FastCommerce e Radio Button

21 de setembro de 2011 11 respostas

fggs 21 de setembro de 2011

Bom dia pessoal,

Estou um tanto quanto desesperado já que não encontro um programador JavaScript na minha cidade e preciso por minha loja para funcionar com urgência!

A situação é a seguinte, tenho alguns produtos que possuem caracteristicas customizaveis, mais ou menos como selecionar o motor de um carro no configurador.

Se alguém puder me dar uma luz, ficarei eternamente grato!

A FastCommerce me passou um script de grid mais focado para roupas e tênis, o que eu preciso é bem mais simples, quero uma grid com radio buttons, mas não sei como nem o que editar no código passado, eis abaixo o código:

BarraTopo.htm

<script>
var IDLoja='<IDLoja>' //Obtém IDLoja para montar links
var IDLojaGrid='<IDLoja>' //Obtém IDLoja para Grid
var IDLojaNum='<IDLojaNum>' //Obtém IDLoja para montar links
var sCaminhoImagens='<BaseLoja>'+'images/'
var sCaminhoProds='<BaseLoja>'+'prod/'
var Juros=new Array(0,0,0,0,0,0); //Juros e parcelas utilizadas nas funções de parcelamento na capa da loja e lista/detalhes dos produtos
</script>

<script src="<Baseloja>htm/js/jquery132min.js" type="text/javascript"></script>
<script src="<Baseloja>htm/js/jqzoompack101.js" type="text/javascript"></script>
<link rel="stylesheet" href="<Baseloja>htm/css/jqzoom.css" type="text/css">
<script src=<BaseLoja>htm/LojaLib.js></script>
<script src=<BaseLoja>htm/SpryTabbedPanels.js></script>
<script src=<BaseLoja>htm/FC_Grid.js></script>

LojaSite.css

/* GRIDE DE PRODUTOS */
.NivelOn{background-color:#ffffff;height:1px;}
.NivelOff{background-color:#ffffff;height:1px;}
.estOpcaotrue{color:#333333;}
.estOpcaofalse{color:#AAAAAA;}
.BotComprarGrid{background:url('../images/BotGridSelecione.png') no-repeat;cursor:pointer;width: 253px;height: 70px;border: none;}
ul.lstColor{float:center;display:inline;position:relative;zoom:1;overflow:hidden;margin: 0 0 0 0;}
ul.lstColor li{float:left;display:inline;width:35px;margin-right:1px;padding:1px 1px 1px 1px;}
ul.lstColor li input{display:none} /* FF */
.FC_Opcao{cursor:pointer;font-size:18px;}

LojaLib.js

function MostraBotIndique(IDProduto){
  document.write("<center><span class=mnText><a href='javascript:MostraIndiqueCaptcha("+IDLojaNum+","+IDProduto+")' class=RodapeMenu><img src="+sCaminhoImagens+"r.gif border=0 vspace=2><br>Recomende<br>este produto</a></span></center>");
}

function MostraBotAval(IDProduto){
  document.write("<center><span class=mnText><a href='Opiniao.asp?IDLoja="+IDLoja+"&IDProduto="+IDProduto+"' class=RodapeMenu><img src="+sCaminhoImagens+"IcAvalie.png border=0 vspace=2><br>Avalie este<br>produto</a></span></center>");
}

function MostraPreco(PrecoProd,PrecoOri,IDProd){
if(PrecoProd==0 && PrecoOri==0){document.write("<span class=EstPrecoProdCapa><a href=ListaProdutos.asp?"+IDLoja+"&IDProduto="+IDProd+">DETALHES</a></span>");return void(0);}
if(PrecoProd!=PrecoOri){
 document.write("<span class=EstPrecoNormal>de:"+FormatPrice(PrecoOri,'R$')+"</span><br><span class=EstPrecoPromocional>por:"+FormatPrice(PrecoProd,'R$')+"</span>");
 }
 else{
 document.write("<span class=EstPrecoNormal>por: "+FormatPrice(PrecoProd,'R$')+"</span>");
 }
}

function MostraFreteGratis(iPeso){
  if(iPeso==0)document.write("<img src='"+sCaminhoImagens+"BtFreteGratis.gif'>");
}

function MostraMaxParcela(PrecoProd,MaxParcelas){
  var ComSem;

  if(PrecoProd>=300)MaxParcelas=6;
  else if(PrecoProd>=250)MaxParcelas=5;
  else if(PrecoProd>=200)MaxParcelas=4;
  else if(PrecoProd>=150)MaxParcelas=3;
  else if(PrecoProd>=100)MaxParcelas=2;
  else if(PrecoProd>=1)MaxParcelas=1;

  if(PrecoProd==0||MaxParcelas==1||Juros.length==0)return;
  if(MaxParcelas==0||MaxParcelas>Juros.length)MaxParcelas=Juros.length;
  if(Juros[MaxParcelas-1]>0)ComSem=""; else ComSem="<font color=#990000> sem juros</font>";
  document.write("ou <b>"+MaxParcelas+"x</b>"+ComSem+" de <b>"+FormatPrecoReais(CalculaParcelaJurosCompostos(PrecoProd,MaxParcelas))+"</b>");
}

function MostraMaxParcelaJS(PrecoProd,MaxParcelas){
  var ComSem;

  if(PrecoProd>=300)MaxParcelas=6;
  else if(PrecoProd>=250)MaxParcelas=5;
  else if(PrecoProd>=200)MaxParcelas=4;
  else if(PrecoProd>=150)MaxParcelas=3;
  else if(PrecoProd>=100)MaxParcelas=2;
  else if(PrecoProd>=1)MaxParcelas=1;

  if(PrecoProd==0||MaxParcelas==1||Juros.length==0)return "";
  if(MaxParcelas==0||MaxParcelas>Juros.length)MaxParcelas=Juros.length;
  if(Juros[MaxParcelas-1]>0)ComSem=""; else ComSem="<font color=#990000> sem juros</font>";
  return "<span class=EstParc>ou <b>"+MaxParcelas+"x</b>"+ComSem+" de <b>"+FormatPrecoReais(CalculaParcelaJurosCompostos(PrecoProd,MaxParcelas))+"</b></span>";}

FC_Grid.js

//Grade de produtos

var FC_posIDProduto=0;
var FC_posEstoque=2;
var FC_posIniDescritor=9;
var FC_QtdDescritores=2;  //Alterado de 7 para 2 pois esta loja utiliza apenas cor e tamanho
var SeparadorRGBCor="|";

function FC_fDistintos(aDados,iCampo,aDistintos){
//Retorna array de valores distintos não vazios
  for(var i=0;i<aDados.length;i++){
    var j=0,JaTem=false;
    while(j<aDistintos.length && !JaTem){
      JaTem=(aDistintos[j]==aDados[i][iCampo]);
      j++;
    }
    if(!JaTem)aDistintos[aDistintos.length]=aDados[i][iCampo];
  }
}

function FC_fExisteDescritor(aDados,iCampo,ValorCampo,iCampoDisp,aValoresDisp){
//Retorna array de descritores disponíveis do descritor informado
  for(var i=0;i<aDados.length;i++){
    if(aDados[i][iCampo]==ValorCampo)aValoresDisp[aValoresDisp.length]=aDados[i][iCampoDisp];
  }
}

function FC_fSubProdSelec(IDProduto,aDados,aDistintos){
//Informa o ID do sub-produto com as características selecionadas nas opções e o seu estoque
//Retorna Existe=false se não encontrar

  var aSelecionados=new Array();
  FC_fSelecionados(IDProduto,aDistintos,FC_QtdDescritores,aSelecionados);

  var i=0,j=0,AcheiSubProd=false;
  while(!AcheiSubProd && i<aDados.length){
    j=ObtemNivelSeguinte(aDistintos,-1);
    var bComparador=true;
    while(bComparador && j!=-1){
      bComparador=(bComparador && aDados[i][j+FC_posIniDescritor]==aSelecionados[j]);
      if(bComparador){j=ObtemNivelSeguinte(aDistintos,j);}
    }
    if(bComparador)AcheiSubProd=true;
    if(!AcheiSubProd)i++;
  }
  if(AcheiSubProd){
    this.IDSubProduto=aDados[i][FC_posIDProduto];
    this.iEstoque=aDados[i][FC_posEstoque];
    this.Cor=aDados[i][FC_posIniDescritor];
    this.Adicional1=aDados[i][FC_posIniDescritor+1];
    this.Adicional2=aDados[i][FC_posIniDescritor+2];
    this.Adicional3=aDados[i][FC_posIniDescritor+3];
    this.AdicionalD1=aDados[i][FC_posIniDescritor+4];
    this.AdicionalD2=aDados[i][FC_posIniDescritor+5];
    this.AdicionalD3=aDados[i][FC_posIniDescritor+6];
    this.PrecoOri=aDados[i][3];//Posição do Preço original do produto no array
    this.PrecoNum=aDados[i][4];//Posição do Preço num do produto no array
  }
  this.Existe=AcheiSubProd;
}

function FC_fRedefineOpcoes(IDProduto,aDados,aDistintos,iCampo,ValorCampo){

  //Marca o selecionado e desmarca os demais
  for(var j=0;j<aDistintos[iCampo].length;j++){
    FC_Option=document.getElementById("FC_liOpcao_"+ iCampo +"_"+ j +"_"+ IDProduto);
    if(aDistintos[iCampo][j]!=ValorCampo){
      FC_Option.style.borderWidth='2px';
      FC_Option.style.borderStyle='solid';
      FC_Option.style.borderColor='white';
    }
    else{
      FC_Option.style.borderWidth='2px';
      FC_Option.style.borderStyle='solid';
      FC_Option.style.borderColor='#888888';
    }
  }

  //Se for cor, altera a foto do produto caso tenha
  if(iCampo==0 && aDados.length>1){
    var i=0,j=0,AcheiFotoProd=false;
    while(!AcheiFotoProd && i<aDados.length){
        AcheiFotoProd=(aDados[i][FC_posIniDescritor]==ValorCampo);
        i++;
      }
    if(bDet){var sSrcFoto=aDados[i-1][7];var sSrcFotoA=aDados[i-1][8]} else{var sSrcFoto=aDados[i-1][6]} 
    if(sSrcFoto!='')document.getElementById("Foto"+ IDProduto).src=sSrcFoto;
    if(sSrcFotoA!='')document.getElementById("hrefFoto"+ IDProduto).href=sSrcFotoA; //Altera a foto do ZOOM de acordo com o produto
  }


    //Mostra cor e tamanho
   if(iCampo==0){
    var aNomeRGB=ValorCampo.split(SeparadorRGBCor);
    var sNomeCor=aNomeRGB[0];
    var sRGBCor=aNomeRGB[1];
    document.getElementById('CorProduto').innerHTML="<b>Cor:</b> "+sNomeCor+"&nbsp; &nbsp; ";
    //document.getElementById('RGBCorProduto').style.backgroundColor='#'+sRGBCor;
    document.getElementById('RGBCorProduto').style.width='20px';
    document.getElementById('RGBCorProduto').innerHTML="<span style='width:15px;background-color:#"+sRGBCor+"'>&nbsp;&nbsp;</span>";

    document.getElementById('TamanhoProduto').innerHTML='';
   }
   else if(iCampo==1){
    document.getElementById('TamanhoProduto').innerHTML="<b>Tamanho:</b> "+ValorCampo;
   }


  var NivelSeguinte=ObtemNivelSeguinte(aDistintos,iCampo);
  if(NivelSeguinte!=-1){  //habilita um nível abaixo
    document.getElementById("FC_idNivel_"+ NivelSeguinte +"_"+ IDProduto).className="NivelOn";
    for(var j=0;j<aDistintos[NivelSeguinte].length;j++){  //habilita opções do nível abaixo
      if(aDistintos[NivelSeguinte][j]!=''){
        var bExisteOpcao=FC_fExisteOpcao(IDProduto,aDados,aDistintos,NivelSeguinte,j);

        FC_Option=document.getElementById("FC_liOpcao_"+ NivelSeguinte +"_"+ j +"_"+ IDProduto);	//pinta o fundo das opções indisponíveis
        if(bExisteOpcao){FC_Option.style.backgroundColor='#CCCCCC';}
        else{FC_Option.style.backgroundColor='white';}

        document.getElementById("FC_oOpcao_"+ NivelSeguinte +"_"+ j +"_"+ IDProduto).disabled=bExisteOpcao;
        document.getElementById("FC_idOpcao_"+ NivelSeguinte +"_"+ j +"_"+ IDProduto).className='estOpcao'+!bExisteOpcao;
        document.getElementById("FC_oOpcao_"+ NivelSeguinte +"_"+ j +"_"+ IDProduto).checked=false;

        FC_Option=document.getElementById("FC_liOpcao_"+ NivelSeguinte +"_"+ j +"_"+ IDProduto);	//desmarca opção selecionada 
        FC_Option.style.borderWidth='2px';
        FC_Option.style.borderStyle='solid';
        FC_Option.style.borderColor='white';

      }
    }   
    for(var i=NivelSeguinte+1;i<FC_QtdDescritores;i++){  //desabilita níveis inferiores
      document.getElementById("FC_idNivel_"+ i +"_"+ IDProduto).className="NivelOff";
      for(var j=0;j<aDistintos[i].length;j++){  //desabilita opções dos níveis inferiores
        if(aDistintos[i][j]!=''){
          document.getElementById("FC_oOpcao_"+ i +"_"+ j +"_"+ IDProduto).disabled=true;
          document.getElementById("FC_idOpcao_"+ i +"_"+ j +"_"+ IDProduto).className='estOpcaotrue';
          document.getElementById("FC_oOpcao_"+ i +"_"+ j +"_"+ IDProduto).checked=false;
        }
      }   
    }
  }
  var oBotao=document.getElementById("FC_oBotao_"+ IDProduto);
  if(NivelSeguinte==-1){  //verifica o ID e o estoque do produto
    var oSubProd=new FC_fSubProdSelec(IDProduto,aDados,aDistintos);
    if(oSubProd.Existe){

       bSubProdSemPreco=false;
      //Altera o preço do produto de acordo com o preço do sub-produto
      if(oSubProd.PrecoNum==0 && oSubProd.PrecoOri==0){
        bSubProdSemPreco=true;
        document.getElementById('PrecoProdPrinc').innerHTML="<span class=EstPrecoProdCapa>sem preço neste item</span>";
        oBotao.style.backgroundImage="url('"+sCaminhoImagens+"BotGridConsultenos.png')";
        oBotao.onclick=new Function('FC_ConsultenosSubProd("'+ oSubProd.IDSubProduto +'","'+oSubProd.Cor+'","'+oSubProd.Adicional1+'","'+oSubProd.Adicional2+'","'+oSubProd.Adicional3+'","'+oSubProd.AdicionalD1+'","'+oSubProd.AdicionalD2+'","'+oSubProd.AdicionalD3+'");');
      }

      if(!bSubProdSemPreco){
        var ParcelamentoJS=MostraMaxParcelaJS(oSubProd.PrecoNum,0);
        if(oSubProd.PrecoNum!=oSubProd.PrecoOri){
         document.getElementById('PrecoProdPrinc').innerHTML="de <strike>"+FormatPrice(oSubProd.PrecoOri,'R$')+"</strike> por <b>"+FormatPrice(oSubProd.PrecoNum,'R$')+"</b> "+ParcelamentoJS;
         }
         else{
         document.getElementById('PrecoProdPrinc').innerHTML="<b>"+FormatPrice(oSubProd.PrecoNum,'R$')+"</b> "+ParcelamentoJS;
         }

        if(oSubProd.iEstoque>0){
          //oBotao.value="Comprar";
          oBotao.style.backgroundImage="url('"+sCaminhoImagens+"BotGridComprar.png')";
          oBotao.onclick=new Function('FC_CompraSubProd("'+ oSubProd.IDSubProduto +'","'+oSubProd.Cor+'","'+oSubProd.Adicional1+'","'+oSubProd.Adicional2+'","'+oSubProd.Adicional3+'","'+oSubProd.AdicionalD1+'","'+oSubProd.AdicionalD2+'","'+oSubProd.AdicionalD3+'");');	//Função para comprar o produto
        }
        else{
          //oBotao.value="Produto esgotado. Avise-me";
          oBotao.style.backgroundImage="url('"+sCaminhoImagens+"BotGridEsgotado.png')";
          oBotao.onclick=new Function('MostraDispCaptcha('+IDLojaNum+',"'+oSubProd.IDSubProduto+'");');	//Função para aviso de disponibilidade
        }

      }
      oBotao.disabled=false;
      
    }
    else{
      oBotao.value="n/a";  //não encontrou
      oBotao.disabled=true;
      oBotao.onclick=null;
    }
  }
  else{

    //Volta o preço do produto Pai
    var ParcelamentoJS=MostraMaxParcelaJS(PrecoProdPaiNum,0);
    if(PrecoProdPaiNum!=PrecoProdPaiOri){
     document.getElementById('PrecoProdPrinc').innerHTML="de <strike>"+FormatPrice(PrecoProdPaiOri,'R$')+"</strike> por <b>"+FormatPrice(PrecoProdPaiNum,'R$')+"</b> "+ParcelamentoJS;
     }
     else{
     document.getElementById('PrecoProdPrinc').innerHTML="<b>"+FormatPrice(PrecoProdPaiNum,'R$')+"</b> "+ParcelamentoJS;
     }

    //oBotao.value="Selecione";  //limpa botão
    oBotao.style.backgroundImage="url('"+sCaminhoImagens+"BotGridSelecione.png')";
    oBotao.disabled=true;
    oBotao.onclick=null;
  }
}

function FC_CompraSubProd(IDSubProd,Cor,Adicional1,Adicional2,Adicional3,AdicionalD1,AdicionalD2,AdicionalD3){
  //alert(IDSubProd+'-'+Cor+'-'+Adicional1+'-'+Adicional2+'-'+Adicional3+'-'+AdicionalD1+'-'+AdicionalD2+'-'+AdicionalD3);
  var aNomeRGB=Cor.split(SeparadorRGBCor);
  var sNomeCor=aNomeRGB[0];
  var sURLCompra='AddProduto.asp?IDLoja='+IDLojaGrid+'&IDProduto='+ IDSubProd;
  if(sNomeCor!='')sURLCompra+='&Cor='+ sNomeCor.replace(/\+/g,'%2B');
  if(Adicional1!='')sURLCompra+='&Adicional1='+ Adicional1;
  if(Adicional2!='')sURLCompra+='&Adicional2='+ Adicional2;
  if(Adicional3!='')sURLCompra+='&Adicional3='+ Adicional3;
  if(AdicionalD1!='')sURLCompra+='&AdicionalD1='+ AdicionalD1;
  if(AdicionalD2!='')sURLCompra+='&AdicionalD2='+ AdicionalD2;
  if(AdicionalD3!='')sURLCompra+='&AdicionalD3='+ AdicionalD3;
  //alert(sURLCompra);
  top.location.href=sURLCompra;
}

function FC_ConsultenosSubProd(IDSubProd,Cor,Adicional1,Adicional2,Adicional3,AdicionalD1,AdicionalD2,AdicionalD3){
  //alert(IDSubProd+'-'+Cor+'-'+Adicional1+'-'+Adicional2+'-'+Adicional3+'-'+AdicionalD1+'-'+AdicionalD2+'-'+AdicionalD3);
  var aNomeRGB=Cor.split(SeparadorRGBCor);
  var sNomeCor=aNomeRGB[0];
  var sURLConsultenos='FaleConosco.asp?IDLoja='+IDLojaGrid+'&Assunto=Consulta%20sobre%20produto ('+ IDSubProd +') ';
  if(sNomeCor!='')sURLConsultenos+=' Cor='+ sNomeCor.replace(/\+/g,'%2B');
  if(Adicional1!='')sURLConsultenos+=' '+ Adicional1;
  if(Adicional2!='')sURLConsultenos+=' '+ Adicional2;
  if(Adicional3!='')sURLConsultenos+=' '+ Adicional3;
  if(AdicionalD1!='')sURLConsultenos+=' '+ AdicionalD1;
  if(AdicionalD2!='')sURLConsultenos+=' '+ AdicionalD2;
  if(AdicionalD3!='')sURLConsultenos+=' '+ AdicionalD3;
  //alert(sURLConsultenos);
  top.location.href=sURLConsultenos;
}


function FC_fExisteOpcao(IDProduto,aDados,aDistintos,iNivel,iOpcao){
//retorna false se existe a opção combinada com as opções já selecionadas
  var aSelecionados=new Array();
  FC_fSelecionados(IDProduto,aDistintos,iNivel,aSelecionados);
  aSelecionados[aSelecionados.length]=aDistintos[iNivel][iOpcao];

  var i=0,j=0,AcheiSubProd=false;
  while(!AcheiSubProd && i<aDados.length){
    j=ObtemNivelSeguinte(aDistintos,-1);
    var bComparador=true;
    while(bComparador && j!=-1 && j<aSelecionados.length){
      bComparador=(bComparador && aDados[i][j+FC_posIniDescritor]==aSelecionados[j]);
//alert(aDados[i][j+FC_posIniDescritor]+"="+aSelecionados[j]);
      if(bComparador)j=ObtemNivelSeguinte(aDistintos,j);
    }
    if(bComparador)AcheiSubProd=true;
    if(!AcheiSubProd)i++;
  }
  return !AcheiSubProd;
}

function FC_fSelecionados(IDProduto,aDistintos,iNivel,aSelecionados){
//Retorna array de opções selecionadas até o nível iNivel
  for(var i=0;i<iNivel;i++){
    if(!FC_fIsVazio(aDistintos[i])){
      for(var j=0;j<aDistintos[i].length;j++){
        if(aDistintos[i][j]!=''){
          if(document.getElementById("FC_oOpcao_"+ i +"_"+ j +"_"+ IDProduto).checked){
            aSelecionados[aSelecionados.length]=aDistintos[i][j];
          }
        }
      }
    }
    else {
      aSelecionados[aSelecionados.length]='';
    }
  }
}

function ObtemNivelSeguinte(aDistintos,iCampo){
//retorna índice de array do próximo nível com opções não vazias
//retorna -1 se não existir nível seguinte
  var i=iCampo+1,IsBranco=true;
  while(i<aDistintos.length && IsBranco){
    IsBranco=(FC_fIsVazio(aDistintos[i]));
    if(IsBranco)i++;
  }
  if(IsBranco)return -1;
  else return i;
}

function FC_fIsVazio(aValores){
//retorna true se array aValores só contém string vazia
  var i=0,IsVazio=true;
  while(IsVazio && i<aValores.length){
    IsVazio=(aValores[i]=='');
    if(IsVazio)i++;
  }
  return IsVazio;
}

function FC_fInitProd(IDProduto){
//Inicializa arrays e exibe opções de IDProduto
  var FC_aProduto=new Array();
  for(var i=0;i<FC_aSubProd.length;i++)FC_aProduto=FC_aProduto.concat(FC_aSubProd[i]);
  eval("FC_aProduto_"+ IDProduto +"=FC_aProduto");

  var aDistintos=new Array();
  for(var i=0;i<FC_QtdDescritores;i++){
    var aTemp=new Array();
    FC_fDistintos(FC_aProduto,FC_posIniDescritor+i,aTemp);
    aDistintos=aDistintos.concat([aTemp]);
  }
  eval("FC_aDistintos_"+ IDProduto +"=aDistintos");
  
  var NivelSeguinte=ObtemNivelSeguinte(aDistintos,-1);  //procura pelo primeiro nível com opções
  if(NivelSeguinte==-1)return void(0); //alert('Sem opções nos sub-produtos de '+IDProduto);
  else document.write("<form name=FC_oForm_"+ IDProduto +">");

  for(var i=0;i<FC_QtdDescritores;i++){
    if(i==NivelSeguinte){FC_sClass="NivelOn";var sDisabled="";}
    else{FC_sClass="NivelOff";var sDisabled=" disabled";}
    document.write("<table><tr><td><div id=FC_idNivel_"+ i +"_"+ IDProduto +" class="+ FC_sClass +"><ul class=lstColor>");

    if(aDistintos[i].length>0){
      for(var j=0;j<aDistintos[i].length;j++){
        //alert(aDistintos[i][j]);
        if(i==0){  //separa nome e RGB da cor
          var aNomeRGB=aDistintos[i][j].split(SeparadorRGBCor);
          //sValor="<span style=background-color:#"+ aNomeRGB[1] +">&nbsp;&nbsp;&nbsp;</span>&nbsp;&nbsp;<span>"+ aNomeRGB[0] +"</span>";
          sValor="<span style=width:27px;background-color:#"+ aNomeRGB[1] +">&nbsp;&nbsp;&nbsp;&nbsp;</span>";
          //sValor="<span style='width:27px;background:url("+sCaminhoProds+"cores/"+aNomeRGB[0]+".gif) no-repeat;'>&nbsp;&nbsp;&nbsp;&nbsp;</span>"; //EXEMPLO DE IMAGEM PARA CADA COR
          sValor=sValor.replace("+","_");
        }
        else{sValor=aDistintos[i][j];}
        if(aDistintos[i][j]!=''){
          document.write("<span id=FC_idOpcao_"+ i +"_"+ j +"_"+ IDProduto +">");
          document.write("<li id=FC_liOpcao_"+ i +"_"+ j +"_"+ IDProduto +" style='border-style:solid;border-width:2px;border-color:white;text-align:center;'><input type=radio name=FC_oOpcao_"+ i +"_"+ IDProduto +" id=FC_oOpcao_"+ i +"_"+ j +"_"+ IDProduto +" value="+aDistintos[i][j]+" onclick='FC_fRedefineOpcoes("+ IDProduto +",FC_aProduto_"+ IDProduto +",FC_aDistintos_"+ IDProduto +","+i+",this.value);'"+ sDisabled +"><label class=FC_Opcao for=FC_oOpcao_"+ i +"_"+ j +"_"+ IDProduto +">"+ sValor +"</label>");
          setTimeout("document.getElementById('FC_oOpcao_"+ i +"_"+ j +"_"+ IDProduto+"').checked=false",1);  //força desmarcar radio quando recarrega a página no IE
          if(sDisabled!="")document.getElementById("FC_oOpcao_"+ i +"_"+ j +"_"+ IDProduto).disabled=true;
          document.write("</li></span>");
        }
      }
      //if(!FC_fIsVazio(aDistintos[i]))document.write("<hr>");
    }
    document.write("</ul></div></td></tr></table>");
  }
  document.write("<br><hr><table cellspacing=0 cellpadding=0><tr height=20><td id=RGBCorProduto></td><td id=CorProduto></td><td id=TamanhoProduto></td></tr></table><br><input type=button class=BotComprarGrid name=FC_oBotao_"+ IDProduto +" id=FC_oBotao_"+ IDProduto +" onClick='' value='' disabled>");
  if(NivelSeguinte!=-1)document.write("</form>");
}

11 Respostas

fggs 21 de set. de 2011

É… já passei da fase do desespero, agora é desanimo mesmo, estou começando a achar que entrei numa fria ao contratar essa loja… espero não errar numa próxima…

fggs 23 de set. de 2011

Certo pessoal, venho humildemente perguntar onde eu errei com esse tópico, devo pesquisar mais? faltam dados? minha dúvida não ficou clara?

É sério, não estou sendo irônico, só queria entender o porque de nenhuma resposta num fórum tão ativo, mas claro, pode ser que eu não tenha esperado o suficiente, se for esse o caso, desculpem

InicianteJavaHenriqu 23 de set. de 2011

Cara e se vc usa-se (não sei se vc programa nesta linguagem :?: ) ASP.NET :?:

fggs 23 de set. de 2011

Obrigado pela resposta Henrique!

Então, eu não sou programador de nenhuma linguagem, o máximo que eu consigo fazer é editar códigos com o auxílio de alguém. Sei que a loja usa JavaScript e eu pesquisei mais ou menos como implantar o radio button (http://www.quirksmode.org/js/forms.html#sradio), só não sei como colocar nesse código maluco hehehe

InicianteJavaHenriqu 23 de set. de 2011

deixa eu ver se eu entendir, vc quer colocar exatamente aquele código javascript que está lá em cima em sua página web?

fggs 23 de set. de 2011

Foi bom voce perguntar isso, talvez essa seja a razão da falta de resposta no tópico.

Eu quero substituir o código do primeiro post por uma grade (ou grid) com radio buttons, mas como eu não sei muito de JavaScript, não consegui interpretar muito bem o código e não sei o que substituir…

InicianteJavaHenriqu 23 de set. de 2011

Então vc quer uma grade de radioButtons, onde o usuário clica em um dos radioButtons, e cada um chama uma destas funções de javascript

Sugiro este link para isto http://www.criarweb.com/artigos/786.php, é até fácil fazer, pórem
como vc tem que entender pelo menos o básico de programação javascript, para achar fácil. Mas,
vc está com pressa para fazer isto, então fica um pouco difícil… sugiro que vc invista 1 horaria do seu
tempo e lei artigos básicos de programação e javascrit.

lamento não poder de dar uma resposta melhor (resposta), estou mto ocupado, enfim, boa sorte e não desista

fggs 23 de set. de 2011

Obrigado pelo artigo Henrique!

Vou ler com calma e tentar editar o código do FC_Grid.js para ver se consigo ter algum progresso!

fggs 23 de set. de 2011

Poderiam me ajudar a interpretar esse código? Quero saber porque não aparece os radiobuttons (as bolinhas), na verdade se eu cadastrar um subproduto como Teste, a palavra Teste fica selecionavel.

Obrigado pela paciencia, estou fazendo o possível pra facilitar a ajuda!

<form name=FC_oForm_"+ IDProduto +">

<table><tr><td><div id=FC_idNivel_"+ i +"_"+ IDProduto +" class="+ FC_sClass +"><ul class=lstColor>

<span id=FC_idOpcao_"+ i +"_"+ j +"_"+ IDProduto +">

<li id=FC_liOpcao_"+ i +"_"+ j +"_"+ IDProduto +" style='border-style:solid;border-width:2px;border-color:white;text-align:center;'>

<input type=radio name=FC_oOpcao_"+ i +"_"+ IDProduto +" id=FC_oOpcao_"+ i +"_"+ j +"_"+ IDProduto +" value="+aDistintos[i][j]+" onclick='FC_fRedefineOpcoes("+ IDProduto +",FC_aProduto_"+ IDProduto +",FC_aDistintos_"+ IDProduto +","+i+",this.value);'"+ sDisabled +">

<label class=FC_Opcao for=FC_oOpcao_"+ i +"_"+ j +"_"+ IDProduto +">"+ sValor +"</label>

</li></span>
</ul></div></td></tr></table>
</form>

fggs 23 de set. de 2011

Nenhuma alma caridosa?

fggs 24 de set. de 2011

Bom, eu consegui parte do que eu queria removendo o

e , mas ficou uma bolinha preta do lado esquerdo do botão radio. Sem ajuda vai ficar dificil…

Criado 21 de setembro de 2011

Ultima resposta 24 de set. de 2011

Respostas 11

Participantes 2

11 Respostas

Topicos relacionados