Şimdi Ara

Textbox yerine Form Eklemek

Daha Fazla
Bu Konudaki Kullanıcılar: Daha Az
2 Misafir - 2 Masaüstü
5 sn
5
Cevap
0
Favori
670
Tıklama
Daha Fazla
İstatistik
  • Konu İstatistikleri Yükleniyor
0 oy
Öne Çıkar
Sayfa: 1
Giriş
Mesaj
  • 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







  • 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.
  • 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?
  • 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.
  • 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 :)
  • 
Sayfa: 1
- x
Bildirim
mesajınız kopyalandı (ctrl+v) yapıştırmak istediğiniz yere yapıştırabilirsiniz.