Bir takvim uygulamasına ihtiyacım oldu.En çok kullanılan full calender eklentisini kullanarak izlediğim yollar şu şekilde öncelikle eklentiyi indiriyoruz http://fullcalendar.io/download/
ardından kullanacagım sayfada js css yollarını gösteriyoruz
Ben bootsrap ile kullandım siz istediğiniz şekilde kullanabilirsiniz.
<br> <link rel='stylesheet' href='fullcalendar/fullcalendar.css' /><br> <script src='lib/jquery.min.js'></script><br> <script src='lib/moment.min.js'></script><br> <script src='fullcalendar/fullcalendar.js'></script></p> <p><div class="calendar"></div></p> <p>
<br> $('#calendar').fullCalendar({<br> header: {<br> left: "prev,today,next",<br> center: "title",<br> right: "month,agendaWeek,agendaDay"<br> },<br> eventClick: function(event, jsEvent, view) {<br> // gelen değerleri bootsrap modalina uyarlıyorum.<br> $('#modalTitle').html(event.title);<br> $('#modal-image').html(event.resim);<br> $('#modal-text').html(event.description);<br> $('#eventUrl').attr('href',event.url);<br> $('#fullCalModal').modal();</p> <p> },<br> editable: !1,<br> eventLimit: !0,<br> events: {<br> url: 'json.php' // etkinlikleri burdan çekiyorum<br> },<br> });<br>
Veritanından çektiğim sorgu ise ;
<br> include('setting.php'); // veritabanı ayarları</p> <p> $takvim = $conn -> query('SELECT * FROM tablo');<br> $datas = array();</p> <p> foreach($takvim as $row){<br> $start = $row['tarih'];<br> $eventsArray['id'] = $row['id'];<br> $eventsArray['title'] = $row['tile'];<br> $eventsArray['start'] = $row['tarih']; // format - 2016-07-07<br> $eventsArray['description'] = $row['aciklama'];<br> $eventsArray['resim'] = '<img src="/uploads/'.$row['resim'].'" />';<br> $events[] = $eventsArray;<br> }</p> <p> echo json_encode($events);<br>
Demoya atamadım malasef çıktılar şu şu şekilde oluyor.
Siz kendize göre düzenleyiniz.
merhaba iyi günler bu örneği indirebilirmiyim teşekkürler
tabi iletişim geçebılırsınız paylaşabılırım cunku dosyalar ayrı ayrı
merhabalar, anlattığınız örneğin kodlarını paylaşabilir misiniz?
Bu örneğin üzerine event ekleme, silme, düzenleme özelliklerini de ekleyerek geliştirmek istiyorum.
cihaniriboy@outlook.com mail atabılırsenız yollayabılırım yogunlutkan dolayı bakamıyorum
Merhaba dosyayı banada gönderebilirmisiniz.
Teşekkür ederim.
cihaniriboy@outlook.com mail atabılırsenız yollayabılırım yogunlutkan dolayı bakamıyorum
Paylaşım için çok teşekkür ederim hocam. Benimde bu şekilde bir takvime ihtiyacım var. Paylaşırsanız sevinirim teşekkürler.
mail atabilirseniz yollayabilirim
ssylmz@hotmail.com adresine dosyaları atabilir misiniz? Teşekkürler şimdiden.
Kaynak kodları gönderebilir misiniz mustafa.akca@ogr.ktu.edu.tr tesekkurler
Biraz düzenleyerek yükledim kendinize göre düzenleyiniz ama
https://yadi.sk/d/9XE3vIa3yzKovQ