F. lecke (HTML5, CSS3, PHP5)


Új ???? (PHP manual)


Tudáspróba - 2. variáció (egyszerű feleletválasztós teszt javascripttel)

Egy egyszerű szerkezetű szövegfájlt alakít tesztté egyetlen PHP program. Érdekessége, hogy ugyanaz a program tartalmazza a kérdőívet és az értékelést!
Minden feladat egy kérdésből és két vagy több válaszból (max. 5) áll. A válaszok közt több hibátlan is lehet, ezeket kell megjelölni. (Előfordulhat az is, hogy egy hibátlan sincs, azaz semmit sem kell bejelölni!) Az összes kérdés megválaszolása után törölhetjük válaszainkat vagy kérhetünk egy összesített értékelést, amely kérdésenként és százalékosan is értékel.

Szükséges fájlok (tömörítve):

  • quiz/index3.php - a tesztet feldolgozó PHP fájl
  • quiz/css/style3.css - a tesz megjelenését beállító stílusfájl
  • quiz/data/minta_.txt - teszt(adat)fájl: egy egyszerű teszt 3 kérdéssel és válaszokkal (több igaz is van)
  • quiz/data/padrag_.txt - teszt(adat)fájl: Padrag története (helytörténet) képekkel, listával
  • quiz/imgs/quizbg.png - kép a tesztek értékeléséhez
  • quiz/imgs/padrag*.jpg - képek a padragi teszthez


A teszt adatfájljainak felépítése

Részletesebben az első öt sorról:

  1. a teszt címe
  2. a teszttel kapcsolatos információ (egy sor, de a <br> HTML paranccsal több sorra is törhető)
  3. a teszt szerzője (pl. Összeállította: xy)
  4. a tesz "születési dátuma" (pl. 2017.03.30.)
  5. a teszttel kapcsolatos linkek (források, hasonló kvízek, olvasmányok, de lehet egy üres sor is)

Az adatfájl elején pontosan öt sornak kell állnia, mert a 6. sort már kérdésnek értelmazi a feldolgozó program!

Részletesebben a "tesztelemekről":

  • minden kérdés egy szövegsor legyen, de ebben lehetnek HTML parancsok (pl. kép, link, egy <br> amivel többsorossá tehető a megjelenítés, felsorolás, sorszámozott lista vagy akár egy komplett táblázat)
  • a válaszok felépítése:
    - a válaszok is egysorosak
    - az első karakter mindegyik sorban egy tabulátor,
    - a válaszok közt csak egy helyes válasz lehet, ezt (a tab után) egy csillag jelölje (tehát a 2. karakter csillag)
  • az utolsó válaszok után egy üres sor álljon

Az adatfájl magyarázattal

Az adatfájl magyarázat nélkül

Kattints ide!




Az "index1.js" Javascript fájl első sorai (értékadások a változóknak)

var grade  = 0;       // pontszám
var count1 = 0;       // jó válaszok számlálója az üzenethez (mod 4)
var count2 = 0;       // rossz válaszok számlálója az üzenethez (mod 4)

var msg    = 6;       // üzenetek/hibaüzenetek száma
var msg1   = new Array(
   'Eltaláltad! Lottózzál!',
   'Szuper!',
   'A válasz hibátlan!',
   'Jó választás. A helyes választ adta!',
   'Rendben! Ügyes!',
   'Csak így tovább! A válasz helyes ...');
var msg2   = new Array(
   'Nem nyert! No még egyszer!',
   'Nem talált! No még egyszer!',
   'Nem, a válasz helytelen. Próbáld meg újból!!',
   'Hoppá! A válasz helytelen. Próbáld meg újra!',
   'A válasz helytelen. Gondold át, és próbáld meg újra!',
   'Sajnos nem ez a helyes válasz. Próbáld meg újra!');
   ...

Itt adjuk meg azokat a szövegeket, amelyek közül (véletlenszerű választással) egyet kiír a Javascript program (jó válasz esetén a felsőkből, hibás válasznál az alsókból választ). Ezek természetesen módosíthatók, de bővíthető is a lista, csak ügyelni kell a határolójelekre (bővítéskor az "msg = 6" is javítandó!)!



Másoljuk le az "indexE.php" fájlt "indexF.php", a "mainE.css" fájlt "mainF.css", valamint a "menuE.inc" fájlt "menuF.inc" néven és javítsuk át a rá való hivatkozásokat!




Vissza a tanfolyam menüjére



Rohan az idő ...

Jön, jövöget: 2018

63052 perc még

Elérhetőség

Katt a képre!

Weboldalaim

Naptár

Névnap

Erzsébet napja van ma

Boldog névnapot kívánok!