Вот учусь и не понятно. Хочу чтоб при наведении курсором на первое слово появлялся текст в первой <textarea>, а если навести на второе слово то в другом <textarea>.
<div id="main">
<form name="form1">
<textarea name="txt1" cols="30" rows="5">
</textarea>
<textarea mame="txt2" cols="30" rows="5">
</textarea>
</form>
<br>
<ul id="ul1">
<li onMouseOver="on('txt1','norm telefon');" onMouseOut="off('txt1');">google nexus</li>
<li onMouseOver="on('txt2','ne norm telefon')" onMouseOut="off('txt2');">iPhone 5</li>
</ul>
</div>
<style type="text/css">
#main
{
height:300px;
width:300px;
position: absolute;
left:50%;
top:50%;
margin-left:-150px;
margin-top:-150px;
background-color:grey;
border:solid;
border-width:1px;
border-color:black;
}
</style>
вот скрипт:
function on(name, text1){
document.getElementsByName(name)[0].value=text1;
}
function off(name){
document.getElementsByName(name)[0].value="";
}
в первое слово добавилось, а второе нет. Почему?