Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Diego Parente

Dificuldade com "Caixa Suspensa"

Por , em Desenvolvimento frontend

Recommended Posts

Diego Parente    0

Diego Parente
Postado

Boa noite.



Criei um sistema para cálculo de valores do PagSeguro e ele funcionou perfeitamente no IE, todavia, nos navegadores Firefox e Chrome, não funciona.



Isso ocorreu após eu adicionar o campo "caixa suspensa".



Segue o código completo:




<META NAME="ROBOTS" CONTENT="NOINDEX">

<meta http-equiv="Content-Language" content="pt-br">

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<title>Cálculo do PagSeguro</title>

<script type="text/javascript">

function id( el ){

        return document.getElementById( el );

}

function getMoney( el ){

        var money = id( el ).value.replace( ',', '.' );

        return parseFloat( money )*100;

}

function soma()

{

        var porcentagem = getMoney('valorcobrado')*(0.0499);

        id('porcent').value = porcentagem/100;

        var porcentage = getMoney('valorcobrado')*getMoney('parcelas');

        id('porcen').value = porcentage/100;

        var total = getMoney('valorcobrado')-getMoney('porcent')-getMoney('porcen')-(40);

        id('internet').value = 'R$ '+total/100;


        var porcentagem2 = getMoney('valorcobrado')*(0.0449);

        id('porcent2').value = porcentagem2/100;

        var porcentage2 = getMoney('valorcobrado')*getMoney('parcelas')-(40);

        id('porcen2').value = porcentage2/100;

        var total2 = getMoney('valorcobrado')-getMoney('porcent2')-getMoney('porcen2')-(40);

        id('digitcard').value = 'R$ '+total2/100;


        var porcentagem3 = getMoney('valorcobrado')*(0.0359);

        id('porcent3').value = porcentagem3/100;

        var porcentage3 = getMoney('valorcobrado')*getMoney('parcelas');

        id('porcen3').value = porcentage3/100;

        var total3 = getMoney('valorcobrado')-getMoney('porcent3')-getMoney('porcen3')-(40);

        id('pcartao').value = 'R$ '+total3/100;

}

</script>

</head>


<body>

        <form action="" method="">

                <p align="center"><b><span style="font-size: 40pt">Cálculo do 

				PagSeguro</span></b></p>

		<p align="center"> </p>

                <table class="valorc">

			<tr>

				<td>

				<p align="right">Valor a ser Cobrado:</td>

				<td><input name="valorcobrado" id="valorcobrado" size=10 /></td>

			</tr>

			<tr>

				<td>

				<p align="right">Número de Parcelas:</td>

				<td><select size="1" name="parcelas">

				<option selected>Selecione</option>

				<option value="0.000290">2x</option>

				<option value="0.000386">3x</option>

				<option value="0.000478">4x</option>

				<option value="0.000570">5x</option>

				<option value="0.000661">6x</option>

				<option value="0.000751">7x</option>

				<option value="0.000839">8x</option>

				<option value="0.000926">9x</option>

				<option value="0.001013">10x</option>

				</select></td>

			</tr>

			<tr>

				<td>

				<p align="right"> </td>

				<td>

                <input type="button" onclick="soma()" value="Calcular" /></td>

			</tr>

        </form>


				</table>

				<p> </p>

				<p><b><span style="font-size: 20pt">Valor a Receber</span></b></p>

				<ul>

					<li>Via Internet</li>

				</ul>

                <table class="net">

			<tr>

				<td>

				       </td>

				<td><input name="internet" id="internet" size=11 /></td>

			</tr>

        </form>


				</table>


				<ul>

					<li>Digitando o Cartão</li>

				</ul>

                <table class="digcard">

			<tr>

				<td>

				       </td>

				<td><input name="digitcard" id="digitcard" size=11 /></td>

			</tr>

        </form>


				</table>


				<div style="position: absolute; width: 239px; height: 23px; z-index: 1; left: 315px; top: 392px; visibility: hidden" id="camada1">

					<input name="porcent" id="porcent" size=1 /><input name="porcent2" id="porcent2" size=1 /><input name="porcent3" id="porcent3" size=1 /><input name="porcen" id="porcen" size=1 /><input name="porcen2" id="porcen2" size=1 /><input name="porcen3" id="porcen3" size=1 /></div>


				<ul>

					<li>Passando o Cartão</li>

				</ul>

                <table class="pcard">

			<tr>

				<td>

				       </td>

				<td><input name="pcartao" id="pcartao" size=11 /></td>

			</tr>

        </form>


				</table>


</body>


</html>

Alguém saberia me informar o porque de não funcionar nestes navegadores e como eu poderia resolver tal problema?




Atenciosamente,


Diego Parente


Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

veja se aparecem erros no console Ctrl + Shift + J

Compartilhar este post

Link para o post
Compartilhar em outros sites

Diego Parente    0

Diego Parente
Postado

veja se aparecem erros no console Ctrl + Shift + J

 

Oi, William.

 

Primeiramente, obrigado pelo retorno.

Então, no Chrome apareceu o seguinte erro:

Uncaught TypeError: Cannot read property 'value' of null

O erro foi encontrado na linha 17, ou seja:

var money = id( el ).value.replace( ',', '.' );

Todavia, no IE este erro não ocorre.

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

O fato do IE não apresentar erro, não significa que esteja certo :lol:

 

Olhei rapidamente, mas o elemento que encontrei com ID "faltando", foi esse:

<select size="1" name="parcelas">
troque por:

<select size="1" name="parcelas" id="parcelas">

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito