Yksi tärkeimmistä elementeistä sivustolla on kalenteri, jonka avulla käyttäjäsi voivat seurata tapahtumia ja uusien tuotteiden julkaisuja. Tai lue vain muistiinpanoja tai mitä tahansa muuta, mitä voit ajatella. Vietettyäsi jonkin aikaa tällä oppitunnilla opit luomaan PHP-kalenterikoodin verkkosivustollesi. Emme rajoita vain ohjelmointia, kiinnitämme huomiota myös kalenterin CSS- ja html-rakenteeseen. Sanalla sanoen, teemme kaiken alusta loppuun!

CSS

Vähemmän sanoja, enemmän tekoja. Aloitetaan heti kalenterin css-tyyleistä. Alla oleva koodi on yhteensopiva ongelmallisen IE6-selaimen kanssa.

/* kalenteri */ table.calendar ( border-left:1px solid #999; ) tr.calendar-row ( ) td.calendar-day ( min-height:80px; font-size:11px; position:relative; ) * html div.calendar-day ( korkeus:80px; ) td.calendar-day:hover ( tausta:#eceff5; ) td.calendar-day-np ( background:#eee; min-height:80px; ) * html div. calendar-day-np ( korkeus: 80px; ) td.calendar-day-head ( tausta:#ccc; font-weight:bold; text-align:center; leveys:120px; padding:5px; border-bottom:1px solid #999; border-top: 1px solid #999; reunus-right: 1px solid #999; oikea marginaali: -5px -5px 0; text-align:center 999 border-right: 1px solid #999;

PHP

Koko PHP-kalenterin skriptikoodi perustuu periaatteessa yhteen toimintoon, joka vaatii kaksi parametria: halutun kuukauden ja vuoden. On huomattava, että funktion keskellä jätin tilaa tietokannalle. Halutessasi voit näyttää tarvittavat tapahtumat kalenteriruudukossa. Tätä käsikirjoitusta kirjoittaessani käytin taulukoita div-lohkojen sijaan, koska ne ovat käytännöllisempiä, jos yksi päivä on täynnä tapahtumia.

Englanninkielinen kalenterikäsikirjoitus otettiin pohjaksi, joten annan kaksi versiota: englannin- ja venäjänkielisen kalenterin. Valitse kummasta pidät! Ainoa ero on PHP-koodissa. CSS-tyylejä pysyy samana molemmissa vaihtoehdoissa.

PHP kalenterin kirjoitus venäjän tyyliin "; /* Otsikot taulukossa */ $headings = array("maanantai","tiistai","keskiviikko","torstai","perjantai","lauantai","sunnuntai"); $calendar.= " "; /* pakolliset päivä- ja viikkomuuttujat... */ $juoksu_päivä = päivämäärä("w",mktime(0,0,0,$kuukausi,1,$vuosi)); $juoksupäivä = $juoksupäivä - 1; $ päivää_kuukaudessa = päivämäärä("t",mktime(0,0,0,$kuukausi,1,$vuosi)); $day_counter = 0 /* kalenterin ensimmäinen rivi */ $kalenteri.= " < $running_day; $x++): $calendar.= "

Johtopäätökset Näin ollen meillä on yksinkertainen ja helposti upotettava tapahtumakalenteri, joka toimii nopeasti ja on helppo muokata ja joka toimii puhtaalla PHP+javascriptillä ilman lisäkirjastoja.2016-05-11

Aiheeseen liittyvät julkaisut

Androidin juurruttaminen Kingo Root -sovelluksella

2024-01-19 05:17:14

Esimerkkejä aloitussivujen myymisestä (aloitussivu)

2024-01-18 05:21:44

VKontakten teeman vaihtaminen Teeman asentaminen VK:lle

2024-01-13 05:39:23

".implode("	",$otsikot)."