Html Veya Javascript Ders Programına Saat Ekleme

[cecenahmet8]

               Arkadaşlar Html de bı ders programı tasarladım ama bı sorunum var cozemıyorum tabloyu açıldığı bilgisayarın saati ile ilişkilendirip örneğin bilgisayarın saati 13:00 ise tablodaki 13:00'daki matematik dersini arka plan rengini değiştirerek vurgulamasını yapmaya çalışıyorum ama içinden cıkamadım yardımcı olursanız memmun olurum.Şimdiden herkese Teşekkür ederim. SAYGILAR.. Tablonun html kodlarını yazıyorum aşağı kısma;

 

<table border="1" cellpadding="5" cellspacing="0" width="90%" bgcolor="#CCBBAA" align="center">

<tr><td><a href="C:\İndex.html" target="_parent">Ana sayfa</a></td><td><a href="C:\Ders programı.html" target="_parent">Ders programı</a></td><td><a href="C:\Users\Yemek Listesi.html" target="_parent">Yemek Listesi</a></td><td><a href="C:\İletişim.html" target="_parent">İletişim</a></td><td><a href="C:\Hakkında.html" target="_parent">Hakkımda</a></td>

</tr>

</table><h5 align="center">2015-2016 GÜZ DÖNEMİ BİLGİSAYAR TEKNOLOJİLERİ BÖLÜMÜ DERS PROGRAMI<h5>

<h1></h1>

<table border="1" cellpadding="2" cellspacing="0" width="70%" bgcolor="#CCBBAA" align="center">

<tr><th colspan="7" align="center">1.Sınıf Gündüz</th> </tr>

<tr><td>Saat</td><td>Pazartesi</td><td>Salı</td><td>Çarşamba</td><td>Perşembe</td><td>Cuma</td><td>Cumartesi</td></tr>

<tr><td>08:00</td><td>Tek. Bil. İlk.</td><td></td></tr>

<tr><td>09:00</td><td>Tek. Bil. İlk.</td><td></td><td></td><td>Matematik</td><td></td><td></td></tr>

<tr><td>10:00</td><td></td><td></td><td>Davranış Bil.</td><td>Matematik.</td><td>Türk Dili</td><td>Tarih İ.Ö.</td></tr>

<tr><td>11:00</td><td></td><td></td><td>Davranış Bil.</td><td>Matematik.</td><td>Türk Dili</td><td>Tarih İ.Ö.</td></tr>

<td>12:00</td><td colspan="6" height="20" align="left"></td>

<tr><td>13:00</td><td>Temel elekt.</td><td>Algoritma</td><td>Prog. An. ve Tas.</td><td></td><td>ADS-1</td><td>ADS-1 İ.Ö.</td></tr>

<tr><td>14:00</td><td>Temel elekt.</td><td>Algoritma</td><td>Prog. An. ve Tas.</td><td></td><td>ADS-1</td><td>ADS-1 İ.Ö.</td></tr>

<tr><td>15:00</td><td>Temel elekt.</td><td>Algoritma</td><td>İstatistik</td><td>İngilizce</td><td>Tarih</td><td></td></tr>

<tr><td>16:00</td><td>Temel elekt.</td><td>Algoritma</td><td>İstatistik</td><td>İngilizce</td><td>Tarih</td><td></td></tr>

</table> <h1></h1>

[NotToday]

Bu tarz birşeyle yapabilirsin

<?php if(date('H:i')==$saat){bgcolor="#313131"} ?>

[cecenahmet8]

 

Bu tarz birşeyle yapabilirsin

<?php if(date('H:i')==$saat){bgcolor="#313131"} ?>

üstad cok teşekkür ederım ama metın belgesı uzerınden yapıyorum bu ıslemı ınternet programcılıgı ıcın o yuzden javascrıpt daha ıyı olurdu çalıştırmak dersın dısına cıkmadan. en son ıhtımal kullanırım yapamazsam. tekrar teşekkur ederım.

[galetis]

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

<script>

var tarih = new Date();

var saat = tarih.getHours() - 6; // Saati alıp hücrelerin indexlerinin uyuşması için 6 azaltıyoruz

var gun = tarih.getDay(); // günü alıyoruz

var ders = $('#tablo tr:eq(' + saat + ') td:eq(' + gun + ')'); // hücre seçimi ( eq = indis )

if(ders.html() != '' && gun != 0) { // ders hücresi boş değilse ve gün indexi 0 değilse (pazartesiden cumaya 1-6)
	ders.css({'backgroundColor': 'green'});
}

</script>

Dosyanın en sonuna bu satırları ekleyip denermisin

[cecenahmet8]

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>

<script>

var tarih = new Date();

var saat = tarih.getHours() - 6; // Saati alıp hücrelerin indexlerinin uyuşması için 6 azaltıyoruz

var gun = tarih.getDay(); // günü alıyoruz

var ders = $('#tablo tr:eq(' + saat + ') td:eq(' + gun + ')'); // hücre seçimi ( eq = indis )

if(ders.html() != '' && gun != 0) { // ders hücresi boş değilse ve gün indexi 0 değilse (pazartesiden cumaya 1-6)
	ders.css({'backgroundColor': 'green'});
}

</script>

Dosyanın en sonuna bu satırları ekleyip denermisin

 

teşekkur ederım denedım sımdı ama sonuc alamadım bı kac ayrı sekılde uygulamaya çalıştım ama :( sonuc aynı

[borz_50]

:rolleyes:

[cecenahmet8]

:rolleyes:

:) Selamun Aleykum çeçen kardeşim :)

[cecenahmet8]

Arkadaşlar çözüm için yardımlarınızı bekliyorum. SAYGILAR

[borz_50]

Aleykum selam...mrblar..

[faruk15725]

<table border="1" cellpadding="5" cellspacing="0" width="90%" bgcolor="#CCBBAA" align="center">
<tr><td><a href="C:\İndex.html" target="_parent">Ana sayfa</a></td><td><a href="C:\Ders programı.html" target="_parent">Ders programı</a></td><td><a href="C:\Users\Yemek Listesi.html" target="_parent">Yemek Listesi</a></td><td><a href="C:\İletişim.html" target="_parent">İletişim</a></td><td><a href="C:\Hakkında.html" target="_parent">Hakkımda</a></td>
</tr>
</table><h5 align="center">2015-2016 GÜZ DÖNEMİ BİLGİSAYAR TEKNOLOJİLERİ BÖLÜMÜ DERS PROGRAMI<h5>
<h1></h1>
<table border="1" cellpadding="2" cellspacing="0" width="70%" bgcolor="#CCBBAA" align="center">
<tr><th colspan="7" align="center">1.Sınıf Gündüz</th> </tr>
<tr><td>Saat</td><td>Pazartesi</td><td>Salı</td><td>Çarşamba</td><td>Perşembe</td><td>Cuma</td><td>Cumartesi</td></tr>
<tr><td>08:00</td><td>Tek. Bil. İlk.</td><td></td></tr>
<tr><td>09:00</td><td>Tek. Bil. İlk.</td><td></td><td></td><td>Matematik</td><td></td><td></td></tr>
<tr><td>10:00</td><td></td><td></td><td>Davranış Bil.</td><td>Matematik.</td><td>Türk Dili</td><td>Tarih İ.Ö.</td></tr>
<tr><td>11:00</td><td></td><td></td><td>Davranış Bil.</td><td>Matematik.</td><td>Türk Dili</td><td>Tarih İ.Ö.</td></tr>
<td>12:00</td><td colspan="6" height="20" align="left"></td>
<tr><td>13:00</td><td>Temel elekt.</td><td>Algoritma</td><td>Prog. An. ve Tas.</td><td></td><td>ADS-1</td><td>ADS-1 İ.Ö.</td></tr>
<tr><td>14:00</td><td>Temel elekt.</td><td>Algoritma</td><td>Prog. An. ve Tas.</td><td></td><td>ADS-1</td><td>ADS-1 İ.Ö.</td></tr>
<tr><td>15:00</td><td>Temel elekt.</td><td>Algoritma</td><td>İstatistik</td><td>İngilizce</td><td>Tarih</td><td></td></tr>
<tr><td>16:00</td><td>Temel elekt.</td><td>Algoritma</td><td>İstatistik</td><td>İngilizce</td><td>Tarih</td><td></td></tr>
</table> <h1></h1>

<script>
var a = new Date() 
a =  a.toLocaleTimeString().substr(0,2)
var b = document.querySelectorAll("table:nth-child(5) > tbody > tr > td:nth-child(1)")
for (var i in b){
 var saat =b[i].innerHTML.toString().trim().substr(0,2); 
console.log(saat );
 if(saat == a) { b[i].style.color ="#8AC007" } }
</script>