22. december 2010 - 12:43 Der er 1 kommentar og
1 løsning

Farve på element, TimerInterrupt og Op-Ned scrolling

HEJ,

Jeg har en TIDS- TABEL, startende fra klokken 08:00 og frem til 24:00 i step af 15 minutter:

Altså :
1. element = 08:00 - 08:15
2. Element = 08:15 - 08:30
3. element = 08:30 - 08:45
--
65. element = 23:45 - 24:00

..
<TR>
  <TD id='elem01' style='...'>08:00 - 08:15</TD>
  ..
</TR>
<TR>
  <TD id='elem02' style='...'>08:15 - 08:30</TD>
  ..
</TR>
<TR>
  <TD id='elem03' style='...'>08:30 - 08:45</TD>
  ..
</TR>

1. Del af opgaven går ud på at når klokken er mellem 08:00 og 08:15 skal TD-celle (elem01) være farvet (rød, grøn, gul - no matter) for at indikere at her er vi. Når klokken nu skifter til 08:15:01 skal TD-celle (elem02) skifte til samme farve. TD-Celle
(elemXX -1) skal "tilbageføres til orgiginal farve.

klokken 08:30 skal celle elem03 farves ( ... osv)

(Løsningen kan også være at der oprettes en farvet søjle i TIDSKOLONNEN. (Kolonne 1) )

2:
Tidsinterval-rutinen skal være i JavaScript og fyre hvert kvarter. Initialt skal rutinen udregne klokken fra 08:00 til aktuelle tidspunkt og sætte farven på aktuelle tidscelle i kolonne 1 (eller op til og inkluderende) aktuelle tidscelle.


3:
Da Tabellen kun vises delvist (anvendelse af CSS-koden Overflow: auto ) skal positionen på vertical-scrollbar'en justeres tilsvarende.

Nu er JavaScript (eller JQuery) ikke min stærke side, så jeg trænger lidt instruktioner i hvordan jeg gør dette ??

TAK PÅ forkant..

KRistian
Avatar billede intenz Novice
22. december 2010 - 18:58 #1
Brug jquery til at lav det, det vil være nemmest.

1.
Brug date objektet til at finde et timestamp på tiden nu, beregn så hvilket ID der skal have ændret sin class.

Du må få et bedre mapping mellem tidspunkter og id'er, så du ved hvilket id du skal have fat i på et givent tidspunkt.


var startTimestamp=new Date().setHours(8,0,0,0);
alert(startTimestamp); // timestamp, svarende til i dag kl. 8

var nowTimestamp=new Date().getTime();
alert(nowTimestamp); // timestamp, svarende til nu


2.
Du bør bruge setTimeout og setInterval til at køre dine events på en smart måde hvert xx tidspunkt.
http://www.w3schools.com/jsref/met_win_settimeout.asp
http://www.w3schools.com/jsref/met_win_setinterval.asp

3.
scroll må du kigge i jquery, sådan noget undgår jeg at bruge.
http://www.google.dk/search?q=jquery+scrollTo

---

Det lyder mere som en betalt opgave for mig. Men det kan jo være du er heldig at nogen gider lave det for dig gratis :)
31. maj 2011 - 09:25 #2
OK Lukker problemet
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester