Professional Documents
Culture Documents
LIMBAJUL HTML
LIMBAJUL HTML
Atributul BGCOLOR stabilete culoarea de fundal a paginii Web (Ex: <body bgcolor = blue> - culoarea de fundal va fi albastr sau <body bgcolor = 804050> (formatul de culoare este RRGGBB rou, verde, albastru) sau <body bgcolor = 15%85%95% > sau <body bgcolor = aaffcc> (formatul hexazecimal)) Atributul TEXT permite stabilirea culorii implicite de scriere pe ntreaga pagin Web (Ex: <body Text = red> tot textul pe pagina de Web va scris cu rou) Atributul LINK permite stabilirea culorii unei legturi (vezi tag-urile de la legturi). Implicit aceasta este albastr. (Ex: <body link = green> - legturile vor avea culoarea verde) Atributul Vlink permite stabilirea culorii unei legturi vizitate (Ex: <body vlink = red> un link vizitat va avea culoarea roie) Atributul ALINK permite stabilirea culorii unei legturi de aciune, adic pna la realizarea conexiunii stabilite de legtur (vezi tag-urile de la legturi) link-ul va avea culoarea stabilit prin ALINK, iar dup realizarea conexiunii acesta culoare va devenii automat cea specificat cu VLINK (Ex: <body alink = yellow> - un link n aciune va avea culoarea galben) Observaie. Un tag poate folosi toate atributele de care dispune sau numai o parte din acestea (Ex: <body bgcolor = red text = yellow link = gray> Dac dorim ca pe o pagin Web s avem ca fundal o poz, atunci n locul atributului BGCOLOR din cadrul tag-ului <body bgcolor = a ......> vom folosii atributul BACKGROUND urmnd a specifica adresa pozei respective (Ex: <body background = c:\student\poza.gif text = red >
LIMBAJUL HTML
LIMBAJUL HTML
<sup> - permite scrierea unor cuvinte la putere (Ex: 9<sup>50 are ca efect - 950) <sub> - permite scrierea unor cuvinte ca indice (Ex: X<sub>i are ca efect Xi) <tt> - permite scrierea unui text monospaiat (Ex: <tt>Este cel mai bine</tt> <address> - permite scrierea pe un anumit stil aunei adrese potale, a unui telefon
Atributul SRC este folosit pentru specificarea adresei (sursei) imaginii pe care dorim a o plasa pe pagina Web (Ex: <img src=c:\student\poza.gif> - va plasa pe pagina de Web fiierul poza.gif existent n folderul c:\student Atributul BORDER permite stabilirea grosimii liniei ce va nconjura poza (Ex: <img src=c:\student\poza.gif border = 3> - linia ce va nconjura poza va avea o grosime de aproximativ 1 mm) Atributul WIDTH permite stabilirea unei dimensiuni a imaginii pe orizontal (lungimea pozei pe orizontal) (Ex: <img src=c:\student\poza.gif width = 150> - poza va avea o lungime pe orizontal de aproximativ 5 cm) Atributul HEIGHT permite stabilirea unei dimensiuni a imaginii pe vertical (lungimea pozei pe vertical) (Ex: <img src=c:\student\poza.gif height = 300> - poza va avea o lungime pe orizontal de aproximativ 10 cm)
Atributul ALIGN permite alinierea imaginii respective n src=c:\student\poza.gif align = left> - poza va fi aliniat la stnga)
cadrul
paginii
Web
(Ex:
<img
Atributul ALT permite scrierea unui text care va apare numai atunci cnd utilizatorul este poziionat cu mouse-ul pe imaginea respectiv (Ex: <img src=c:\student\poza.gif align = left alt = Poza aceasta este din secolul trecut>)
LIMBAJUL HTML
LIMBAJUL HTML
Ex: <ol type = 1 start =5> <li> Primul element din list <li> Al doilea element din list <li> Al treilea element din list </ol> Ex: <ol type = I start =3> <li> Primul element din list <li> Al doilea element din list <li> Al treilea element din list </ol>
Liste neordonate
<ul type = a> <li>Primul element din list <li>Al doilea element din list <li>Al treilea element din list </ul> O lista este neordonat dac elementele ei nu au o numerotare n fa (sunt neordonate), ci doar semne care s identifice elementul din list.
Atributul TYPE permite specificarea tipului de semn al elementului din list Ex: <ul type = Square> <li> Primul element din list <li> Al doilea element din list <li> Al treilea element din list </ul> Ex: <ul type = Disc> <li> Primul element din list <li> Al doilea element din list <li> Al treilea element din list </ul> Ex: <ul type = Circle> <li> Primul element din list <li> Al doilea element din list <li> Al treilea element din list </ul>
Liste cu definiii
<DL> <DT>Student <DD>O persoan nscris la o instituie de nvmnt superior <DT>Profesor universitar <DD>Cadru didactic la o instituie de nvmnt superior </DL>
4
43
LIMBAJUL HTML
LIMBAJUL HTML
Tag-ul <DT> precizeaz termenul pe care vrem s-l definim n cadrul listei cu definiii, iar tag-ul <DD> definete termenul pe care vrem s-l definim. Ex:
Legtur intern - permite realizarea unei legturi n cadrul aceluiai fiier. Schematic se prezint astfel:
Click aici
Seminar: Glvan Nicolae
LIMBAJUL HTML
LIMBAJUL HTML
Dup ce am definit semnul de carte la pagina 185 putem s ne deplasm de la pagina 1 la pagina 185 cu doar un click de mouse pe textul de legtur.
Legtur local permite realizarea unei conexiuni cu un alt fiier existent pe calculator, adic la nivel local.
Schematic se prezint astfel: A.HTM B.HTM sau orice alt extensie
Click aici
Ex:
<A href = c:\student\fisier.doc>Click aici</A> - dac executai click stnga de mouse pe textul Click aici, se va realiza o conexiune cu fiierul fiier.doc existent pe c:\student. Dac ns avem dou fiiere cu extensia htm (fisierul1.htm i fisierul2.htm) i dorim s ne deplasm din fiierul1.htm n fiierul2.htm la pagina 200, atunci n fiierul1.htm vom scrie: <A href = c:\student\fisierul2.htm#Semnul de carte de la pagina 200>Ctre fiierul 2</A> Observaie: La pagina 200 din fiierul2.htm voi merge i voi defini un semn de carte cu numele Semnul de carte de la pagina 200. Astfel am realizat o legtur localo-intern.
Legtur extern permite realizarea unei conexiuni cu exteriorul, care poate fi un site sau un e-mail).
Schematic se prezint astfel: A.HTM Exterior (Site sau E-mail)
Click aici
Ex: Legtur extrern ctre un site <A href = http://www.ase.ro>Vizitai site-ul A.S.E.</A> - permite realizarea unei conexiuni cu site-ul Academiei de Studii Economice. Ex: Legtur de transmitere a unui mesaj <A href=mailto:Georgescu@yahoo.com> Georgescu Nicolae </A> - permite transmiterea unei mesaj ctre csua potal a lui Georgescu Nicolae a crui adres de e-mail este.Georgescu@yahoo.com
6
43
LIMBAJUL HTML
LIMBAJUL HTML
Atributul Maxlength permite specificarea numrului maxim de caractere ce poate fi scris n caseta de tip text Atributul Value permite specificarea textului implicit ce va aprea scris n caseta de tip text. Ex: Introducei numele i prenumle <input type=text name=caseta1 size = 15 maxlength = 12 value = Popescu Ion>
Observaie. Caseta de tip text nu permite scrierea pe mai multe rnduri, ci doar pe unul singur. Caset de tip parol: <input type = Password name = a size = b maxlength = c value = d> - permite realizarea de casete de tip parol Ex: Introducei parola<input type=password name=caseta2 size=15 maxlength=12 value="Popescu Ion">
Caset de tip checkbox: <input type=checkbox name = a checked> Atributul Checked permite selectarea implicit a casetei de tip checkbox, utilizatorul putnd deselecta csua respectiv Ex: Care sunt limbile strine cunoscute: <input type=checkbox name = a>Englez <input type=checkbox name = b>Francez <input type=checkbox name = c>German
Caset de tip Radio buton: <input type=radio name = a checked> Atributul Checked permite selectarea implicit a casetei de tip checkbox, utilizatorul putnd deselecta csua respectiv Ex: Care este ara de origine: <input type=radio name=a>Romnia <input type=radio name=a >SUA <input type=radio name=a checked>Germania
Observaie. Toate radio butoanele aferente aceleiai ntrebri trebuie s aib acelai nume (name), iar ntrun formular nu pot exista mai multe grupuri de radio butoane cu un nume ce a mai fost dat anterior. Buton de trimitere a datelor ctre server: <input type=Submit name=a value = Trimite datele> Atributul VALUE permite scrierea unui text pe buton. Ex: <input type=Submit name=a value=Trimite datele>
Buton de tergere a datelor: <input type=Reset name=a value = Sterge datele> Ex: <input type=Reset name=a value=terge datele>
Buton obinuit: < input type=button name=a value=Calculeaza valoare din co>
Caset de tip multilinie: <textarea rows=a cols=b> .</textarea> - permite scrierea pe mai multe rnduri Atributul Rows permite precizarea numrului de linii vizibile n cadrul acestei casete de tip multilinie. Numrul liniilor ce poate fi scris n aceast caset este cu mult mai mare, dar vizibile pe ecran sunt doar cele precizate n Rows, pentru restul liniilor ne vom deplasa cu bara de defilare care va apare automat dac numrul de linii scrise este mai mare dect cel precizat cu Rows.
LIMBAJUL HTML
LIMBAJUL HTML
Atributul Cols permite precizarea numrului de caractere de pe coloan (un caracter = o coloan). Ex: <Textarea rows=6 cols=15>Tastai mesajul dvs.</Textarea>
Observaie. Verificai numrul liniilor precizate cu Rows i numrul caracterelor pe coloan precizate cu Cols. Caset de tip list derulant ComboBox: <select> <option>Elementul 1 <option>Elementul 2 <option SELECTED>Elementul 3 <option>Elementul 4 <option>Elementul 5 </select> Atributul OPTION permite specificarea elementelor casetei de tip list derulant Atributul SELECTED din cadrul tag-ului OPTION de la Elementul 3 realizeaz o selectie implicit a acestei opiuni. Ex:
Caset de tip list derulant cu selectie multipl: <select multiple size = a> <option>Elementul 1 <option>Elementul 2 <option selected>Elementul 3 <option>Elementul 4 <option>Elementul 5 </select> Atributul SIZE permite specificarea numrului de opiuni vizibile n cadrul listei respective.
8
43
LIMBAJUL HTML
LIMBAJUL HTML
Ex:
Observaie. n list avem 5 ri, dar vizibile avem numai 4 dintre ele datorit atributului SIZE=4. Pentru a vedea i cea de-a 5-a ar ne deplasm cu bare de defilare vertical. Pentru a selecta mai multe ri trebuie s inem i tasta CTRL apast.
LIMBAJUL HTML
LIMBAJUL HTML
Atributul ALIGN permite alinierea pe orizontal tabelului sau a textului n linia/celula respectiv Atributul VALIGN permite alinierea pe vertical a textului n linia/celula respectiv TAG-ul CAPTION permite specificarea unui titlu pentru tabelul respectiv. TAG-ul TR creeaz o linie n cadrul tabelului respectiv. Aadar, cte linii are tabelul, attea TR trebuie s avem (cheie de control). Atributele din TR au efect asupra ntregii linii. TAG-ul TD creeaz o celul pe linia respectiv. Aadar, cte celule are tabelul respectiv, attea TD trebuie s avem (cheie de control). Atributele din TD au efect asupra celulei curente. Observaie: Orice tabel se construiete de sus n jos, i de la stnga la dreapta. Exemplu: S se construiasc un tabel cu situaia notelor la disciplina de informatic pe grupe.
10 LIMBAJUL HTML
43
LIMBAJUL HTML
Observaie. Atributele folosite n cadrul tag-ului TD au prioritate fa de cele folosite n cadrul tag-ului TR. n cadrul tag-ului TD se poate folosi simultan i atributul ROWSPAN i COLSPAN, semnificnd faptul c celula respectiv unete X linii i Y coloane. ATENIE: urmrii culorile liniilor pentru a nelege cum se realizeaz un tabel. Anumitor celule le-am schimbat culoare pentru a vedea prioritatea dintre TR i TD.
Dintr-un capt n altul al ecranului nu ajunge dect o linie. Aadar, ecranul este mprit n dou linii dintre care prima are o dimensiune (*), iar cea de-a doua este de trei ori ct prima (3*). Aadar, pornim cu tag-ul <frameset rows =*,3* frameborder = yes> <html> <head> <title>Realizare frame-uri</title> <frameset rows="*,3*" frameborder=yes> <frameset cols="*,*,*"> <frame name=f1 src=1.htm noresize> <frame name=f2 src=2.htm noresize> <frame name=f3 src=3.htm noresize> </frameset> <frameset cols="*,*"> <frame name=f4 src=4.htm noresize> <frame name=f5 src=5.htm noresize> </frameset> </frameset> </head></html>
11 LIMBAJUL HTML
43
LIMBAJUL HTML
Prima linie este mprit n trei coloane egale. Deci, trebuie s construim coloanele respective cu <frameset cols="*,*,*">. Odat ce am creat coloanele respective, deoarece aceasta este forma final a primei linii, trebuie s precizm care este sursa pentru fiecare coloan n parte de pe prima linie. Pentru c doresc s nu aibe posibilitatea redimensionrii frame-urilor voi folosi i atributul NORESIZE atunci cnd precizez sursa fiecrui cadru n parte. <frame name=f1 src=1.htm noresize> <frame name=f2 src=2.htm noresize> <frame name=f3 src=3.htm noresize> Odat cu precizarea surselor celor trei coloanele, tag-ul ce a realizat mprirea n coloane trebuie nchis (</frameset>) Aadar, cu prima linie am terminat. Urmeaz a doua linie. Aceasta este i ea mprit n 2 coloane egale, deci trebuie s le crem: <frameset cols="*,*">. Aceasta fiind forma final trebuie acum s precizez care este sursa pentru cele 2 noi coloane create. <frame name=f4 src=4.htm noresize> <frame name=f5 src=5.htm noresize> Odat cu precizarea surselor coloanelor acesta trebuie nchis (</frameset>) Totodat am terminat cu ambele linii, deci trebuie s nchid frame-urile (</frameset>) Observaie: Fiierele precizate ca surs a coloanelor sau liniilor trebuie mcar s existe, chiar dac nu avem nimic scris n ele. (1.htm, 2.htm, 3.htm, 4.htm, 5.htm trebuie s existe).
LIMBAJUL HTML
Rezolvare Poza de pe pagina de WEB are dimensiunea: Width (lungimea) = 368 pixeli i Height (nlimea) = 263 pixeli. Pe aceasta se regsesc trei zone de aciune: o zon rectangular, ce are coordonatele: 198, 40 i 217, 55 o zon de cerc, ce are coordonatele: 210, 180, 7 o zon poligon, ce are coordonatele: 266, 68 267, 87 286, 87 286, 68 i 276, 39 2 Dup ce s-au stabilit coordonatele celor trei zone reactive de pe imaginea suport se poate trece la scrierea codului surs. Acesta este: 6 html> <head> 3
<title>Exemplu de imagine reactiva</title> p </head> i <body> x Aici este o singura poza in care6avem mai multe zone reactive, zone ce interactioneaza diferit la 3 8 p i x e l i un clic de mouse. e <p> l <Map name="Poza noastra"> i <area shape="rectangle" coords="198, 40 217, 55" href="mailto:georgescu@ase.ro">
<area shape="circle" coords="210, 180, 7" href="Http://www.electrice.ro"> <area shape="polygon" coords="266, 68 267, 87 286, 87 286, 68 276, 39" href="Alta pagin.html"> </Map> <img Usemap="#Poza noastra" border="3" src="J0149118.JPG" width="386" height="263"> </body> </html> Dup cum se observ, pentru nceput a fost necesar crearea hrii pozei de pe pagina de WEB. Pentru aceasta s-a folosit tag-ul <Map></Map>. Tag-ul <Area> cu atributul Shape definete practic zonele reactive din imaginea nostr. Valorile luate de acest atribut trebuie s fie specifice formei zonei reactive dorite, i anume, Rectangle, Circle, Polygon. Atributul Coords permite specificarea coordonatelor zonelor reactive pe tipuri de forme, astfel: la o form de tip Rectangle se va specifica adresa colului stnga sus i adresa colului dreapta jos; la o form de tip Circle se va specifica adresa centrului cercului i lungimea razei cercului; la o form de tip Polygon ne alegem un punct de pe zona poligonl i un sens de parcurgere al acesteia, urmnd a specifica adresa fiecrui punct de pe forma poligonal creat. Atributul Href are rolul de o specifica adresa destinaiei legturilor din zonele reactive. Includerea unei poze pe o pagin Web se face cu tag-ul <IMG>, cunoscut deja de la aplicaiile anterioare. Un atribut nou, Usemap, ne permite specificarea faptului c poza ce se dorete a fi inclus pe pagina de Web are n cazul de fa, cele trei zone reactive la coordonatele specificate mai sus. Foarte importante sunt i atributele WIDTH i HEIGHT, deoarece harta zonelor reactive de pe poza noastr a fost fcut pe dimesiunile Width (lungimea) = 368 pixeli i Height (nlimea) = 263 pixeli. Aceasta nseamn c n colul din stnga sus al pozei se afl coordonatele 0,0, iar n colul din dreapta jos se afl coordonatele 368, 263. Aadar, ntre aceste coordonate s-au stabilit i zonele reactive.
13 LIMBAJUL HTML
43
LIMBAJUL HTML
Foi de stil
Foile de stil se pot defini n trei feluri: n fiiere externe (extensie .CSS) n antentul unui fiier cu extensia htm sau html (<HEAD> .. </HEAD>) in-line, adic n cadrul tag-ului respectiv
Aplicaia 1:
S se defineasc ntr-un fiier extern (nume fiier extern - APLICATIA 1.CSS) urmtoarele proprieti de stil asupra unui text oarecare existent n fiierul A.HTM: culoarea de fundal a textului verde; culoare caracterelor alb textul s fie ngroat (bold) i cursiv (italic) dimensiunea textului: 14pt familia de fonturi: Arial, Arial Black, Times New Roman, Courier New adic, n funcie de BROWSER spaiul dintre caractere s fie de 0.2cm
Rezolvare: Trebuie s se cunoasc tag-urile folosite pentru formatarea caracterelor sau textului. Acestea sunt: <P>, <B>, <I>, <FONT>, etc. Se alege tag-ul asupra cruia se vor preciza aceste proprieti de stil. Alegem tag-ul <P>, atunci n fiierul cu extensia CSS (scris n NOTEPAD i salvat cu extensia CSS Aplicatia 1.CSS) - vom scrie:
OBSERVAIE: Pentru a scrie un text ntr-o pagin pot fi folosite mai multe fonturi (stiluri de caractere). Exist cinci familii generice de fonturi care sunt de regul disponibile pe toate calculatoarele utilizatorilor: "Serif", "Sans Serif", "Cursive", "Monospace" i "Fantasy". Tipul de font necesar poate fi stabilit prin proprietatea font-family: Pot fi introduse mai multe fonturi separate prin virgul - font-family: Arial, "Arial Black, "Times New Roman", "Courier New". n acest caz browserul va utiliza primul font pe care l cunoaste. Odat ce am ales tag-ul <P>, acesta trebuie precizat n fiierul A.HTM la modul obinuit, proprietile stabilite n fiierul extern se vor aplica ntregului text existent ntre <P>.</P>. Drept urmare, coninutul fiierului A.HTM poate fi:
14 LIMBAJUL HTML
LIMBAJUL HTML
15 LIMBAJUL HTML
LIMBAJUL HTML
Aplicaia 3:
Acelai enun cu specificare faptului c se dorete declararea proprietilor de stil IN-LINE, adic direct n tagul respectiv. Rezolvare: Pentru c se dorete declararea proprietilor de stil IN-LINE, atunci cnd vom scrie tag-ul <P> (cazul nostru) vom aduga i atributul STYLE = ., ntre ghilimele scriind practic aceleai proprieti cerute a fi modificate conform enunului. Deci, fiierul A.HTM se poate prezenta astfel:
16 LIMBAJUL HTML
17 LIMBAJUL HTML
18 LIMBAJUL HTML
43
LIMBAJUL HTML
o Clasa X: culoare roie; nesubliniate; culoarea de fundal a textului: galben; spaiu dintre caractere: 0,50cm; dimensiunea textului: 14pt. Clasa Y: culoare aurie; nesubliniate; culoarea de fundal a textului: rou; spaiu dintre caractere: 0,15cm; text bold; text italic; dimensiunea textului: 16pt.
Link-urile se vor regsi n cadru unei liste ordonate cu 2 elemente. Primul element are aplicat evenimentului HOVER clasa X, iar cel de-al doilea element are aplicat clasa Y. Rezolvare:
19 LIMBAJUL HTML
43
LIMBAJUL HTML
JavaScript
Codul surs JavaScript poate fi specificat astfel: ntr-un fiier extern cu extenia .JS; n antetul documentului, adic n interiorul tag-ului <HEAD>; n corpul documentului, adic n interiorul tag-ului <BODY>; att n antetul documentului, ct i n corpul documentului.
Aplicaia JS1:
S se scrie n JavaScript patru texte pe patru rnduri diferite, astfel: Pe primul rnd text aliniat la stnga, bold, italic i o culoare la alegere; Pe al doilea rnd text aliniat central, italic i o culoare la alegere Pe al treilea rnd text aliniat la dreapta, scris normal i o culoare la alegere Pe al patrulea rnd text aliniat la dreapta la care se aplic un efect de miscare tip Alternate pe o anumit dimensiune a zonei de aciune, cu o culoare de fundal la alegere i o culoare a textului oarecare.
Observaie:Codul JavaScript va fi specificat n corpul documentului, adic n interiorul tag-ului <BODY>. Rezolvare:
20 LIMBAJUL HTML
43
21 LIMBAJUL HTML
LIMBAJUL HTML
Aplicaia JS4:
S se defineasc n antetul documentului o funcie care s permit introducerea numelui dvs ntr-o fereastr de tip PROMPT, iar apoi s se afieze numele tastat direct pe pagina de WEB. Funcia va fi apelat la evenimentul OnClick ataat unui buton de formular.
22 LIMBAJUL HTML
43
23 LIMBAJUL HTML
LIMBAJUL HTML
Aplicaia JS7:
S se defineasc n antetul documentului o structur alternativ de tip IF care s analizeze media unui student tastat de dvs. ntr-o fereastr de tip PROMPT, iar n urma analizei acestei medii s se afieze direct pe pagina de web un text specific, astfel: Dac media tastat este mai mic sau egal cu 6, s se afieze textul Media este <=6; Dac media tastat este ntre 6 i 8 inclusiv, s se afieze textul Media este >6 si <=8; Dac media tastat este ntre 8 i 10 inclusiv, s se afieze textul Media este >8 si <=10; Iar dac media tastat este peste 10 s se afieze ntr-o fereastra un mesaj cu textul Nu exist medii mai mari dect 10.
24 LIMBAJUL HTML
43
LIMBAJUL HTML
Aplicaia JS8:
S se defineasc n antetul documentului o structur alternativ de tip SWITCH care s analizeze partea ntreag a mediei unui student, medie tastat de dvs. ntr-o fereastr de tip PROMPT, iar n urma analizei acestei pri ntregi s se afieze direct pe pagina de web un text specific, astfel: Dac media tastat este mai mic sau egal cu 6, s se afieze textul Partea intreaga a mediei tastate este <=6; Dac media tastat este ntre 6 i 8 inclusiv, s se afieze textul Partea intreaga a mediei tastate este >6 si <=8; Dac media tastat este ntre 8 i 10 inclusiv, s se afieze textul Partea intreaga a mediei tastate este>8 si <=10; Iar dac media tastat este peste 10 s se afieze ntr-o fereastra un mesaj cu textul Nu exist medii cu partea ntrega mai mare dect 10.
25 LIMBAJUL HTML
43
LIMBAJUL HTML
Aplicaia JS9:
26 LIMBAJUL HTML
43
S se defineasc n corpul documentului o structur alternativ de tip SWITCH care s analizeze luna tastat de utilizator i s o ncadreze corect n trimestrul din care face parte, prim afiarea unui text direct pe pagina de WEB sub forma Luna FEBRUARIE este n trimestrul I., n funcie de luna tastat.
27 LIMBAJUL HTML
43
28 LIMBAJUL HTML
43
29 LIMBAJUL HTML
43
30 LIMBAJUL HTML
43
31 LIMBAJUL HTML
43
32 LIMBAJUL HTML
43
33 LIMBAJUL HTML
43
34 LIMBAJUL HTML
43
35 LIMBAJUL HTML
43
36 LIMBAJUL HTML
LIMBAJUL HTML
Aplicaia JS21:
S se definesc n antetul documentului o funcie ce va conine un vector format din 4 elemente (4 nume de studeni), ale crui valori dorim a le lista direct pe pagina de WEB, att n ordine cresctoare, ct i n ordine descresctoare. Funcia va fi apelat la evenimentul OnClick ataat unui buton de formular. Observaie: Elementele vectorului trebuie s conin date de tip text.
37 LIMBAJUL HTML
LIMBAJUL HTML
Aplicaia JS22:
S se definesc n antetul documentului o funcie ce va conine un vector format dintr-un numr aleator de elemente (numr tastat de utilizator prin fereastr de tip PROMPT), ale crui valori dorim a le lista direct pe pagina de WEB, att n ordine cresctoare, ct i n ordine descresctoare. Funcia va fi apelat la evenimentul OnClick ataat unui buton de formular.
38 LIMBAJUL HTML
LIMBAJUL HTML
Aplicaia JS22:
S se definesc n antetul documentului o funcie ce va conine un vector format dintr-un numr aleator de elemente (numr tastat de utilizator prin fereastr de tip PROMPT), ale crui valori dorim a le nsuma i lista direct pe pagina de WEB. Se va verifica dac suma valorilor vectorului este de tip numeric (utilizatorul poate introduce o valoare eronat de tip text). Dac suma este numeric se va afia suma, dac nu se va afia textul Suma nu poate fi determinat. Funcia ce conine vectorul va fi apelat prin evenimentul OnClick ataat unui buton de formular. Observaie: Elementele vectorului trebuie s conin date de tip numeric.
39 LIMBAJUL HTML
43
43
LIMBAJUL HTML
Observaie. Coninutul existent n partea din stnga, partea centrala i partea de jos apare numai dup ce ai executat click pe textul aici situat n partea de sus. Rezolvare: Fiierul de creare al frame-urilor (Frame.htm) conine urmtorul cod surs:
Observaie. Frame-urile din stnga nu au nici o surs, deoarece acestea vor fi completate numai dup ce execut click stnga pe textul aici din fiierul surs SUS.htm. Fiierul SUS.htm conine urmtorul cod surs:
41 LIMBAJUL HTML
LIMBAJUL HTML
Observaie. Atributul TARGET din cadrul tag-ului <A href = > ..</A> are ca obiectiv afiarea conexiunii n frame-ul cu numele precizat n TARGET i nu n cadrul aceluiai frame (vezi ce nume am dat frame-urilor (name) n fiierul FRAME.htm i localizeaz locul cadranului n care este precizat <A href= ..>..</A> ce conine atributul TARGET fiierul Sus.htm este ca surs pentr cadranul din partea de sus.). Fiierul STNGA.HTM (vezi SUS.HTM este precizast aici ca referina (href)) curpinde:
42 LIMBAJUL HTML
LIMBAJUL HTML
Fiierul Central.HTM (vezi SUS.HTM este precizast aici ca referina (href)) curpinde:
43 LIMBAJUL HTML