ekle deyince alt kısma input alanı daha getirme yardım

25-09-2014, 19:13:13

Üyeliği durduruldu

Merhaba arkadaşlar aşağıdaki resimde Ekle butonuna tıkladığımda sağındaki inputlardan altına eklemesini istiyorum daha önce bu tarz birşey yapan varmı?

25-09-2014, 19:33:59

#2

codeksper

jquery sayfaya eklenmişse;

<script type="text/javascript">
var eklenecek = '<input type="text" name="" value="eklenen">';
$(" nereye eklenecek ").append( eklenecek );
// append / prepend / prev / next vs vs..
</script>

25-09-2014, 19:37:02

#3

~~tolgatasci~~

Üyeliği durduruldu

append kullanın. CSS ile sorun yoksa eğer alt alta dizilecektir.
anadiv
width:100px;
height:auto;

formlar
float:left;
width:80px;
height:25px;

unutmayın ana div formların yarısına düşerse yan yana sıralar eğer yarısından büyükse formlar alt alta sıralayacaktır.

25-09-2014, 22:20:51

#4

~~Binet~~

Üyeliği durduruldu

Size zahmet nasıl olacağını gösterirmisiniz

						<tr>
                            <td class="col1">
                                <label>
                                    Yeni Kullanım Ücreti Ekle</label>
                            </td>
                            <td class="col2">
							<script type="text/javascript">
var eklenecek = '<input type="text" name="" value="eklenen">';
$(" nereye eklenecek ").append( eklenecek );
// append / prepend / prev / next vs vs..
</script>
                                <input type="text" name="kullanim1" id="grumble" /> <input type="text" name="ucret1" class="grumble" /> TL <a href="#eklenecek">Ekle</a>
                            </td>
                        </tr>

codeksper adlı üyeden alıntı: mesajı görüntüle

jquery sayfaya eklenmişse;

<script type="text/javascript">
var eklenecek = '<input type="text" name="" value="eklenen">';
$(" nereye eklenecek ").append( eklenecek );
// append / prepend / prev / next vs vs..
</script>

25-09-2014, 22:41:22

#5

RooTsGhosT

Binet adlı üyeden alıntı: mesajı görüntüle

Size zahmet nasıl olacağını gösterirmisiniz

						<tr>
                            <td class="col1">
                                <label>
                                    Yeni Kullanım Ücreti Ekle</label>
                            </td>
                            <td class="col2">
							<script type="text/javascript">
var eklenecek = '<input type="text" name="" value="eklenen">';
$(" nereye eklenecek ").append( eklenecek );
// append / prepend / prev / next vs vs..
</script>
                                <input type="text" name="kullanim1" id="grumble" /> <input type="text" name="ucret1" class="grumble" /> TL <a href="#eklenecek">Ekle</a>
                            </td>
                        </tr>

ekle linkine veya butonuna id="ekle" bölümünü ekleyeceksiniz...inputların eklenmesini istediginiz yere

<div id="eklenecek_yer"></div>

kodlarını ekleyin

eklenecek değişkenini istediğiniz gibi değiştirin

<script>
var eklenecek = '<input type="text" name="" value="eklenen">';
$("#ekle").click(function(){
$("#eklenecek_yer").append( eklenecek );

});
</script>

çalışan örnek kodu burdan bulabilirsiniz... http://jsfiddle.net/rootsghost/xoazaas5/4/

25-09-2014, 23:06:36

#6

~~Binet~~

Üyeliği durduruldu

Merhaba teşekkür ederim yardımınız için bir isteğim daha olacak ekle dediğimde eklenen inpulardaki name leri kullanim2 sonraki eklenende kullanim3 gibi numara nasıl verebilirim

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
var eklenecek = '<input type="text" name="kullanim2" id="grumble" /> <input type="text" name="ucret2" class="grumble" /><br>';

$("#ekle").click(function(){
$("#eklenecek_yer").append( eklenecek );

});
});//]]>  
</script>

RooTsGhosT adlı üyeden alıntı: mesajı görüntüle

ekle linkine veya butonuna id="ekle" bölümünü ekleyeceksiniz...inputların eklenmesini istediginiz yere

<div id="eklenecek_yer"></div>

kodlarını ekleyin

eklenecek değişkenini istediğiniz gibi değiştirin

<script>
var eklenecek = '<input type="text" name="" value="eklenen">';
$("#ekle").click(function(){
$("#eklenecek_yer").append( eklenecek );

});
</script>

çalışan örnek kodu burdan bulabilirsiniz... http://jsfiddle.net/rootsghost/xoazaas5/4/

25-09-2014, 23:12:14

#7

codeksper

Kullanım için namelere ayrı isim vermeniz gerek yok nameleri "kullanim[]" olarak girebilirsiniz. Formu çektiğiniz sayfada $_POST["kullanıim"] dizi olarak gelir, bunu döngüye sokup değerleri alabilirsiniz.

25-09-2014, 23:13:27

#8

RooTsGhosT

Binet adlı üyeden alıntı: mesajı görüntüle

Merhaba teşekkür ederim yardımınız için bir isteğim daha olacak ekle dediğimde eklenen inpulardaki name leri kullanim2 sonraki eklenende kullanim3 gibi numara nasıl verebilirim

<script type='text/javascript'>//<![CDATA[ 
$(window).load(function(){
var eklenecek = '<input type="text" name="kullanim2" id="grumble" /> <input type="text" name="ucret2" class="grumble" /><br>';

$("#ekle").click(function(){
$("#eklenecek_yer").append( eklenecek );

});
});//]]>  
</script>

http://jsfiddle.net/rootsghost/xoazaas5/6/

25-09-2014, 23:37:06

#9

~~Binet~~

Üyeliği durduruldu

oraya değilde input içindeki name="kullanim" ekledikçe kullanim1 kullanim2 şeklinde gitmesini istiyorum.

var eklenecek = '<input type="text" name="kullanim" id="grumble" /> <input type="text" name="ucret" class="grumble" />

RooTsGhosT adlı üyeden alıntı: mesajı görüntüle

http://jsfiddle.net/rootsghost/xoazaas5/6/