Ir para conteúdo

POWERED BY:

Arquivado

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

Vanilson

[Resolvido] Conversor de moeda

Por , em Javascript

Recommended Posts

Vanilson    2

Vanilson
Postado

Pessoal seguinte, estou a fazer um conversor de moeda até agora está a ir tudo bem, consigo fazer a selecção da moeda nas option com javascript mais ainda não fiz os calculos, então tentei fazer a seleção da moeda com jquery e não funcionou, eis o codigo

 

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>..::Conversor de moeda::..</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
function converte()
{
	/*if(document.conversor_moeda.moeda[0].checked)
	{
		alert("Euro");	
	}
	else
		if(document.conversor_moeda.moeda[1].checked)
	{
		alert("Usd");	
	}
	else
		if(document.conversor_moeda.moeda[2].checked)
	{
		alert("Rand");	
	}
	else
		if(document.conversor_moeda.moeda[3].checked)
	{
		alert("Yen");	
	}*/
	$(document).ready(function(){
		$('input[name="converte"]').click(function()
		{
			var moeda = $('input[type="radio"][name="moeda"]:checked');
			if(moeda==1)
				alert("Euro");
		}
	});
}
</script>
<style type="text/css">
#conteudo
{
	width:450px;
	height:180px;
	border:1px solid #990000;
}
#valor
{
	width:160px;
	float:left;
}
fieldset
{
	width:100px;
}
#converter
{
}
#valor-convert
{
	float:left;
	margin:10px;
	width:300px;
}
#moedas
{
	float:left;
}
div label
{
	width:100px;
	float:left;
}
label
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#990000;
}
legend
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#990000;
	font-weight:bold;
}
</style>
</head>

<body>
<div id="conteudo">
	<form action="#" name="conversor_moeda">
    <div id="valor-cambio">
        <div>
            <label>Valor em kwanza</label>
            <input type="text" name="valor_kwanza" size="14"/>
        </div>
        <div>
            <label>Cambio em USD</label>
            <input type="text" name="cambio_usd" size="14"/>
        </div>
    </div>
    <div>
        <div id="moedas">
            <fieldset>
                <legend>MOEDAS</legend>
                <div id="tipo-moedas">
                    <div><input type="radio" name="moeda" value="1"/><font size="2" face="Arial, Helvetica, sans-serif" color="#990000">Euro</font></div>
                    <div><input type="radio" name="moeda" value="2" /><font size="2" face="Arial, Helvetica, sans-serif" color="#990000">USD</font></div>
                    <div><input type="radio" name="moeda" value="3"/><font size="2" face="Arial, Helvetica, sans-serif" color="#990000">Rand</font></div>
                    <div><input type="radio" name="moeda" value="4"/><font size="2" face="Arial, Helvetica, sans-serif" color="#990000">Yen</font></div>
                </div>
            </fieldset>
       </div>
       <div id="valor-convert">
        	<div id="valor">
            	<label id="valor">Valor</label>
                <div id="valor"><input type="text" name="valor" /></div>
                <div id="converter"><input type="button" name="converte" value="Converter"/></div>
            </div>
        </div>
   </div>
    </form>
</div>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Vanilson    2

Vanilson
Postado

Consegui resolver o problema, eis o codigo:

 

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>..::Conversor de moeda com JQUERY::..</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	var moeda, valorkwanza, cambio, resultado, valortext;
	valorkwanza = $('input[name="valor_kwanza"]').val();
	cambio = $('input[name="cambio"]').val();
	valortext = $('input[name="valor"]').val();
	moeda = $('input[type="radio"][name="moeda"]:checked').val();
	
	$('input[name=converte]').click(function() {

	if(moeda == 1)
	{
		alert("Opção não activada para efeito de calculos");			
	}
	else
		if(moeda == 2)
		{

			resultado = valorkwanza / cambio;
			document.conversor_moeda.valor.value = resultado;	
		}
	else
		if(moeda == 3)
		{
			alert("Opção não activada para efeito de calculos");	
		}
	else
		if(moeda == 4)
		{
			alert("Opção não activada para efeito de calculos");
		}
	})
}); 
</script>
<style type="text/css">
#conteudo
{
	width:450px;
	height:180px;
	border:1px solid #990000;
}
#valor
{
	width:160px;
	float:left;
}
fieldset
{
	width:100px;
}
#converter
{
}
#valor-convert
{
	float:left;
	margin:10px;
	width:300px;
}
#moedas
{
	float:left;
}
div label
{
	width:100px;
	float:left;
}
label
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#990000;
}
legend
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#990000;
	font-weight:bold;
}
</style>
</head>

<body>
<div id="conteudo">
	<form action="#" name="conversor_moeda">
    <div id="valor-cambio">
        <div>
            <label>Valor em kwanza</label>
            <input type="text" name="valor_kwanza" size="14"/>
        </div>
        <div>
            <label>Cambio </label>
            <input type="text" name="cambio" size="14"/>
        </div>
    </div>
    <div>
        <div id="moedas">
            <fieldset>
                <legend>MOEDAS</legend>
                <div id="tipo-moedas">
                    <div><input type="radio" name="moeda" value="1"/><font size="2" face="Arial, Helvetica, sans-serif" color="#990000">Euro</font></div>
                    <div><input type="radio" name="moeda" value="2" /><font size="2" face="Arial, Helvetica, sans-serif" color="#990000">USD</font></div>
                    <div><input type="radio" name="moeda" value="3"/><font size="2" face="Arial, Helvetica, sans-serif" color="#990000">Rand</font></div>
                    <div><input type="radio" name="moeda" value="4"/><font size="2" face="Arial, Helvetica, sans-serif" color="#990000">Yen</font></div>
                </div>
            </fieldset>
       </div>
       <div id="valor-convert">
        	<div id="valor">
            	<label id="valor">Valor</label>
                <div id="valor"><input type="text" name="valor" readonly /></div>
                <div id="converter"><input type="button" name="converte" value="Converter"/></div>
            </div>
        </div>
   </div>
    </form>
</div>
</body>
</html>

Compartilhar este post

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

Informação importante

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

  Aceito