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 tag HTML5 este indicat sa contina meniul cu link-uri de navigare in site?
<section> <nav> <article>
<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>
Ce proprietate CSS muta elementrul in dreapta sau stanga de la locul unde e?
text-align clear float
.some_class {
  width: 30%;
  float: left;
}
Clic pe metoda obiectului Math care rotunjeste numarul x descrescator la cel mai apropiat intreg.
Math.ceil(x) Math.abs(x) Math.floor(x)
var num = 12.34567;
num = Math.floor(num);
alert(num);       // 12
Indicati functia PHP care returneaza numarul de caractere dintr-un sir.
mb_strlen() count() stristr()
$str = "sir cu caractere utf-8 åèö";
$nrchr = mb_strlen($str);
echo $nrchr;        // 29
Clic pe raspunsul potrivit la intrebarea: "When it happened?".
On the 7th of July 1996 It is a quarter to 5. Nice weather.
When it happened? On the 8th of August 2001.
- Cand s-a intamplat? Pe 8 August 2001.
Indicati raspunsul potrivit la intrebarea: "¿Cuando sucedió?".
Hace buen tiempo. En el 8 de Agosto de 2001 Son las tres menos cuarto.
¿Cuando sucedió? En el 8 de Agosto de 2001.
- Cand s-a intamplat? Pe 8 August 2001.
Dezactivare buton si activare dupa un anumit timp

Last accessed pages

  1. Harti de imagini (9304)
  2. Accentul si Pronuntia (28348)
  3. Cursuri limba engleza gratuite si lectii online (66140)
  4. Conditional IF in Limba Engleza - Fraze Conditionale (123713)
  5. Viitoru continuu - Exercitii si teste incepatori (6817)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (657)
  2. Coduri pt culori (478)
  3. Cursuri limba engleza gratuite si lectii online (292)
  4. Gramatica limbii engleze - Prezentare Generala (284)
  5. Gramatica limbii spaniole. Indrumator si prezentare generala (252)