Anlık veri kaydı ve gösterimi ( Soru)

Merhaba arkadaşlar. bir tane makale giriş sayfası yaptım fakat aşağıda yazdıklarımın olmasını istiyorum.

Üye makaleyi kaydederken en altta kendi İD ve kullanıcı bilgisi olacak ( yani üyenin makalesi olacak bu) fakat üye bu makalede ona yardımcı olan diğer yazarlarıda buraya ekleyebilecek.

Ekle butonuna bastığında yeni yazar o makale'nin yazarları gibi görünecek. Bu işlem yapılırken sayfanın yenilenmemesi lazım. sadece yazar ekleyeceği ve sileceği alan yenilenmeli.

Bir tane yabancı siteden örnek ekliyorum.

Sayfa yenilenmeden yapmak için ajax kullanmanız gerek , ama jquery hiç bilmiyor iseniz yapabilmeniz zor , ortada hiçbir kod olmadığından da yardımcı olacak birileri çıkar mı bilemem.

Ajax'a gerek yok hatta Ajax sacma bile olur belki arkadas JQuery demek istemistir.

Olayi adim adim anlatayim sizde ona göre aramaya devam edersiniz.

1. Ekleye basinca 2. resimde ki Add author u gösterin. Eger bu pencereye bir id verirseniz.
Javascript ile
let element = document.getElementById('menu_penceresi_id');
//goster
element.style.visibility = 'hidden'

JQuery
//goster
$('#pencere_id').show()


2. Pencerede girilmis verileri okuyun ve yazar tablosuna ekleyin.
( Pencerede ki verileri ise direk taboya ekleyin ve makaleyi kayit ederken verileri okuyup isleyin(veritabanina kayit))

//Jquery
let author = $('#author_name').val();
//digerleri de ayni sekilde.
//yazarlarin bulundugu tablo
$('#authors_list').append('<tr><td>'+ author+'</td></tr>';

//Javascript

let author = document.getElementById('author_name').value()

document.getElementById('author_list').innerHTML+= '<tr><td>'+author+'</td></tr>';

3. Pencreyi gizle
//javascript
element.style.visibility ='visible'
//JQuery
$('#pencere_id').hide()



seklinde olacktir. Yazdiktan sonra 2 kere daha okudum, kafam cok dolu umarim yazim hatalari veya anlam kaymalari yoktur.


Kolay gelsin