Javascript ile zenginleştirilmiş bir web site yapıyorsanız eğer bazen diziler kullanarak kısa sürede tablolar oluşturmak isteyebilirsiniz. Bu sizin özgürlük alanınız ve sizin algoritmik yönetim anlayışınıza kalıyor. Bu kodlar ile birlikte istediğiniz ebatlardaki tabloyu oluşturup içeriğini önceden belirleyip istediğiniz id li divin içerisine yerleştirebiliyorsunuz. Böylece aynı tabloları tek bir fonksiyon ile oluşturabilirsiniz.

function ototablo(yer,formid,tr,td,tdin,genoran,kisaad){
 tr=parseInt(tr); td=parseInt(td);
 $(yer).append('<table width="100%" id="'+formid+'"></table>');
 for(var i=0; i<tr; i++){
 var tur=kisaad[i];
 $('#'+formid).append('<tr id="tr'+formid+i+'"></tr>');
 for(var j=0; j<td; j++){
 $('#tr'+formid+i).append('<td width="'+genoran[j]+'%" id="'+tur+'-'+j+'">'+tdin[j][i]+'</td>');
 }}}

var td = 3; var tr=5; // bunlar sizin gerçek td tr sayısal değerleriniz
var td2=td-1; var tr=tr-1;
var iceriktd = new Array(td2,tr2);  // 3 td 5 tr için dizi üretecek
for(i=0;i<td;i++){
iceriktd[i]=i;
}
//bu for döngüsü ile dizide yaratacak bir hatadan kurtarıyor ve
//td kadar genişlikte bir dizi betimliyoruz.

iceriktd[0]=["AD","SOYAD","YAŞ","MESLEK","ADRES"]; //ilk sütunun satırlarına gelir</pre>
<pre>// mesela bir iletişim formu soruları olabilir
kisaad=["ad","soyad","yas","meslek","adres"];
// td ve tr lere id atar ve ilerde bunları idlere ulaşmak için kullanabilirsiniz
var input = '<input type="text" name="veri[]" id=""/>';
// text formatında bir form irişi bunu çoğaltabilir
//aşağıdaki dizide tanımlayabilirsiniz
iceriktd[1]=[input,input,input,input,input]; // ikinci sütunun satırlarına gelir
iceriktd[2]=["","","","",""]; // satırları çoğaltmak sizin elinizde
// eğer ki daha kısa veya uzun bir tablo yapacak iseniz tek yapmanız gereken yukarıda
// dizi genişliklerini artırıp her sütun için yeni içerikler hazırlamak
genoran= ["12","84","4"]; // tablonuzu 100% olarak ele alın
//ve genişliklerini yüze tamamlayacak şekilde belirleyebilirsiniz.
ototablo("#DivId",'tablonuzunAdi',tr,td,iceriktd,genoran,kisaad);

// fonksiyon sonucunda  id si DivId olan div içerisine bu tablonun oluşması gerekir
// problem olması durumunda haber veriniz mail : trexoft[et]gmail.com

arkadaşlar deneyin ve görün herangi bir problem olması durumdan yazarsınız.
tüm yazılımcılara tüm içtenliğimle kolaylıklar diliyorum.
Ali KILIÇ

Facebook'dan yorumla