Curs Javascript

Functia prezentata in aceasta pagina poate fi utilizata la dezactivarea si activarea automata a unor butoane din pagina web, cu JavaScript. Dupa ce utilizatorul apasa pe buton, e dezactivat, apoi, dupa 2 secunde butonul e activat automat.
- Aceasta functie primeste un Array cu ID-urile butoanelor la care vreti sa fie aplicat efectul.

Codul functiei:
// functie pt activare si dezactivare butoane, primeste un Array cu ID-urile butoanelor
// de la https://marplo.net/javascript/
function disableEnableBtn(ids) {
  // parcurge array-ul cu ID-uri
  var nrids = ids.length;
  for(var i=0; i<nrids; i++) {
    // inregistreaza eveniment onclick la fiecare buton
    if(document.getElementById(ids[i])) {
      document.getElementById(ids[i]).onclick = function() {
        this.setAttribute('disabled', 'disabled');     // adauga atribut "disabled", pt dezactivare, la butonul apasat
        this.innerHTML = 'Dezactivat';        // schimba textul din buton
        var idbtn = this.id;       // retine ID-ul

        // apeleaza o functie dupa 2 secunde (2000 milisecunde)
        setTimeout( function() {
          document.getElementById(idbtn).removeAttribute('disabled');         // sterge atribut "disabled"
          document.getElementById(idbtn).innerHTML = 'Clic';        // schimba textul din buton
        }, 2000 );
      }
    }
  }
}
- Setati un Array cu ID-urile butoanelor (unul sau mai multe ID-uri), si apelati functia disableEnableBtn(), cu array-ul ca argument. Ca sa modificati timpul dupa care e activat butonul, scimbati valoarea 2000 din setTimeout(); vedeti si comentariile din cod.

- Exemplu cu doua butoane.
<button id="btn1">Click</button> - <button id="btn2">Click 2</button>
<script type="text/javascript">
// functie pt activare si dezactivare butoane, primeste un Array cu ID-urile butoanelor
// de la https://marplo.net/javascript/
function disableEnableBtn(ids) {
  // parcurge array-ul cu ID-uri
  var nrids = ids.length;
  for(var i=0; i<nrids; i++) {
    // inregistreaza eveniment onclick la fiecare buton
    if(document.getElementById(ids[i])) {
      document.getElementById(ids[i]).onclick = function() {
        this.setAttribute('disabled', 'disabled');     // adauga atribut "disabled", pt dezactivare, la butonul apasat
        this.innerHTML = 'Disabled';        // schimba textul din buton
        var idbtn = this.id;       // retine ID-ul

        // apeleaza o functie dupa 2 secunde (2000 milisecunde)
        setTimeout( function() {
          document.getElementById(idbtn).removeAttribute('disabled');         // sterge atribut "disabled"
          document.getElementById(idbtn).innerHTML = 'Click';        // schimba textul din buton
        }, 2000 );
      }
    }
  }
}

// array cu ID-urile butoanelor
var btnid = ['btn1', 'btn2'];

disableEnableBtn(btnid);      // apeleaza functia
</script>
Demo, clic pe buton si asteptati 2 secunde.
-

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Ce atribut indica faptul ca un camp de formular trebuie completat?
required="required" autofocus="autofocus" placeholder="text"
<input type="text" name="name1" required="required" />
Ce metoda CSS misoreaza sau mareste dimensiunile unui element (inclusiv continutul)?
translate() scale() skew()
#some_id:hover {
  transform: scale(2, 1.5);
  -ms-transform: scale(2, 1.5);    /* IE 9 */
  -moz-transform: scale(2, 1.5);   /* Firefox */
}
Click pe metoda obiectului Date care returneaza ziua din luna.
setDate() getMonth() getDate()
var rightnow = new Date();
var day = rightnow.getDate();
alert(day);
Ce functie este folosita pentru a incarca un fisier pe server?
is_file() move_uploaded_file() fopen()
if(move_uploaded_file($_FILES["field_name"]["tmp_name"], "dir/file_name")) {
  echo "Fisierul a fost incarcat";
}
Cum se spune in engleza expresia: "Ploua cu galeata"?
rain cats and dogs rain buckets quiet rain
In Bucharest it`s raining cats and dogs.
- In Bucuresti ploua cu galeata.
Cum se spune in spaniola expresia: "Ploua cu galeata"?
llover cubo llover a cántaros lluvia tranquila
En Madrid está lloviendo a cántaros.
- In Madrid ploua cu galeata.
Dezactivare buton si activare dupa un anumit timp

Last accessed pages

  1. Conditional IF in Limba Engleza - Fraze Conditionale (124380)
  2. Accentul si Pronuntia (28912)
  3. Genul substantivelor 1 (9680)
  4. Download carti electronice si programe pentru Limba Engleza (44735)
  5. Sufixele -ful, -less si -ness - ful, less and ness suffixes (18367)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (194)
  2. Coduri pt culori (104)
  3. Gramatica limbii engleze - Prezentare Generala (100)
  4. Gramatica limbii spaniole. Indrumator si prezentare generala (87)
  5. Cursuri limba engleza gratuite si lectii online (77)