Funciona no Firefox mas não no IE

Andryon PHProgrammer · Julho 8, 2010

preciso de uma ajudinha pessoal.

Tenho o seguinte código abaixo, no onclick do radio mostra ou oculta divs,

mas no IE os dois radios ficam marcados quando clico em um e depois no outro.

<script language="javascript">
function GetPrice( valor ){
   car = document.getElementById('Periodicidade2').value;
   feature = document.getElementById('Periodicidade1').value;
   per = document.getElementById('Periodicidade0').value;
   document.getElementById('cargaselection').value = car;
   document.getElementById('featureselection').value = feature;
   document.getElementById('periodicidadeselection').value = per;
   if (car == '' || feature == '' || per ==''){
     alert ('Selecione uma opção');
     return false;
   }
   
   http.open("GET", "getprice.cgi?Feature=" + feature+"&Car=" + car+"&Per=" + per,true); 
   http.onreadystatechange = handleHttpResponseT;  
   //http.overrideMimeType("text/xml;charset=iso-8859-1");
   http.send(null);   

}


function handleHttpResponseT(){  
   if (http.readyState == 4) {    
      results = http.responseText.split(",");    
      for( i = 0; i < results.length; i++ )    {      
          string = results[i].split( "|" );     
        /*  document.getElementById('preço').innerHTML=string[0], string[1], false; */
        /* document.getElementById('price').innerHTML=string[0], string[1], false; */
         document.getElementById('first').innerHTML=results;
         document.getElementById('hb_pro').style.display='block';
       
       }
   }  
}
function getHTTPObject() {
   var req; 
   try { 
      if (window.XMLHttpRequest) {  
         req = new XMLHttpRequest();   
         if (req.readyState == null) {   
            req.readyState = 1;   
            req.addEventListener("load", function () {   
               req.readyState = 4;    
            if (typeof req.onReadyStateChange == "function")       
               req.onReadyStateChange();   
            }, false);  
         }   
         return req; 
      }  

      if (window.ActiveXObject) {  
          var prefixes = ["MSXML2", "Microsoft", "MSXML", "MSXML3"];   
          for (var i = 0; i < prefixes.length; i++) {   
             try {    
                 req = new ActiveXObject(prefixes[i] + ".XmlHttp");    
                 return req;   
             } catch (ex) {};  
          } 
      }
   } catch (ex) {} 
   alert("XmlHttp Objects not supported by client browser");
}
var http = getHTTPObject();

function mostraCalc(option){
       if (option == 2){
        document.getElementById('home_anual').style.display='none';
        document.getElementById('home_semestral').style.display='block';
       }else if (option == 3){
        document.getElementById('home_semestral').style.display='none';
        document.getElementById('home_anual').style.display='block';
       }else{
       document.getElementById('home_semestral').style.display='none';
       document.getElementById('home_anual').style.display='none';
       }
 }
function OnlyNumbers(e){
      var tecla=(window.event)?event.keyCode:e.which;
      if((tecla > 47 && tecla < 58)) return true;
      else{
        if (tecla != 8) return false;
          else return true;
         }
 }
function isClient(opty,optn)
{
      var tbl = document.getElementById(optn);
      tbl.style.visibility = "hidden";
      tbl.style.display = "none";
      document.getElementById('cargaselection').value = '';
      document.getElementById('featureselection').value = '';
      document.getElementById('periodicidadeselection').value = '';



      var tbl2 = document.getElementById(opty);
      tbl2.style.visibility = "visible";
      tbl2.style.display = "block";
}



/*      function EnabledExtras(option) {
       var tbl = document.getElementById(option);
       tbl.style.visibility = "visible";
       tbl.style.display = "block";
           document.Pass2.periodicidade[0].disabled = false;
           document.Pass2.periodicidade[1].disabled = false;
           document.Pass2.periodicidade[0].checked = true;
       }*/

    function DisabledExtras(option) {
           var tbl = document.getElementById(option);
           tbl.style.visibility = "hidden";
           tbl.style.display = "none";
              document.Pass2.periodicidade[1].disabled = true;
               if (document.Pass2.From.value == ""){
                  document.Pass2.periodicidade[0].disabled = true;
                  document.Pass2.periodicidade[2].checked = true;
               }
               if (document.Pass2.From.value == "kit"){
                  document.Pass2.periodicidade[0].disabled = false;
                  document.Pass2.periodicidade[0].checked = true;
               }
               
    }

     function Valida() {
      /*   if (  (document.Pass2.cx_postal_exchange.checked == true) &&
               (document.Pass2.qtde_exchange.value <= 0)   )  {
                 window.alert('É necessário selecionar pelo menos uma caixa-postal do Exchange.');
                 document.Pass2.qtde_exchange.focus();
                 return (false);
         }

         if (  (document.Pass2.package[1].checked == true) &&
               (document.Pass2.qtde_exchange.value > 5)   )  {
                 window.alert('Para o Plano Pro de 01 GB (trial) é permitido até 05 caixas-postais do Exchange.');
                 document.Pass2.qtde_exchange.focus();
                 return (false);
         } */
     
     var controle = 0;
/*     for (i=0;i<document.Pass2.package.length;i++){
             if (document.Pass2.package[i].checked == true){
                controle++;
             }
     }*/

    /* if (controle <= 0){
         alert('É necessário selecionar uma opção de plano para prosseguir');
         return(false);
         exit;
     }*/
     
     if (document.Pass2.accept.checked  == false) {
          window.alert('É necessário concordar com os termos do Contrato para prosseguir');
          return(false);
          exit;
     }
     if (document.getElementById('hotbackuphome').checked == false && document.getElementById('hotbackuppro').checked == false){
       window.alert('É necessário escolher um plano'); 
       return false;
     }
     if (document.getElementById('hotbackuphome').checked == true){
       if (document.getElementById('homeper').value == 0){
         window.alert('É necessário escolher a periodicidade de pagamento do Plano Home');
         return false;
       }
     }
   if (document.getElementById('hotbackuppro').checked == true){
     rsa = document.getElementById('Periodicidade2').value;
     rsb = document.getElementById('Periodicidade1').value;
     rsc = document.getElementById('Periodicidade0').value;

     cra = document.getElementById('cargaselection').value;
     crb = document.getElementById('featureselection').value;
     crc = document.getElementById('periodicidadeselection').value;
   
       if (rsa == '' || rsb == '' || rsb ==''){
        alert ('Escolhas todas as opções do plano Hot Backup Pro e após clique em calcular');
        return false;
       }
       if (cra == '' || crb == '' || crc == ''){
         alert('Click no botão calcular');
         return false;
       }
   }
   if (document.getElementById('email').value == ''){
     alert ('Favor preencher o campo Email');
     return false;
   }

            return(true);
    }


</script>

<table border="0" width="100%" cellspacing="0" cellpadding="0">
            <tr>
                <td width="20">

        <input
 name="hotbackup" value="hbhome" id="hotbackuphome"
 type="radio" checked onclick="java script:isClient('infologin','cadastro');"></td>
                <td>

                <img src="http://www.hotbackup.com.br/images/tabela_tit_hb_home.gif" border="0" width="137" height="17" vspace="4" hspace="4"></td>
            </tr>
        </table>
        </td>
    </tr>
  </tbody>
</table>
<table border="0" width="100%" cellspacing="0" cellpadding="0">
    <tr>
        <td>

        <div id="infologin" align="left" style="visibility:hidden;display:none">
<form name="flogin" method="post">
  <table border="0" width="100%" cellpadding="4">
    <tr>
        <td bgcolor="#F0F0F0" width="38%"><b>Espaço para Backup:</b></td>
        <td bgcolor="#F0F0F0" width="58%">Ilimitado (em cotas de 500 GB)</td>
    </tr>
    <tr>

        <td bgcolor="#F0F0F0" width="38%"><b>Periodicidade de Pagamento:</b></td>
        <td bgcolor="#F0F0F0" width="58%"><font face="verdana" size="2">
                <select name="Periodicidade" size="1" onchange="mostraCalc(this.options[this.selectedIndex].value);" id="homeper">
                <option value="0" selected>Selecione uma opção...</option>
                <option value="2">Semestral</option>
                <option value="3">Anual</option>
                </select></font></td>

    </tr>
    </table>
    <div align="center" id="home_semestral"  style="display:none">
        <table border="1" width="99%" cellpadding="6" bgcolor="#F5FFEC" bordercolor="#339933" style="border-collapse: collapse">
            <tr>
                <td><b>Preço: R$ 84,94 por semestre</b> + 30 dias iniciais 
                grátis</td>
            </tr>

        </table>
    </div>
    <div align="center" id="home_anual" style="display: none">
        <table border="1" width="99%" cellpadding="6" bgcolor="#F5FFEC" bordercolor="#339933" style="border-collapse: collapse">
            <tr>
                <td><b>Preço: R$ 118,80 por ano</b> + 30 dias iniciais 
                grátis</td>
            </tr>

        </table>
    </div>
</form>

</div>

        </td>
        </tr>
    </table>
    <table style="text-align: left; width: 100%;" border="0"
 cellpadding="2" cellspacing="2">
  <tbody>

    <tr>
      <td width="98%" bgcolor="#EAEAEA">
        <table border="0" width="100%" cellspacing="0" cellpadding="0">
            <tr>
                <td width="20">

        <input
 name="hotbackup" value="hbpro" id="hotbackuppro"
 type="radio" onclick="java script:isClient('cadastro','infologin');"></td>
                <td>
                <img height="17" src="../icons/tabela_tit_hb_pro.gif" width="121" border="0" vspace="4" hspace="4"></td>
            </tr>

        </table>
        </td>
    </tr>
  </tbody>
</table>
    <table border="0" width="100%" cellspacing="0" cellpadding="0">
        <tr>
            <td>
            <div id="cadastro" align="left" style="visibility:hidden;display:none">

<form name="flogin0" method="post">
  <table border="0" width="100%" cellpadding="4">
    <tr>
        <td bgcolor="#F0F0F0" width="38%"><b>Espaço para Backup:</b></td>
        <td bgcolor="#F0F0F0" width="58%"><font face="verdana" size="2">
                <select name="Periodicidade1" id="Periodicidade1" size="1">
                <option selected value=''>Selecione uma opção...</option>
                <option value="hbdsk0">01 GB com 30 dias grátis</option>
                <option value="hbdsk1">05 GB</option>
                <option value="hbdsk2">10 GB</option>
                <option value="hbdsk3">25 GB</option>
                <option value="hbdsk4">50 Gb</option>
                <option value="hbdsk5">100 GB</option>
                <option value="hbdsk6">500 GB</option>

                </select></font></td>
    </tr>
    <tr>
        <td bgcolor="#F0F0F0" width="38%"><b>Carga Inicial via Mídia:</b></td>
        <td bgcolor="#F0F0F0" width="58%"><font face="verdana" size="2">
                <select name="Periodicidade2" size="1" id="Periodicidade2">
                <option selected value="">Selecione uma opção...</option>
                <option value="hb">Não contratar</option>
                <option value="hbcharge">Carga inicial via HD</option>
                <option value="hbchargp">Carga inicial via Pen Drive)</option>
                </select></font></td>
    </tr>
    <tr>
        <td bgcolor="#F0F0F0" width="38%"><b>Periodicidade de Pagamento:</b></td>
        <td bgcolor="#F0F0F0" width="58%"><font face="verdana" size="2">

                <select name="Periodicidade0"  id="Periodicidade0" size="1">
                <option selected value="">Selecione uma opção...</option>
                <option value="4">Mensal</option>
                <option value="1">Trimestral</option>
                <option value="2">Semestral</option>
                <option value="3">Anual</option>

                </select></font></td>
    </tr>
<tr>
                 <td bgcolor="#F0F0F0" width="38%"><b></b></td>
        <td bgcolor="#F0F0F0" width="58%"><font face="verdana" size="2">
                   </font><input type="button" value="Calcular" onclick="GetPrice()" />
                  </td>
         </tr>
    </table>
    <div align="center" id="hb_pro"  style="display:none" >
        <table border="1" width="99%" cellpadding="6" bgcolor="#F5FFEC" bordercolor="#339933" style="border-collapse: collapse">
            <tr>
                <td>
                <table border="0" cellpadding="4" cellspacing="0" width="100%">
                    <tr>

                        <td width="46"><b></b></td>
                        <td><b><label id="first"></label></b></td>
                    </tr>
                    <tr>
                        <td width="46"></td>
                        <td><b></b></td>
                    </tr>

                </table>
                </td>
            </tr>
        </table>
    </div>

Jonathan Queiroz · Julho 8, 2010

Os radios tem IDs diferentes (um é hotbackuphome, o outro é hotbackuppro). Tente deixar os dois com o atributo id igual.

Andryon PHProgrammer · Julho 8, 2010

Os radios tem IDs diferentes (um é hotbackuphome, o outro é hotbackuppro). Tente deixar os dois com o atributo id igual.

não deu, ainda continua.

Jonathan Queiroz · Julho 8, 2010

Testei aqui no IE8 e funcionou perfeitamente. Como ficou o código após a alteração?

Andryon PHProgrammer · Julho 9, 2010

Testei aqui no IE8 e funcionou perfeitamente. Como ficou o código após a alteração?

Resolvido!!! Tinha 3 Form, deixei apenas um e funcionou

Entrar

Funciona no Firefox mas não no IE

Pergunta

Andryon PHProgrammer

Link para o comentário

Compartilhar em outros sites

4 respostass a esta questão

Posts Recomendados

Jonathan Queiroz

Link para o comentário

Compartilhar em outros sites

Andryon PHProgrammer

Link para o comentário

Compartilhar em outros sites

Jonathan Queiroz

Link para o comentário

Compartilhar em outros sites

Andryon PHProgrammer

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades