Documente Academic
Documente Profesional
Documente Cultură
ITEMI CU ASOCIERE 5
NCHEIERE 11
1
Introducere
O pagin web poate fi deschis n dou moduri:
Site-ul aflat n folderul Literatura veche poate fi folosit pentru a realiza alt site de teste. Testele
descrise sunt create cu Java Script.
Pentru a nlocui cuvintele Teste, Cuprins, Definiie, Adevrat, Fals i altele procedm astfel:
n primul cmp scriem Teste iar n al doilea Quiz, dup care apsm pe butonul Urmtorul gsit i
dac este bine venit nlocuirea folosim butonul nlocuire, altfel continum cu Urmtorul gsit sau
facem nlocuiri manual.
Comanda ne va anuna cnd nu mai exist cuvntul Teste n pagina respectiv, moment n care
salvm modificrile fcute i verificm rezultatul obinut deschiznd pagina cu browserul sau
reactualiznd fiierul din browser cu F5.
Atenie la cuvintele care conin diacritice! Aceste cuvinte nu pot fi cutate n forma real pentru
c n locul diacriticelor , , , , exist codurile hexazecimale ă î ş ţ.
Evident c n acest caz cutarea se va face doar cu partea cuvntului care nu conine diacritice.
Exemplu. Verific se va cuta doar dup Verific. Dar n acest caz avem o nou excepie. Textul
Verific, nlocuit, nu este vizibil n browser. Ceea ce vedem sunt nite imagini care trebuie
2
modificate n Paint. Imaginile se gsesc n folderul buttons. Pentru a nu strica legturile,
modificrile fcute n Paint trebuie salvate cu acelai nume i aceeai extensie.
Pentru acest tip de item avem o singur variant corect de rspuns, care trebuie aleas dintr-o list
care poate avea dou sau mai multe elemente.
3
<tr>
<td width="4%" valign="top"><input type="radio" name="Q1Choice" value="Q1Choice1"
id="Q1Choice1"></td>
<td width="4%" valign="top">a)</td>
<td width="92%" valign="top"><label for="Q1Choice1">Gheorghe Şincai şi Samuil Micu
</label></td>
</tr>
<tr>
<td width="4%" valign="top"><input type="radio" name="Q1Choice" value="Q1Choice2"
id="Q1Choice2"></td>
<td width="4%" valign="top">b)</td>
<td width="92%" valign="top"><label for="Q1Choice2">Nicolae Cartojan şi Samuil
Micu</label></td>
</tr>
<tr>
<td width="4%" valign="top"><input type="radio" name="Q1Choice" value="Q1Choice3"
id="Q1Choice3"></td>
<td width="4%" valign="top">c)</td>
<td width="92%" valign="top"><label for="Q1Choice3">Gheorghe Şincai şi Gheorghe
Cardaj</label></td>
</tr>
<tr>
<td width="4%" valign="top"><input type="radio" name="Q1Choice" value="Q1Choice4"
id="Q1Choice4"></td>
<td width="4%" valign="top">d)</td>
<td width="92%" valign="top"><label for="Q1Choice4">Samuil Şincai şi Gheorghe Micu
</label></td>
</tr>
Dac dorim s adugm un nou element vom copia la final o seciune <tr> .</tr> n care va trebui s
modificm urmtoarele
- value="Q1Choice4" n value="Q1Choice5"
- <td width="4%" valign="top">e)</td> n <td width="4%" valign="top">e)</td>
- <td width="92%" valign="top"><label for="Q1Choice4">Samuil Şincai şi Gheorghe
Micu </label></td> n <td width="92%" valign="top"><label for="Q1Choice5">Eu sau tu
</label></td>
Pentru a funciona verificarea automat trebuie s se stabileasc anterior tipul de rspuns. Codul care
face acest lucru este <input type="hidden" name="Q1Match" value="1"> unde valoarea lui value
trebuie s fie egal cu numrul de ordine al rspunsului corect relativ la lista de elemente definit
anterior. Dar n acest caz nu este suficient! Este necesar s-i transmitem cte elemente are lista. Codul
pentru o list cu 4 elemente este onClick="shfbkLyr_mch1(1,4);" onKeypress="shfbkLyr_mch1(1,4); .
Evident c modificrile se refer la cifra 4 care poate fi mrit sau micorat.
Iat cum ar arta pagina dac rspunsul corect ar fi Eu sau tu
4
Itemi cu asociere
Pentru acest tip de item trebuie s asociem fiecrui element dintr-o list (de regul cea din partea
stng) un singur element aflat ntr-o list ascuns aflat n partea dreapt a fiecrui element. Exemplul
de mai jos l gsii n page_05.htm
<tr>
<td width="4%" valign="top">a)</td>
<td width="30%" valign="top"><label for="Q1Combo1">Epoca premodern</label></td>
<td width="66%" valign="top"><select name="Q1Combo1" id="Q1Combo1">
<option><font size=-3>Alege...</option>
<option><font size=-3>literatura dintre cele dou rzboaie mondiale</font></option>
<option><font size=-3>literatura dintre anii 1780-1830</option>
<option><font size=-3>literatura paşoptist şi amarilor clasici</option>
<option><font size=-3>literatura nceputului de secol XX</option>
<option><font size=-3>literatura ultimilor ani</option></option>
<option><font size=-3>literatura scris dup cel de al doilea rzboi mondial</option></select></td>
</tr>
<tr>
<td width="4%" valign="top">b)</td>
<td width="30%" valign="top"><label for="Q1Combo2">Epoca modern</label></td>
<td width="66%" valign="top"><select name="Q1Combo2" id="Q1Combo2">
<option><font size=-3>Alege...</option>
<option><font size=-3>literatura dintre cele dou rzboaie mondiale</font></option>
<option><font size=-3>literatura dintre anii 1780-1830</option>
<option><font size=-3>literatura paşoptist şi amarilor clasici</option>
<option><font size=-3>literatura nceputului de secol XX</option>
<option><font size=-3>literatura ultimilor ani</option></option>
<option><font size=-3>literatura scris dup cel de al doilea rzboi mondial</option></select></td>
</tr>
<td width="4%" valign="top">c)</td>
<td width="30%" valign="top"><label for="Q1Combo3">Literatura postromantic</label></td>
<td width="66%" valign="top"><select name="Q1Combo3" id="Q1Combo3">
<option><font size=-3>Alege...</option>
<option><font size=-3>literatura dintre cele dou rzboaie mondiale</font></option>
<option><font size=-3>literatura dintre anii 1780-1830</option>
<option><font size=-3>literatura paşoptist şi amarilor clasici</option>
5
<option><font size=-3>literatura nceputului de secol XX</option>
<option><font size=-3>literatura ultimilor ani</option></option>
<option><font size=-3>literatura scris dup cel de al doilea rzboi mondial</option></select></td>
</tr>
<tr>
<td width="4%" valign="top">d)</td>
<td width="30%" valign="top"><label for="Q1Combo4">Literatura interbelic</label></td>
<td width="66%" valign="top"><select name="Q1Combo4" id="Q1Combo4">
<option><font size=-3>Alege...</option>
<option><font size=-3>literatura dintre cele dou rzboaie mondiale</font></option>
<option><font size=-3>literatura dintre anii 1780-1830</option>
<option><font size=-3>literatura paşoptist şi amarilor clasici</option>
<option><font size=-3>literatura nceputului de secol XX</option>
<option><font size=-3>literatura ultimilor ani</option></option>
<option><font size=-3>literatura scris dup cel de al doilea rzboi mondial</option></select></td>
</tr>
<tr>
<td width="4%" valign="top">e)</td>
<td width="30%" valign="top"><label for="Q1Combo5">Literatura contemporan</label></td>
<td width="66%" valign="top"><select name="Q1Combo5" id="Q1Combo5">
<option><font size=-3>Alege...</option>
<option><font size=-3>literatura dintre cele dou rzboaie mondiale</font></option>
<option><font size=-3>literatura dintre anii 1780-1830</option>
<option><font size=-3>literatura paşoptist şi amarilor clasici</option>
<option><font size=-3>literatura nceputului de secol XX</option>
<option><font size=-3>literatura ultimilor ani</option></option>
<option><font size=-3>literatura scris dup cel de al doilea rzboi mondial</option></select></td>
</tr>
<tr>
<td width="4%" valign="top">f)</td>
<td width="30%" valign="top"><label for="Q1Combo6">Literatura actual</label></td>
<td width="66%" valign="top"><select name="Q1Combo6" id="Q1Combo6">
<option><font size=-3>Alege...</option>
<option><font size=-3>literatura dintre cele dou rzboaie mondiale</font></option>
<option><font size=-3>literatura dintre anii 1780-1830</option>
<option><font size=-3>literatura paşoptist şi amarilor clasici</option>
<option><font size=-3>literatura nceputului de secol XX</option>
<option><font size=-3>literatura ultimilor ani</option></option>
<option><font size=-3>literatura scris dup cel de al doilea rzboi mondial</option></select></td>
</tr>
Dar dup cum observai lista ascuns este aceeai de fiecare dat, doar elemnetele din stnga sunt
diferite caz n care dac vrem s mai adugm un element vom copia o seciune <tr> .</tr>
<tr>
<td width="4%" valign="top">f)</td>
<td width="30%" valign="top"><label for="Q1Combo6">Literatura actual</label></td>
<td width="66%" valign="top"><select name="Q1Combo6" id="Q1Combo6">
<option><font size=-3>Alege...</option>
<option><font size=-3>literatura dintre cele dou rzboaie mondiale</font></option>
<option><font size=-3>literatura dintre anii 1780-1830</option>
<option><font size=-3>literatura paşoptist şi amarilor clasici</option>
<option><font size=-3>literatura nceputului de secol XX</option>
<option><font size=-3>literatura ultimilor ani</option></option>
<option><font size=-3>literatura scris dup cel de al doilea rzboi mondial</option></select></td>
</tr>
6
n care vom modifica
<tr>
<td width="4%" valign="top">g)</td>
<td width="30%" valign="top"><label for="Q1Combo7">Literatura proprie</label></td>
<td width="66%" valign="top"><select name="Q1Combo7" id="Q1Combo7">
<option><font size=-3>Alege...</option>
<option><font size=-3>literatura dintre cele dou rzboaie mondiale</font></option>
<option><font size=-3>literatura dintre anii 1780-1830</option>
<option><font size=-3>literatura paşoptist şi amarilor clasici</option>
<option><font size=-3>literatura nceputului de secol XX</option>
<option><font size=-3>literatura ultimilor ani</option></option>
<option><font size=-3>literatura scris dup cel de al doilea rzboi mondial</option></select></td>
</tr>
Iar coninutul tuturor listelor ascunse trebuie s primeasc nc un element corespunztor asocierii
care trebuie fcut. De exemplu:
<option><font size=-3>Alege...</option>
<option><font size=-3>literatura dintre cele dou rzboaie mondiale</font></option>
<option><font size=-3>literatura dintre anii 1780-1830</option>
<option><font size=-3>literatura paşoptist şi amarilor clasici</option>
<option><font size=-3>literatura nceputului de secol XX</option>
<option><font size=-3>literatura ultimilor ani</option></option>
<option><font size=-3>literatura scris dup cel de al doilea rzboi mondial</option></select></td>
Va deveni
<option><font size=-3>Alege...</option>
<option><font size=-3>literatura dintre cele dou rzboaie mondiale</font></option>
<option><font size=-3>literatura scris de mine</font></option>
<option><font size=-3>literatura dintre anii 1780-1830</option>
<option><font size=-3>literatura paşoptist şi amarilor clasici</option>
<option><font size=-3>literatura nceputului de secol XX</option>
<option><font size=-3>literatura ultimilor ani</option></option>
<option><font size=-3>literatura scris dup cel de al doilea rzboi mondial</option></select></td>
Aici este important s folosii copy+paste ca toate listele ascunse s fie identice.
Pentru a funciona verificarea automat trebuie s se stabileasc anterior tipul de rspuns. Codul care
face acest lucru este format din tot attea elemente cte se gsesc n lista din partea stng, dar care
sunt numerotate de la 0 la n-1.
<input type="hidden" name="Q1Matches0" value="2">
<input type="hidden" name="Q1Matches1" value="3">
<input type="hidden" name="Q1Matches2" value="4">
<input type="hidden" name="Q1Matches3" value="1">
<input type="hidden" name="Q1Matches4" value="6">
<input type="hidden" name="Q1Matches5" value="5">
unde valoarea lui value trebuie s fie egal cu numrul de ordine al rspunsului corect relativ la lista
ascuns. Observaie! Nu este obligatoriu ca lista ascuns s aib tot attea elemente cu cea din partea
stng. Poate s aib mai multe i atunci una sau mai multe dintre numerele de ordine nu vor fi folosite,
sau mai puine i atunci atunci una sau mai multe dintre numerele de ordine vor fi folosite de mai
multe ori. Modificrile pe care trebuie s le facem sunt urmtoarele:
<input type="hidden" name="Q1Matches0" value="3">
<input type="hidden" name="Q1Matches1" value="4">
<input type="hidden" name="Q1Matches2" value="5">
<input type="hidden" name="Q1Matches3" value="1">
7
<input type="hidden" name="Q1Matches4" value="7">
<input type="hidden" name="Q1Matches5" value="6">
<input type="hidden" name="Q1Matches6" value="2">
Dar i n acest caz nu este suficient! Este necesar s-i transmitem cte elemente are lista. Codul pentru
o list cu 6 elemente este onClick="shfbkLyr_match2(1,6);" onKeypress="shfbkLyr_match2(1,6)
Dup cum vedei spaiile create trebuie numerotate. Vlaoarea lui size reprezint limea spaiului
creat. n cazul n care dorim s dm indicii legate de mrimea cuvntului lips putem s schimbm
valoarea lui size ntr-un numr identic cu numrul de litere al cuvntului lips.
Pentru a funciona verificarea automat trebuie s se stabileasc anterior tipul de rspuns. Codul care
face acest lucru este format din tot attea elemente cte spaii libere se gsesc n text. Numerotarea
lor ncepe de la 0.
8
<input type="hidden" name="Q1TextEntryMatches0" value="veche">
<input type="hidden" name="Q1TextEntryMatches1" value="prefeudale">
<input type="hidden" name="Q1TextEntryMatches2" value="feudale">
<input type="hidden" name="Q1TextEntryMatches3" value="scrisului">
<input type="hidden" name="Q1TextEntryMatches4" value="XVIII">
Dar nici i n acest caz nu este suficient! Este necesar s-i transmitem cte spaii libere trebuie
completate. Codul pentru textul cu 5 spaii libere este onClick="shfbkLyr_gap2(1,5);"
onKeypress="shfbkLyr_gap2(1,5);" Evident c modificrile se refer la cifra 5 care poate fi mrit sau
micorat.
Observaie. Acest tip de item este foarte versatil i poate fi folosit pentru ierarhizri, grupri, sau
pentru itemi cu rspunsuri multiple.
Unde cols stabilete limea zonei, iar rows stabilete nlimea acesteia.
Pentru a funciona verificarea automat trebuie s se stabileasc anterior cu mare grij toate
variantele de rspuns corecte pe care le poate da elevul/studentul. Codul care face acest lucru este
format din toate variantele considerate corecte.
9
Dar este necesar s-i transmitem cte variante de rspunsuri corecte am definit. Codul este
onClick="shfbkLyr_txt3(1,6);" onKeypress="shfbkLyr_txt3(1,6);". Evident c modificrile se refer la
cifra 6 care poate fi mrit sau micorat.
Acest item poate fi folosit pentru a verifica memorarea n ntregime a unui vers sau citat.
Iat cum ar arata acest item pentru verificarea unui citat dat de Isaac Asimov despre calculator.
Chiar dac acest item are cel mai simplu cod, utilizarea lui trebuie fcut doar atunci cnd textul pe
care elevul/studentul l are de introdus este clar i nu las loc de interpretri.
10
ncheiere
Nu v temei de IACob!
11