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 un camp de text care trebuie sa contina doar numere?
type="text" type="number" type="date"
<input type="number" name="points" min="5" max="80" />
Ce proprietate CSS permite modificarea transparentei unui element?
font-style opacity color
#id {
  filter:alpha(opacity=40);    /* for IE */
  opacity:0.4;
}
Clic pe functia care formateaza un numar la o anumita lungime de caractere.
toPrecision() exp() toFixed()
var num = 12.84567;
alert( num.toPrecision(3) );       // 12.8
Ce functie aranjeaza aleator elementele dintr-un array?
natsort() shuffle() sort()
$lang =[10=>"PHP", 20=>"JavaScript", "site"=>"coursesweb.net");
shuffle($lang);
var_export($lang);     // array (0=>"coursesweb.net", 1=>"PHP", 2=>"JavaScript")
Indicati Superlativul cuvantului "good" (bun).
better best goodest
She is the best in our class.
- Ea este cea mai buna din clasa noastra.
Care este Superlativul cuvantului "bueno" (bun)?
el mejor más bueno muy bueno
Él es el mejor en nuestra clase.
- El este cel mai bun din clasa noastra.
Dezactivare buton si activare dupa un anumit timp

Last accessed pages

  1. Verbe reflexive 2 (1919)
  2. Gramatica limbii spaniole. Indrumator si prezentare generala (70982)
  3. Adaugare sunet la Butoane (232)
  4. Curs HTML gratuit Tutoriale HTML5 (198125)
  5. Pronumele personal (9473)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (107)
  2. Gramatica limbii spaniole. Indrumator si prezentare generala (77)
  3. Teste spaniola - Tests y ejercicios de Español - Gramática (48)
  4. Limba spaniola curs online incepatori si avansati (47)
  5. Accentul si Pronuntia (36)