Kapat

merhaba değerli arkadaşlar.
bu yazımda sizlerle güzel bir php ile nasıl dinamik bir texbox oluşturabiliriz ve nasıl yapabiliriz bunu anlatacağım.
php örneğimizi incelediğinizde, sizlerde rahatlıkla bu işlemi yapabileceksiniz.
php ile ilgili tüm yazılarımı okuyarak php ile ilgili tüm soru işaretlerinizi kaldırabilirsiniz.
hazırsanız başlayalım.
sizlere güzel bir kod örneği hazırladım. bu örneğimizde birden fazla text alanlarına veri girişi yapılabilinmekte ve bu veri girişleri bir dosyaya yazdırılmaktadır. sizler bunu veritabanlarınıza yazdırabilir ve sitenizde ve ya projelerinizde kullanabilirsiniz.
birden fazla metin alanı hazırladım ve bu metin alanlarını dinamik olması için javascript ile destekleyerek hazırladım.
bu kodu çalıştırmak için 2 adet dosya oluşturmanız gerekmektedir.
index.php dosyası ve count.php dosyası.
index.php dosyamıza veri giriş yaptığımız formları tanımladım.
aynı zamanda formların nasıl görüneceğini stilerinide tanımladım.
count.php dosyasında ise forum alanlarına girmiş olduğum veriler ekrana basılmaktadır.
bu işlemide foritch döngüsünü kullanarak gerçekleştirdim.
evet arkadaşlar kod örneği ile ilgili vermek istediğim bilgiler bunlardı.
index.php için gerekli olan kodlar.

index.php

php kod:

dinamik textbox oluşturma <script language="javascript" type="text/javascript">
function add(count){
var temp="";
temp=temp+"<table width='740' align='center' border=0>"
temp=temp+"<tr><td></td><td style='border-style:none' align='left'>"
temp=temp+"<input type='text' name=row1"+count+" size='20' maxlength='100'>"//row2
temp=temp+"</td>"
temp=temp+"<td style=border-style:none align='right'>"
temp=temp+"<input type=text name=row2"+count+" size='10' maxlength='10'>"//row12
temp=temp+"</td>"
temp=temp+"<td style=border-style:none align='right'>"
temp=temp+"<input type=text name=row3"+count+" size='10' maxlength='10'>"//row22
temp=temp+"</td><td style=border-style:none align='left'><a href='javascript:add("+(++count)+")'>+</a></td></tr>"
temp=temp+"</table>"
//alert(document.getElementById("divisions"));
document.all("divisions").innerHTML=document.all("divisions").innerHTML+temp;

}

</script>

<?php

print"<html><body>"; ////creating html and body tags
print "<form name='frm1' action='count.php' method='post'>"; ///creating form for posting
$count=1; //a counter to increment the rows
print "<div id='divisions'>"; ///creating division where the rows will be inserted
print "<table border=0 border-style='ridge' width=750 align='center'>"; /// first table
print "<tr><td></td></tr>";
print "<tr><td></td><td style=border-style:none align='left'>";
print "<input type='text' name=row1".$count." size='20' maxlength='100'>";//row11 creating first row with the names as row
print "</td>";
print "<td style=border-style:none align='right'>";
print "<input type=text name=row2".$count." size='10' maxlength='10'>";//row21
print "</td>";
print "<td style=border-style:none align='right'>";
print "<input type=text name=row3".$count." size='10' maxlength='10'>";//row31
print "</td><td style=border-style:none align='left'><a href='javascript:add(".++$count.")'>+</a></td></tr>"; /// hyperlink and counter to add rows using javascript
print "</table>"; ///end of first table
print "</div>"; //// division gets over
print "<table border=0 width=740 align='center'><tr><td colspan=5 align='center'><input type='submit'></td></tr></table>"; // table & submit buttonthird table end
print "</form>"; //end of form
print"</body></html>"; //end of html and body
?>

count.php için gerekli olan kodlar.

count.php

php kod:

<?php

foreach ($_POST as $key=>$value)
{

print "$key = $value<br>";

}

?>

evet arkadaşlar bu şekilde hazırlamış olduğum basit bir dinamik veri giriş uygulaması.
bu yazımla ilgili soru ve sorunlarınızı yazımın altına yorum olarak bana bildirebilirsiniz.
başka bir yazıda görüşmek üzre.
iyi bloglamalar.

Bir önceki yazımız olan php sepet uygulama örneği başlıklı makalemizde php alış veriş sepet örneği, php örnek uygulamaları ve php sepet uygulaması hakkında bilgiler verilmektedir.

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

*

code


Kapat