peşin edit: ilk tablo dediğim sağdaki oluyor.
peşin edit2: dün de açmıştım başlığı bir arkadaş mootools'u önerdi, şu sıralar ona bakıyorum ama hala tavsiye lazım "nerden" nasıl başlamamla ilgili.
Yapmak istediklerimi caps üstünde anlatayım. Siz de nasıl bir yol izleyeceğime dair tavsiye verirseniz çok sevinirim.
Şimdi, ilk resimdeki gibi bir tablom var diyelim. Mavi ve Gri sütunlarda isimler yazıyor. ali, rıza, kamil, kamuran vs. Ayrıca bu isimlerin bulunduğu başka bir tablo daha var. (isimler tablosu)
Sarı renkli sütunlar ise tablolardan bağımsız değerler. mesela x, "ege'deki satışlar"ı temsil ediyor olsun.
Bu tablonun aynısını anasayfaya bastırmak istiyorum. Ancak bir ekleme yaparak;
Mesela, bu tablonun bir satırını ele alalım yeni capste. Tabloda, herhangi bir satırdaki herhangi bir değere tıklandığında, hemen o satırın altına -sanırım ajax ile olacak- yeni bir satır açılmasını ve her ikisinin de değerlerini göstermesini istiyorum.
Karmaşık oldu. Anlatayım; tabloyu inceliyorum. Ahmet ve Rıza'nın aynı satırda bulunduğu satıra bakıyorum. Misal, burda m Ahmet ve Rıza'nın aynı bölgede çalıştığı vakit harcadığı parayı gösteriyor olsun. Ben bu değere (m'e) tıkladığımda aşağıda bir satır açılsın. (mesela: www.mackolik.com 'da, maçların yanındaki koda tıkladığımızda aşağıya açılır bir satır geliyor. Tıpa tıp aynı mantık)
Ve bu açılan satırda da Ahmet'in maliyeti/satışı, Rıza'nın maliyeti/satışı yazsın. m'e tekrar tıkladığımda satır kapansın. Başka satırda bir değere bakmak istediğimde de aynı şekilde işlem yapayım.
Yani, bu tablo üstündeki her şey tıklanabilir olsun, tıklandığı an da yeni satır halinde bana istediğim bilgiyi versin.
Kısa zamanda çok şey öğrendim, yine öğrenmeye çalışıyorum. Ancak daha önce hiç böyle bir şey görmediğim için nasıl yapabileceğimi, neye bakmam gerektiğini nasıl başlamam gerektiğini bile bilmiyorum. Dolayısıyla biraz tavsiye verirseniz eğer, o yönde araştırırım ve yavaş yavaş bir şeyler çıkarırım ortaya.
Teşekkür ettim şimdiden.
ajax ile olur, javascript framework olarak aklina ne gelirse kullanabilirsin, en bilinenleri jquery mootools bence, ama tonla var.
yapmak istedigin sey bence epey kolay.
1. <div id="row{buraya bir id, unique bir sey diyelim row3029}'><div>a</div><div>b</div><div onclick="{buraya clicklenince cagiracagin javascript fonksiyonu}>m</div></div>
2. jquery ve mootools'da id'si x olan diyelim row3029 element'in altina yeni element yarat fonksiyonu var, bunu kullanarak yeni bir div yaratip gostermek istediginiz data'yi bu div'in icine koyacaksiniz. sonra da o div'i yaratip inject ediyorsun. peki div'in icerigi nerden geliyor
3. ajax ile bir php dosyasina row3029 bilgisini veya bir variyasonyunu gonderiyorsun, php dosyasi bunu alip senin o gostermek istedigin datayi:
3.a. ya json olarak gonderiyor. boyle yaparsan 2.deki fonksiyonla html'e cevirip render ediyorsun.
3.b. ya da html olarak gonderiyor o zaman bu php'nin return ettigi veriyi direkt basiyorsun.
4. 2'deki fonsyion 3.a. ve 3.b. den gelen dataya gore div'i yaratip inject ediyor, div'in uzerinde kapat diye bir link ile o div'i yokedebilirsin gene bir baska fonksiyonla.