Como faço para funcionar no IE?

FelipeCarmona · Julho 10, 2010

Olá pessoal, estou com esse código fonte que funciona perfeitamente no Firefox e Chrome, so que apresenta erros no IE.

Mais especificamente, nesse caso o usuario seleciona SIM se quiser mostrar a propaganda e NÃO para o efeito contrario. No campo de Quantidade ele pode inserir de 1 a 5 para receber o numero de propagandas. Caso o valor seja invalido, ele devera mostrar o numero maximo (5) de propagandas. Por favor me ajudem! wink.gif é para um trabalho de faculdade


<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>

<script language="Javascript">
<!--
function Sim() {

var numero;
numero = (document.form.qtd.value);
//alert(numero);

if(numero > 5) {
document.getElementById('dvNumero1').style.display = ''
document.getElementById('dvNumero2').style.display = ''
document.getElementById('dvNumero3').style.display = ''
document.getElementById('dvNumero4').style.display = ''
document.getElementById('dvNumero5').style.display = ''
return;
}

switch (numero) {
case '0':
document.getElementById('dvNumero1').style.display = 'none'
document.getElementById('dvNumero2').style.display = 'none'
document.getElementById('dvNumero3').style.display = 'none'
document.getElementById('dvNumero4').style.display = 'none'
document.getElementById('dvNumero5').style.display = 'none'

break;
case '1':
document.getElementById('dvNumero1').style.display = ''
document.getElementById('dvNumero2').style.display = 'none'
document.getElementById('dvNumero3').style.display = 'none'
document.getElementById('dvNumero4').style.display = 'none'
document.getElementById('dvNumero5').style.display = 'none'

break;
case '2':
document.getElementById('dvNumero1').style.display = ''
document.getElementById('dvNumero2').style.display = ''
document.getElementById('dvNumero3').style.display = 'none'
document.getElementById('dvNumero4').style.display = 'none'
document.getElementById('dvNumero5').style.display = 'none'

break;
case '3':
document.getElementById('dvNumero1').style.display = ''
document.getElementById('dvNumero2').style.display = ''
document.getElementById('dvNumero3').style.display = ''
document.getElementById('dvNumero4').style.display = 'none'
document.getElementById('dvNumero5').style.display = 'none'

break;
case '4':
document.getElementById('dvNumero1').style.display = ''
document.getElementById('dvNumero2').style.display = ''
document.getElementById('dvNumero3').style.display = ''
document.getElementById('dvNumero4').style.display = ''
document.getElementById('dvNumero5').style.display = 'none'

break;
case '5':
document.getElementById('dvNumero1').style.display = ''
document.getElementById('dvNumero2').style.display = ''
document.getElementById('dvNumero3').style.display = ''
document.getElementById('dvNumero4').style.display = ''
document.getElementById('dvNumero5').style.display = ''

break;

default:
document.getElementById('dvNumero1').style.display = ''
document.getElementById('dvNumero2').style.display = 'none'
document.getElementById('dvNumero3').style.display = 'none'
document.getElementById('dvNumero4').style.display = 'none'
document.getElementById('dvNumero5').style.display = 'none'
}
}

function não() {
document.getElementById('dvNumero1').style.display = 'none'
document.getElementById('dvNumero2').style.display = 'none'
document.getElementById('dvNumero3').style.display = 'none'
document.getElementById('dvNumero4').style.display = 'none'
document.getElementById('dvNumero5').style.display = 'none'
}

//-->
</script>
</head>

<body>

<form action="" method="" name="form">

<input type="radio" name="rb" class="radio" onclick="Sim()"><font color="#0000FF" size="2" face="verdana">Sim</font>
<br />
<input type="radio" name="rb" class="radio" onclick="não()"><font color="#0000FF" size="2" face="verdana">Não</font>

<br />
<font color="#0000FF" size="3" face="arial">Quantidade:</font>&nbsp;<input type="text" size="5" name="qtd" value="">


<div id="dvNumero1" style="position:absolute; left:400px; top:25px; width:211px; height:85px; z-index:1; background-color: #FC6; layer-background-color: #0099FF; border: 1px none #000000;face="verdana" ">
<center><p>&nbsp;</p> <p><b>Propaganda 1</b></p></center>
</div>

<div id="dvNumero2" style="position:absolute; left:400px; top:125px; width:211px; height:85px; z-index:1; background-color: #9C9; layer-background-color: #0099FF; border: 1px none #000000;">
<center><p>&nbsp;</p><p><b>Propaganda 2</b></p></center>
</div>

<div id="dvNumero3" style="position:absolute; left:400px; top:225px; width:211px; height:85px; z-index:1; background-color: #C60; layer-background-color: #0099FF; border: 1px none #000000;">
<center><p>&nbsp;</p><p><b>Propaganda 3</b></p></center>
</div>

<div id="dvNumero4" style="position:absolute; left:400px; top:325px; width:211px; height:85px; z-index:1; background-color: #999; layer-background-color: #0099FF; border: 1px none #000000;">
<center><p>&nbsp;</p><p><b>Propaganda 4</b></p></center>
</div>

<div id="dvNumero5" style="position:absolute; left:400px; top:425px; width:211px; height:85px; z-index:1; background-color: #3CC; layer-background-color: #0099FF; border: 1px none #000000;">
<center><p>&nbsp;</p><p><b>Propaganda 5</b></p></center>
</div>

</form>

</body>
</html>
[/codebox]

Entrar

Como faço para funcionar no IE?

Pergunta

FelipeCarmona

Link para o comentário

Compartilhar em outros sites

0 respostass a esta questão

Posts Recomendados

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades