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>
<script type="text/javascript">
function send()
{
var textarea=document.getElementById("txt").value;
document.dados.txt.value=textarea+" "+"Aqui vai a frase" ;
Pergunta
tubarao2009
Bom dia
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>
<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>
<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>
Link para o comentário
Compartilhar em outros sites
2 respostass a esta questão
Posts Recomendados
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.