Tıklanan kelimeyi form elemanına ekleme

Bir web sitesinde kullanıcıdan bilgi istenirken, kullanıcının işini mümkün olduğu kadar kolaylaştırmak gerekiyor. Bu nedenle de kullanıcının sadece bir tıklama ile bilgi girebilmesi oldukça gerekli.

Aşağıdaki örnekte kullanıcının tıkladığı kelimler metin kutusuna ekleniyor.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="tr">
<head>
  <title>Başlık</title>
  <meta http-equiv="content-type" content="text/html; charset=windows-1254" />
  <script>
    function textboxaekle(id)
    {
      document.getElementById('metinkutusu1').value=
        document.getElementById('metinkutusu1').value+
        document.getElementById(id).innerHTML+',';
    }
    function temizle(id)
    {
      document.getElementById(id).value='';
    }
  </script>
</head>
<body>
<form>
<input type="text" name="metinkutusu1" id="metinkutusu1" size="70" maxlength="300" /> 
<a href="javascript:temizle('metinkutusu1')">Temizle</a><br>
<span id="etiketekle1" onclick="textboxaekle(this.id)">Domates</span>
, <span id="etiketekle2" onclick="textboxaekle(this.id)">Biber</span>
, <span id="etiketekle3" onclick="textboxaekle(this.id)">Patlıcan</span>
</form>
</body>
</html>

 

27.08.2011 06:32:42

Yorumlar

Bu yazıya henüz yorum yapılmamış.

Yazı hakkında yorum yapmak için, buraya tıklayın.

Kategoriler :

Arşiv :

Etiketler :

Bağlantılar :