Obiecte Reset, Submit, Select, Text, Textarea si Option

Curs Javascript

In aceasta lectie se continua prezentarea celorlalte obiecte de nivel 3 si obiectul de nivel 4, "Option", ale elementelor de formular.

1. Obiectul Reset

Acest obiect este asociat butonului "reset" dintr-un formular HTML, cand butonul este actionat sterge toate datele noi introduse in formular, stabilind campurile la valoarea lor initiala.

Proprietati ale obiectului "Reset" sunt urmatoarele :

• form - returneaza obiectul Form ce contine butonul
  name - contine sirul specificat in atributul name al etichetei <input> corespunzatoare butonului
  type - contine sirul specificat in atributul type al etichetei <input>
  value - returneaza sirul adaugat in atributul value din eticheta <input> a butonului

Metode ale obiectului "Reset" sunt urmatoarele :

• blur() - dezactiveaza butonul
  click() - apeleaza un eveniment "click" pt. butonul respectiv
  focus() - activeaza butonul

2. Obiectul Submit

Acest obiect este asociat butonului "submit" dintr-un formular HTML, cand butonul este actionat trimite datele din formular spre calea specificata in atributul "action" din eticheta <form>, pentru a fi procesate (de exemplu, la un script PHP).

Proprietati ale obiectului "Submit" sunt urmatoarele :

• form - returneaza datele din intreg formularul ce contine butonul "submit"
  name - returneaza sirul specificat in atributul name al etichetei <input> corespunzatoare butonului
  type - returneaza sirul specificat in atributul type din eticheta <input> a butonului "submit"
  value - returneaza sirul adaugat in atributul value din eticheta <input> a butonului

Metode ale obiectului "Submit" sunt urmatoarele :

• blur() - dezactiveaza butonul
  click() - apeleaza un eveniment "click" pt. butonul respectiv
  focus() - activeaza butonul
  handle Event() - apeleaza handlerul pt. evenimentul specificat

3. Obiectul Select

Acest obiect face referire la caseta cu lista de selectare si lista derulanta dintr-un formular HTML, ambele permit utilizatorului selectarea unor valori dintr-o lista predefinita. Dintr-o lista derulanta se poate selecta numai o singura valoare iar dintr-o caseta cu lista de selectare se pot selecta mai multe valori.
. Obiectul select poate apare ca lista derulanta (in mod initial) sau ca lista de selectare daca se specifica proprietatea "multiple" ca adevarata (true).

Proprietati ale obiectului "Select" sunt urmatoarele :

• form - returneaza obiectul Form ce contine lista de selectare
  length - returneaza numarul de optiuni din lista de selectare
  name - returneaza sirul specificat in atributul name al etichetei HTML corespunzatoare
  type - returneaza sirul specificat in atributul type al etichetei HTML (pentru instantele select ce contin atributul "multiple" returneaza "select-multiple", iar pentru cele fara acest atribut returneaza "select-one")
  options - returneaza un tablou ce contine toate elementele din caseta de selectare. Elementele sunt definite cu eticheta HTML <options>. aceasta proprietate are doua subproprietati: "length" si "selectedIndex"
  selectedIndex - returneaza un numar care specifica indicele optiunii selectate din caseta de selectare

Metode ale obiectului "Select" sunt urmatoarele :

• blur() - dezactiveaza caseta de selectare
  click() - apeleaza un eveniment "click" pt. caseta de selectare
  handleEvent() - transfera un eveniment handlerului de eveniment corespunzator

4. Obiectul Text

Acest obiect este reprezentarea casetei de tip "text" dintr-un formular HTML.
Obiectul text serveste ca unealta de capturare a datelor dintr-o caseta de tip "text".

Proprietati ale obiectului "Text" sunt urmatoarele :

• defaultValue - returneaza valoarea casetei de text, specificate de atributul value. form - returneaza obiectul Form ce contine caseta de text
  name - returneaza sirul specificat in atributul name al etichetei HTML corespunzatoare
  type - returneaza sirul specificat in atributul type al etichetei HTML
  value - returneaza valoarea afisata in caseta de text

Metode ale obiectului "Text" sunt urmatoarele :

• blur() - dezactiveaza caseta de text
  focus() - activeaza caseta de tip text
  handleEvent() - transfera un eveniment handlerului de eveniment corespunzator
  select() - selecteaza textul din caseta de text

5. Obiectul Textarea

Asemanator cu obiectul "Text", obiectul Textarea este reprezentarea casetei de tip "textarea" dintr-un formular HTML. Aceasta caseta permite adaugarea mai multor linii de text in acelasi camp (caseta).

Proprietati ale obiectului "Textarea" sunt urmatoarele :

• defaultValue - returneaza valoarea zonei de text, specificate intre etichetele <textarea>
  form - returneaza obiectul Form ce contine caseta textarea
  name - returneaza sirul specificat in atributul name al etichetei HTML corespunzatoare
  type - returneaza sirul specificat in atributul type al etichetei HTML
  value - returneaza valoarea afisata in caseta textarea

Metode ale obiectului "Textarea" sunt urmatoarele :

• blur() - dezactiveaza zona de text
  focus() - activeaza zona de text
  handleEvent() - transfera un eveniment handlerului de eveniment corespunzator
  select() - selecteaza textul din campul de text

6. Obiectul Option (nivel 4)

Acest obiect este singurul obiect de nivel 4, acesta face referire la elementele <option> definite intre etichetele <select>.
Obiectul option este un subobiect a obiectului "Select".

Proprietatile obiectului "Option" sunt urmatoarele :

• defaultSelected - face referire la optiunea care este selectata in mod prestabilit in caseta de selectare
  index - face referire la locatia indexata a unui element in tabloul "Select.options" (incepe cu 0)
  selected - face referire la valoarea selectata a casetei de selectare
  text - face referire la textul pentru optiune
  value - face referire la vloarea care este returnata cand este selectate optiunea

<nav><ul>
 <li><a href="http://coursesweb.net/css/" title="CSS Course">CSS Course</a></li>
 <li><a href="http://www.marplo.net/jocuri/" title="Flash Games">Flash Games</a></li>
</ul></nav>

.some_class {
  width: 30%;
  float: left;
}

var num = 12.34567;
num = Math.floor(num);
alert(num);       // 12

$str = "sir cu caractere utf-8 åèö";
$nrchr = mb_strlen($str);
echo $nrchr;        // 29

When it happened? On the 8th of August 2001.
- Cand s-a intamplat? Pe 8 August 2001.

¿Cuando sucedió? En el 8 de Agosto de 2001.
- Cand s-a intamplat? Pe 8 August 2001.