Comparar variável

tubarao2009 · Maio 1, 2009

Bom tarde

Sou novato em programação javascript e fiz um script com o objetivo de ao clicar em link uma frase é colocaca no textarea sem apagar o que já encontra-se nele e deu certo ,mas o objetivo é que cada link tenha sua frase ,abaixo segue o script com a idéia inicial e depois o do obetivo final e que não esta dando certo com a lógica que coloquei alguém pode me ajudar?

<html>
<head>

&lt;script type="text/javascript">
function send()
{


var textarea=document.getElementById("txt").value;



document.dados.txt.value=textarea+" "+"Aqui vai a frase" ;



}
</script>






<style type="text/css">
<!--
ul#menu {
width:200px;
border:1px solid #000066;
background:#599BFF;
margin:0;
padding:0;
list-style-type:none;
}
ul#menu li {
border-bottom:1px solid #000066;
}
ul#menu li a:link, ul#menu li a:visited {
display:block;
height:1%;
text-decoration:none;
font-family: verdana;
font-size:14px;
color:#FFFFFF;
border-left:10px solid #0066FF;
padding-left:5px;
}
ul#menu li a:hover {
background-color: #0033FF;
color:#FFFFFF;
border-left:10px solid #000066;
font-style:italic
} 
-->
</style>


</head>

<body>


<tr>
<td>
<table width="200" border="1" bordercolor="red">
<tr>
<td>
<ul id="menu">
<li><a href="#" onclick="send()">text 1</a></li>

</ul>

</tr>
</td>

<form name="dados">

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


<table width="220" border="1" bordercolor="blue">
<tr>
<td>

<textarea id="txt" name="textbox" cols="30" rows="10"></textarea>

</tr>
</td>


</table>

</form>

</body>
</html>




/////////////////////////////////////////////AQUI esta a idéia do objetivo final //////////////////////////////////////////////


<html>
<head>



&lt;script language="javascript">
function send(a)
{


var textarea=document.getElementById("txt").value;

x="primeira frase";
y="segunda frase";

if(a==x){
document.dados.txt.value=textarea+" "+ x;
}

else(a==y){
document.dados.txt.value=textarea+" "+ y ;
}


}
</script>



<style type="text/css">
<!--
ul#menu {
width:200px;
border:1px solid #000066;
background:#599BFF;
margin:0;
padding:0;
list-style-type:none;
}
ul#menu li {
border-bottom:1px solid #000066;
}
ul#menu li a:link, ul#menu li a:visited {
display:block;
height:1%;
text-decoration:none;
font-family: verdana;
font-size:14px;
color:#FFFFFF;
border-left:10px solid #0066FF;
padding-left:5px;
}
ul#menu li a:hover {
background-color: #0033FF;
color:#FFFFFF;
border-left:10px solid #000066;
font-style:italic
} 
-->
</style>


</head>

<body>



<tr>
<td>
<table width="200" border="1" bordercolor="red">
<tr>
<td>
<ul id="menu">
<li><a href="#" onclick="send(a)">text 1</a></li>
<li><a href="#" onclick="send(a)">text 2</a></li>

</ul>

</tr>
</td>

<form name="dados">

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


<table width="220" border="1" bordercolor="blue">
<tr>
<td>

<textarea id="txt" name="textbox" cols="30" rows="10"></textarea>

</tr>

</td>


</table>

</form>

</body>
</html>

Editado Maio 1, 2009 por tubarao2009
Adcionar tag's (Jonathan)

.Andreia. · Maio 5, 2009

<html>
<head>

<script type="text/javascript">
function send()
{
    var textarea = document.getElementById("txt");
    textarea.value += "Aqui vai a frase";
}
</script>






<style type="text/css">
<!--
ul#menu {
width:200px;
border:1px solid #000066;
background:#599BFF;
margin:0;
padding:0;
list-style-type:none;
}
ul#menu li {
border-bottom:1px solid #000066;
}
ul#menu li a:link, ul#menu li a:visited {
display:block;
height:1%;
text-decoration:none;
font-family: verdana;
font-size:14px;
color:#FFFFFF;
border-left:10px solid #0066FF;
padding-left:5px;
}
ul#menu li a:hover {
background-color: #0033FF;
color:#FFFFFF;
border-left:10px solid #000066;
font-style:italic
} 
-->
</style>


</head>

<body>


<tr>
<td>
<table width="200" border="1" bordercolor="red">
<tr>
<td>
<ul id="menu">
<li><a href="#" onclick="send()">text 1</a></li>

</ul>

</tr>
</td>

<form name="dados">

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


<table width="220" border="1" bordercolor="blue">
<tr>
<td>

<textarea id="txt" name="textbox" cols="30" rows="10"></textarea>

</tr>
</td>


</table>

</form>

</body>
</html>




/////////////////////////////////////////////AQUI esta a idéia do objetivo final //////////////////////////////////////////////


<html>
<head>



<script language="javascript">
function sendtwo(a)
{
var textarea=document.getElementById("txt");

var x = "primeira frase";
var y = "segunda frase";

if(a==x){
    textarea.value += x;
}
else if(a==y){
    textarea.value += y;
}


}
</script>



<style type="text/css">
<!--
ul#menu {
width:200px;
border:1px solid #000066;
background:#599BFF;
margin:0;
padding:0;
list-style-type:none;
}
ul#menu li {
border-bottom:1px solid #000066;
}
ul#menu li a:link, ul#menu li a:visited {
display:block;
height:1%;
text-decoration:none;
font-family: verdana;
font-size:14px;
color:#FFFFFF;
border-left:10px solid #0066FF;
padding-left:5px;
}
ul#menu li a:hover {
background-color: #0033FF;
color:#FFFFFF;
border-left:10px solid #000066;
font-style:italic
} 
-->
</style>


</head>

<body>



<tr>
<td>
<table width="200" border="1" bordercolor="red">
<tr>
<td>
<ul id="menu">
<li><a href="#" onclick="sendtwo('a')">text 1</a></li>
<li><a href="#" onclick="sendtwo('a')">text 2</a></li>

</ul>

</tr>
</td>

<form name="dados">

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


<table width="220" border="1" bordercolor="blue">
<tr>
<td>

<textarea id="txt" name="textbox" cols="30" rows="10"></textarea>

</tr>

</td>


</table>

</form>

</body>
</html>

Nesta linha:

<li><a href="#" onclick="send(a)">text 1</a></li>

você manda uma variavel a mas ela não existe, o que você quer mandar? um tempo? ou valor de campo?

Entrar

Comparar variável

Pergunta

tubarao2009

Link para o comentário

Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

.Andreia.

Link para o comentário

Compartilhar em outros sites

Participe da discussão

Estatísticas dos Fóruns

Navegação

Atividades