Curs Javascript

Urmatorul script stabileste si verifica numarul de cuvinte introduse intr-un textarea, afiseaza numarul de cuvinte scrise si daca acest numar este depasit afiseaza o fereastra alert de atentionare.
Puteti testa scriptul in campul de text de mai jos.

Adaugati cuvinte cheie
(Folositi maxim 5 cuvinte)

   

Pentru a adauga acest script intr-o pagina web:
- Introduceti in sectiunea HEAD a documentul HTML, urmatorul script:
<script type="text/javascript">
<!--
// De MarPlo (https://marplo.net)

function verifica(text) {

  // Aici schimbati numarul maxim de cuvinte
  var maxwords=5;
  var nrc=text.value.split(" ");    // Imparte sirul in functie de caracterul spatiu
  // Verifca daca a fost depasit nr. maxim de cuvinte
  if (nrc.length>maxwords) {
    alert("Va rog adaugati maxim "+maxwords+" cuvinte!")
    return false
  }
  // Afiseaza nr. de cuvinte adaugate
  else {
    document.getElementById("countdown").innerHTML = 'Cuvinte adaugate <b>'+nrc.length+'</b> din maxim <u>'+maxwords+'</u>';
    return true
  }
}
//-->
</script>

Dupa <body> adaugati urmatorul cod HTML pentru formular:
<form action="#" name="f" onsubmit="return verifica(document.f.ctest)">
<strong>Adaugati cuvinte cheie</strong><br>
(<i><span id="countdown">Folositi maxim 5 cuvinte</span></i>)<br>
<textarea rows="5" cols="38" name="ctest" onkeydown="verifica(this)" onkeyup="verifica(this)"></textarea><br>
<input type="submit" value="Trimite"> &nbsp; &nbsp;
<input type="reset" value="Sterge" name="sterge">
</form>

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.
Numar maxim de cuvinte in textarea

Last accessed pages

  1. Data si ora - Exercitii incepatori (8439)
  2. CSS3 - text-shadow, word-wrap, text-overflow (1302)
  3. Numerale, Numere in limba engleza - Numerals (53447)
  4. Genul substantivelor 2 (7411)
  5. Gramatica limbii spaniole. Indrumator si prezentare generala (70653)

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 (99)
  4. Gramatica limbii spaniole. Indrumator si prezentare generala (86)
  5. Cursuri limba engleza gratuite si lectii online (77)