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 tip de <input> creaza o paleta de culori pentru selectare culoare?
type="text" type="color" type="date"
<input type="color" name="get_color" />
Care metoda CSS roteste elementul HTML la un anumit numar de grade?
scale() translate() rotate()
#some_id:hover {
  transform: rotate(60deg);
  -ms-transform: rotate(60deg);    /* IE 9 */
  -moz-transform: rotate(60deg);   /* Firefox */
}
Click pe functia care returneaza numarul cel mai mare.
pow() min() max()
var maxn = Math.max(8, 4, 88, 56);
alert(maxn);      // 88
Ce functie previne ca un fisier sa fie inclus mai mult de o data intr-o pagina?
include() include_once() require()
include_once("un_fisier.php");
Care este traducerea corecta pentru: "Ahead of time"?
Peste timp La timp Inainte de vreme
Most people arrived ahead of time.
- Cei mai multi oameni au sosit inainte de vreme (prea devreme).
Indicati traducerea corecta a cuvantului "buenĂ­simo"
mai bun mai putin bun extrem de bun
Este fruto es buenĂ­simo.
- Acest fruct este extrem /nemaipomenit de bun.
Dezactivare buton si activare dupa un anumit timp

Last accessed pages

  1. Verbe modale - Modal verbs - CAN, COULD, MAY, MIGHT, MUST (67758)
  2. Ir a + Infinitiv Forma de viitor (2336)
  3. Adverbele in limba engleza - Adverbs (33499)
  4. Instructiuni conditionale if() else, switch (4833)
  5. Cursuri Limba Germana (6567)

Popular pages this month

  1. Curs HTML gratuit Tutoriale HTML5 (360)
  2. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (347)
  3. Coduri pt culori (231)
  4. Formatare text in pagina html (125)
  5. Gramatica limbii spaniole. Indrumator si prezentare generala (122)