Ir para conteúdo
Fórum Script Brasil
  • 0

Comparar variável


tubarao2009

Pergunta

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 por tubarao2009
Adcionar tag's (Jonathan)
Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

  • 0

<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?

Link para o comentário
Compartilhar em outros sites

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...