Anslut enheten Carriots till Paniks Status styrelsen - Enhetsstatus (4 / 8 steg)
Steg 4: om status.html
Kanske är den enklaste filen att förstå status.html. Denna fil är i huvudsak mini webbsidan som kallas av Status styrelsen. Just denna fil dock ställs in som en mall i kolven. Det innebär att data från vår web ansökan fylls i den här mallen innan den serveras.
Just denna fil är byggd baserat på panik egen "människor i rymden" exempel. I Status Board är en DIY Panel i grunden en mini webbsida som är speciellt formaterad. Vår webbsida måste därför vara korrekt formaterad. Om du vill veta mer, kan du hitta den DIY Panel guide här. En stor sak om denna mini webbformat är att det betyder du kan också visa den här filen i en webbläsare om du inte använder Status styrelsen. Mer om det senare.
Speciell formatering är i CSS av webbsidan. CSS är inbyggd i HTML-filen i stället för att kräva en separat CSS-fil.
Det finns också ett par javascripts i filen. Den första manus, kallas jstimezonedetect, hjälper DIY panelen för att få mottagande systemets tidszon namn. Tidszonen är nödvändigt så att vår webbapplikation kan automatiskt konfigurera den tiden visas i Status styrelsen widget. Javascript får Tidszonens namn från en standardlista med namn och skickar den till application server som en parameter i en AJAX uppdateringsbegäran.
Övriga funktioner script skapa en AJAX samtal som uppstår varje så ofta, i vårt fall är det 60 sekunder. Denna uppdatering uppmaning är en särskild del av vår applikationsserver som kommer tillbaka en JSON svar i stället för en HTML-webbsida. Det vill säga returnerar den endast data. När skriptet tar emot ett svar, data analyseras och uppdateras fälten så att widgeten visar de senaste uppgifterna.
Minns hur jag sa att du inte behöver en iPad att prova denna widget? Här är varför. Panelen DIY är egentligen bara en mini webbsida med vissa specialformatering. Det betyder bara om något innehåll kan visas i Status styrelsen. Eller, för den delen, i en webbläsare. Nu är del av den specialformatering en genomskinlig bakgrund så att Status styrelsen kan återge en lämplig bakgrund. En genomskinlig bakgrund med vit text oftast kommer inte se bra ut i en vanlig webbläsare, så att en särskild parameter för "? skrivbordet" kan läggas till i slutet av Webbadressen för att visa bilden i webbläsaren. Se bilder i det här steget för ett exempel.
Vidare till nästa fil.