Yeni Alan Ekle - JS

19-01-2010, 23:28:43

Kimlik doğrulama veya yönetimden onay bekliyor.

Merhaba,

PHP ile JS karışımı yapılıyor bu. Ancak ben nasıl yapabileceğimi çözemedim. Yapmak istediğim, hazırda 3 sütünlu input olacak. Sonra aşağısında Yeni ekle ye tıklayınca yukarıya yeni bir 3lü ekleyecek. Sonra ben onları PHP ile ekrana bastıracağım. Nasıl yapabilirim? Alanlara name="news[]" gibi bir kod ekleniyor ancak.. işte yapamadım.

Şekille de verirsek

Yardımcı arkadaşlara şimdiden teşekkürler...

20-01-2010, 00:18:31

#2

Dogukan

Göz atmanızı öneririm -> http://viralpatel.net/blogs/2009/01/...avascript.html

20-01-2010, 13:09:40

#3

Life

böyle birşey arıyordumm çok iyi oldu şimdi . teşekkür ederim her ikinize de dostlar

20-01-2010, 14:03:00

#4

~~devturkeli~~

Üyeliği durduruldu

jquery ile basitçe yapabilirsin, yaptığım örnek;

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.min.js"></script>
<script type="text/javascript">
function inputEkle() {
    $('#inputalan').append('<div class="input"><input type="file" name="dosya[]" /></div>');
}
function inputSil() {
    $('.input:last').remove();
}
</script>
<style type="text/css">
body { font: normal 12px verdana; }
a { text-decoration: none; }
</style>
</head>
<body>
<form id="" action="<?php echo $_SERVER['SCRIPT_NAME']; ?>" method="post">
    <div id="inputalan">
        <div class="input"><input type="file" class="dosyainput" name="dosya[]" />&nbsp;<a href="javascript:inputEkle();">[+]</a>&nbsp;<a href="javascript:inputSil();">[-]</a></div>
    </div>
    <br />
    <input type="submit" name="upload" value="Yükle" />
</form>
</body>
</html>

20-01-2010, 14:33:58

#5

SefaCan

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

jquery ile basitçe yapabilirsin, yaptığım örnek;

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.min.js"></script>
<script type="text/javascript">
function inputEkle() {
    $('#inputalan').append('<div class="input"><input type="file" name="dosya[]" /></div>');
}
function inputSil() {
    $('.input:last').remove();
}
</script>
<style type="text/css">
body { font: normal 12px verdana; }
a { text-decoration: none; }
</style>
</head>
<body>
<form id="" action="<?php echo $_SERVER['SCRIPT_NAME']; ?>" method="post">
    <div id="inputalan">
        <div class="input"><input type="file" class="dosyainput" name="dosya[]" />&nbsp;<a href="javascript:inputEkle();">[+]</a>&nbsp;<a href="javascript:inputSil();">[-]</a></div>
    </div>
    <br />
    <input type="submit" name="upload" value="Yükle" />
</form>
</body>
</html>

hocam bu örnek ile eklerken name kısmı artmıyormu html yansımıyor örneğe baktım ama açıklarmısın biraz ?

20-01-2010, 14:42:08

#6

~~devturkeli~~

Üyeliği durduruldu

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

hocam bu örnek ile eklerken name kısmı artmıyormu html yansımıyor örneğe baktım ama açıklarmısın biraz ?

name kısmı artar, javascript ile eklendiği için html yansıtmaz. örnek olarak verdiğim kodun başına şunu ekle 2-3 dosya seç formu yolla.

<?php
if ($_POST) {
    print_r($_POST);
}
?>

şöyle bir çıktı görürsün;

Array
(
    [dosya] => Array
        (
            [0] => dosya1.txt
            [1] => dosya2.txt
            [2] => dosya3.txt
        )

    [upload] => Yükle
)

20-01-2010, 15:21:28

#7

SefaCan

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

name kısmı artar, javascript ile eklendiği için html yansıtmaz. örnek olarak verdiğim kodun başına şunu ekle 2-3 dosya seç formu yolla.

ilgin için tşkler hocam