javascript - Tilpasning af javascript - Udvikleren.dk - Programmering, webdesign og grafik

Tags: javascript

Bruger #18843 @ 17.02.14 14:16

Hej alle sammen.

Jeg står over for en sikkert relativt let udfordring, som jeg tænker, at der må være en herinde der har løsningen på: Hvordan tilpasser jeg denne kode, så jeg bedre kan styre hvornår hvilken tekst skal være der? Jeg mener, hvordan jeg kan gøre, så jeg kan lægge ind i koden for længere tid ad gangen (i stedet for kun en kalendermåned ad gangen), samt hvordan jeg kan få den til at starte ved dags dato (17. februar 2014) i stedet for d. 1. i måneden.

På forhånd tak for hjælpen.

JScript kode

 <!DOCTYPE html>
 <html>
 <head>
 <title>Det sker der i dag</title>
 <script>
 var messages = [
     "",
     "<u>1. marts 2014:</u><br>C-stævne (Hestehavens Rideklub)<br>C-stævne (Nørre Åby Rideklub)<br>D-stævne (Broholm Rideklub)",
     "<u>2. marts 2014:</u><br>C-stævne (Hestehavens Rideklub)<br>C-stævne (Nørre Åby Rideklub)<br>D-stævne (Broholm Rideklub)",
     "<u>3. marts 2014:</u>",
     "<u>4. marts 2014:</u><br>Vejen frem-kursus (Distrikt 7)",
     "<u>5. marts 2014:</u>",
     "<u>6. marts 2014:</u>",
     "<u>7. marts 2014:</u>",
     "<u>8. marts 2014:</u><br>D-stævne (Langesø-Egnens Rideklub)",
     "<u>9. marts 2014:</u><br>D-stævne (Langesø-Egnens Rideklub)",
     "<u>10. marts 2014:</u>",
     "<u>11. marts 2014:</u><br>Bestyrelsesmøde (Distrikt 7)",
     "<u>12. marts 2014:</u>",
     "<u>13. marts 2014:</u>",
     "<u>14. marts 2014:</u><br>D-stævne (Skovly Rideklub)",
     "<u>15. marts 2014:</u><br>C-stævne (Hestehavens Rideklub)<br>D-stævne (Skovly Rideklub)",
     "<u>16. marts 2014:</u><br>C-stævne (Hestehavens Rideklub)<br>D-stævne (Skovly Rideklub)",
     "<u>17. marts 2014:</u><br>Generalforsamling (Distrikt 7)",
     "<u>18. marts 2014:</u>",
     "<u>19. marts 2014:</u>",
     "<u>20. marts 2014:</u>",
     "<u>21. marts 2014:</u><br>C-stævne (Fyens Rideklub)",
     "<u>22. marts 2014:</u><br>C-stævne (Fyens Rideklub)<br>D-stævne (Killerup Rideklub)",
     "<u>23. marts 2014:</u><br>C-stævne (Fyens Rideklub)<br>D-stævne (Killerup Rideklub)",
     "<u>24. marts 2014:</u>",
     "<u>25. marts 2014:</u><br>Rytterlicenskursus (Distrikt 7)",
     "<u>26. marts 2014:</u>",
     "<u>27. marts 2014:</u>",
     "<u>28. marts 2014:</u>",
     "<u>29. marts 2014:</u><br>D-stævne (Trøstruplund Rideklub)<br>D-stævne (Millinge Rideklub)<br>E-stævne (Kellerup Rideklub)",
     "<u>30. marts 2014:</u><br>D-stævne (Trøstruplund Rideklub)<br>D-stævne (Millinge Rideklub)",
     "<u>31. marts 2014:</u>",
 ];
 
 window.onload = function() {
     var now = new Date();
     var day = now.getDate();
     document.getElementById("message").innerHTML = messages[day];
 }
 </script>
 </head>
 
 <body>
 <font face="Calibri" size="2"><p id="message"></p></font>
 </body>
 </html>

4 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma

Sorter efter stemmer Sorter efter dato

Bruger #12476 @ 17.02.14 14:52

110

Du kunne jo med fordel opbevare den slags information i en persistant data store, såsom en database, et xml dokument eller evt bare et tekstdokument, og så læse det derfra. Det er noget nemmere at have med at gøre end at skulle modificere dit javascript array, som oven i købet indeholder markup.

Bruger #18843 @ 17.02.14 15:02

Det lyder rigtig fint, men jeg har ikke forstand på hvordan jeg kan gøre det. Hvordan kommer jeg i gang med det?

Bruger #12476 @ 17.02.14 15:23

110

hehe ja okay, det er måske lidt en mundfuld at beskrive på én gang hvis det altsammen er nyt for dig

Det er dog en rigtig fin øvelse til at få noget god forståelse for hvordan man gør den slags.

hvis du har mod på den opgave, så vil jeg anbefale dig at starte med at sætte dig ind i et serverside sprog som f.eks. php. Din opgave kan løses relativt simpelt med php, mysql og de teknologier du allerede anvender (html og javascript). Hvis du derimod ønsker at løse opgaven ved kun at rette i din ovenstående kode, så er dette også muligt, men du får ikke opnået den samme fleksibilitet.

Så det kommer lidt an på hvad du er ude efter; den hurtige løsning, eller at lære hvordan den slags bør løses "rigtigt"

Bruger #17081 @ 17.02.14 15:42

1.258

en ting ( ud over dit javascript ) er at du lige skal være opmærksom på, at nedenstående ikke er en super god ide i HTML5 ... brug CSS i stedet. <font> tagget finde f.eks. ikke i HTML5

HTML kode

 <font face="Calibri" size="2">

Tilpasning af javascript

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler