Obiecte Button, Checkbox, FileUpload, Hidden, Password, Radio

Curs Javascript

Obiectele de nivelul 3 sunt subobiecte ale obiectului "Form".
La fel cum imbricati (adAaugati) elementele HTML in interiorul etichetelor <form>, aceste obiecte sunt imbricate in interiorul obiectului "Form".

1. Obiectul Button

Java Script are trei obiecte buttons: Button, Submit si Reset. Fiecare din ele are o reprezentare a unei etichetei HTML.
Obiectul Button este un buton generic, la care, pentru a fi folosit pt. o anumita functie, trebuie sa-i adaugam linii de cod specifice, dar celelalte doua: Submit (trimite datele la un script) si Reset (sterge datele noi completate in formular); au scopuri specifice. Totusi, se poate sa folosim un obiect "Button" pentru a avea acelasi rol ca si obiectul "Submit" (apeland Form.submit()), sau ca obiect "Reset" (apeland Form.reset()).

Proprietati ale obiectului "Button" sunt urmatoarele :

• form - returneaza obiectul Form al carui membru este butonul
  name - returneaza sirul specificat in atributul name al etichetei HTML <input>
  type - returneaza sirul specificat in atributul type al etichetei HTML <input>
  value - returneaza sirul care apare in reprezentarea grafica a unui buton, afisata in browser

Metode ale obiectului "Button" sunt urmatoarele :

• blur() - dezactiveaza butonul
  click() - apeleaza un eveniment click pentru butonul respectiv.
  focus() - eveniment de activare a butonului
  handle Event() - transfera un eveniment handlerului de eveniment corespunzator

2. Obiectul Checkbox

Acest obiect reprezinta caseta de validare HTML dintr-un "Form", care permite vizitatorului sa specifice o valoare "DA" sau "NU", ori "true" sau "false".

Proprietati ale obiectului "Checkbox" sunt urmatoarele :

• checked - returneaza o valoare booleana care determina daca este bifata caseta de validare
  defaultChecked - returneaza o valoare booleana care pastreaza starea initiala a casetei de validare. Este stabilita cu atributul "checked"
  form - returneaza obiectul Form al casetei de validare
  name - returneaza sirul specificat in atributul name al etichetei HTML <input>
  type - returneaza sirul specificat in atributul type al etichetei HTML <input>
  value - returneaza o valoare returnata cand formularul este inaintat

Metode ale obiectului "Checkbox" sunt urmatoarele :

• blur() - dezactiveaza caseta de validare
  click() - apeleaza un eveniment click pentru caseta de validare respectiva.
  focus() - eveniment de activare a caseta de validare
  handle Event() - transfera un eveniment handlerului de eveniment corespunzator

3. Obiectul FileUpload

Acest obiect este echivalentul elementului folosit pentru incarcarea fisierelor.
Cu Java Script nu se poate face prea multe cu acest obiect decat facand referire la proprietatile sale.

Proprietati ale obiectului "FileUpload" sunt urmatoarele :

• form - face referire la obiectul Form ce contine caseta FileUpload
  name - contine sirul specificat in atributul name al casetei FileUpload
  type - contine sirul specificat in atributul type al casetei FileUpload
  value - contine sirul care specifica numele caii fisierului pt. upload

Metode ale obiectului "FileUpload" sunt urmatoarele :

• blur() - dezactiveaza caseta FileUpload
  focus() - activeaza caseta FileUpload
  handle Event() - transfera un eveniment handlerului de eveniment corespunzator
  select() - selecteaza suprafata de adaugare a datelor pentru caseta FileUpload.

4. Obiectul Hidden

Acest obiect se foloseste pentru stocarea anumitor date care vor fi transferate unei prelucrari pe server. Datele stocate in obiectul "hidden" sunt ascunse, nu apar vzibile in browser.

Proprietati ale obiectului "Hidden" sunt urmatoarele :

• form - face referire la formularul ce contine obiectul Hidden
  name - contine numele obiectului Hidden
  type - contine sirul specificat in atributul type al casetei Hidden
  value - contine sirul specificat in atributul "value" al obiectului Hidden

5. Obiectul Password

Obiectul password este asemanator cu obiectul "text", diferenta fiind ca toate caracterele introduse in cazeta "Password" sunt afisate cu "*" pentru a nu se vedea textul introdus.

Proprietati ale obiectului "Password" sunt urmatoarele :

• defaultValue - face referire la atributul "value" al casetei pt. parola din formularul HTML
  form - face referire la obiectul Form ce contine caseta pt. parola
  name - contine sirul specificat in atributul name al pt. parola
  type - contine sirul specificat in atributul type al casetei pt. parola
  value - face referire la continutul curent din caseta pt. parola

Metode ale obiectului "Password" sunt urmatoarele :

• blur() - dezactiveaza caseta pt. parola
  focus() - activeaza caseta pt. parola
  handle Event() - transfera un eveniment handlerului de eveniment corespunzator
  select() - selecteaza textul adaugat in caseta pt. parola.

6. Obiectul Radio

Butoanele radio sunt controale dintr-un formular HTML care se anuleaza reciproc, astfel daca este selectat un buton radio, toate celelalte butoane din set sunt neselectate. Setul de butoane se defineste avand aceasi proprietate "name" pentru toate butoanele radio.

Proprietati ale obiectului "Radio" sunt urmatoarele :

• checked - retrneaza o valoare care determina daca este bifat obiectul radio
  defaultChecked - returneaza o valoare care pastreaza starea initiala a obiectului Radio, care se stabileste cu atributul "checked" al etichetei <input> respective
  form - returneaza obiectul Form ce contine obiectul Radio
  name - contine sirul specificat in atributul name al etichetei <input>
  type - contine sirul specificat in atributul type al etichetei <input>
  value - face referire la atributul value al etichetei <input>

Metode ale obiectului "Radio" sunt urmatoarele :

• blur() - dezactiveaza obiectul Radio
  click() - apeleaza un eveniment "click" pt. obiectul Radio focus() - activeaza un buton radio
  handle Event() - transfera un eveniment handlerului de eveniment corespunzator

<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.