Textbox yerine Form Eklemek

Aşağı Git Tüm Forumlar Web Tasarım - Programlama Yazılım Geliştirme PHP / CGI Textbox yerine Form Eklemek

Bu konudaki kullanıcılar: 1 misafir

4
Cevap 745
Tıklama 0
Öne Çıkarma

1. sayfa

Textbox yerine Form Eklemek

Cevap Yaz

ed25519

14 yıl (54 mesaj)

Çavuş

Konu Sahibi

Merhabalar,

Sorum şu ki aşağıdaki kodda görünen ekleme silme ve yazma fonksiyonları tek bir textbox için çalışıyor :

<script type="text/javascript"> 
   
  var a = 0;  
  function Ekleme() { 
      a++; 
      var dinamicDiv = document.createElement("div"); 
      dinamicDiv.id = "div"+a; 
      dinamicDiv.style.height = "40px"; 
      dinamicDiv.style.width = "300px"; 
      document.body.appendChild(dinamicDiv); 
  	 
      var element = document.createElement("input"); 
      element.setAttribute("type", "text"); 
      element.setAttribute("value", "text"+a); 
      element.setAttribute("name", "text"+a); 
      element.setAttribute("id", "text"+a); 
    
      var divId = document.getElementById("div"+a); 
      divId.appendChild(element); 
  } 
    
  function Silme() { 
      var divsil = document.getElementById("div"+a); 
      document.body.removeChild(divsil); 
      a--; 
  } 
    
  function Yazma() { 
      var veriler = new Array(); 
    
      for (i=1;i<a+1;i++){ 
      veriler[i-1] = document.getElementById("text"+i).value; 
      yazim = document.getElementById('yazimyeri'); 
      } 
      yazim.innerHTML = veriler.join(); 
  } 
  </script>

ben ne yapmalıyım ki sadece textbox eklemek yerine aşağıda yazdığım formu eklesin veya silsin :

	document.getElementById('eklenecek').innerHTML += ('<table frame="box">'+  
  	'<th colspan="2">YENİ PHRASE</th>' + 
  	'<tr>' +  
      '<td class="lcol" >' +     
          'Sub_Phrase Name:' + 
      '</td>' + 
      '<td class="rcol" >' + 
          '<input type="text"  name="name"/>' + 
      '</td>' + 
  	'</tr>' + 
  	'<tr>' +  
      '<td class="lcol" >' +     
          'Type:' + 
      '</td>' + 
      '<td class="rcol" >' + 
          '<form action="">' + 
  		'<select name="type">' + 
  		'<option value="1">Sabit</option>' + 
  		'<option value="2">Değişken</option>' + 
  		'</select>' + 
  		'</form>'+ 
      '</td>' + 
  	'</tr>' + 
  	'<tr>' +  
      '<td class="lcol" >' +     
          'Description:' + 
      '</td>' + 
      '<td class="rcol" >' + 
          '<input type="text"  name="name"/>' + 
      '</td>' + 
  	'</tr>' + 
  	'</table>');

Yardımlarınızı bekliyorum

fsh77

14 yıl (9681 mesaj)

Yarbay

var dinamicDiv = document.createElement("div"); ifadesi ile document.getElementById('eklenecek').innerHTML burdaki table ekle zaten sayfandan nasıl acılagını yazmızsın sonrada document.body.appendChild(dinamicDiv); body e table ekle olmazsa eger table ı bir div icinde kullan ve ilk ifadeleri aynen uygula derim.

Bu mesaja 1 cevap geldi.

ed25519

14 yıl (54 mesaj)

Çavuş

Konu Sahibi

quote:

Orijinalden alıntı: fsh77

var dinamicDiv = document.createElement("div"); ifadesi ile document.getElementById('eklenecek').innerHTML burdaki table ekle zaten sayfandan nasıl acılagını yazmızsın sonrada document.body.appendChild(dinamicDiv); body e table ekle olmazsa eger table ı bir div icinde kullan ve ilk ifadeleri aynen uygula derim.

Teşekkürler cevap için ama tam anlayamadım ne yapmam gerektiğini biraz daha detaylı açıklayabilir misin?

Bu mesaja 1 cevap geldi.

fsh77

14 yıl (9681 mesaj)

Yarbay

sen bir tane div at sayfana uzerinede tablonu koy ordanda kodunun ilk kısmı ile ne istiyorsan yap .Daha nasıl diyim diyim bimiyorum ama sunu unutma dive ne yaparsın uzerindeki tabloyada o olur sanırım anlatabildim.

Bu mesaja 1 cevap geldi.

ed25519

14 yıl (54 mesaj)

Çavuş

Konu Sahibi

quote:

Orijinalden alıntı: fsh77

sen bir tane div at sayfana uzerinede tablonu koy ordanda kodunun ilk kısmı ile ne istiyorsan yap .Daha nasıl diyim diyim bimiyorum ama sunu unutma dive ne yaparsın uzerindeki tabloyada o olur sanırım anlatabildim.

Tmm teşekkür ederim çözdüm sanırım :)

Cevap Yaz

1. sayfa

Tüm Forumlar Web Tasarım - Programlama Yazılım Geliştirme PHP / CGI Textbox yerine Form Eklemek