Curs Javascript

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

Adaugati o scurta descriere (in maxim 80 caractere)

   
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 caractere
  var maxlength=80;

  // Verifca daca a fost depasit nr. maxim de caractere
  if (text.value.length>maxlength) {
    alert("Va rog adaugati maxim "+maxlength+" caractere!")
    return false
  }
  // Afiseaza nr. de caractere ramase
  else {
    document.getElementById("countdown").innerHTML = 'Mai aveti <b>'+(maxlength-text.value.length)+'</b> caractere';
    return true
  }
}
//-->
</script>

Dupa <body> adaugati urmatorul cod HTML pentru formular:
<form action="#" name="f" onsubmit="return verifica(document.f.ctest)">
  <strong>Adaugati o scurta descriere</strong> (<i><span id="countdown">in maxim 80 caractere</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
Care tag afiseaza textul oblic?
<strong> <pre> <em>
<p>Cursuri, Jocuri, Anime: <em>www.MarPlo.net</em></p>
Care proprietate CSS defineste spatiul dintre continutul elementului si bordura lui?
margin padding position
h3 {
  padding: 2px 0.2em;
}
Clic pe metoda ce returneaza primul element indicat de selectorii specificati.
getElementsByName() querySelector() querySelectorAll()
// preia primul Div cu class="cls", si afiseaza continutul
var elm = document.querySelector("div.cls");
alert(elm.innerHTML);
Indicati variabila PHP ce contine datele din formular trimise cu method="post".
$_SESSION $_GET $_POST
if(isset($_POST["field"])) {
  echo $_POST["field"];
}
Indicati pronumele corespunzator celui din paranteza in propozitia: "(Noi) speak english".
I They We
We speak english.
- Noi vorbim engleza.
Indicati pronumele corespunzator celui din paranteza in propozitia: "(Noi) hablamos español".
Ellos Vosotros Nosotros
Nosotros hablamos español.
- Noi vorbim spaniola.
Numar maxim de caractere in textarea

Last accessed pages

  1. Caractere speciale - Entitati HTML (5803)
  2. Ferestre Alert Prompt si Confirm (1440)
  3. Substantivul din limba engleza - The Noun (36913)
  4. Prezent perfect si Prezent perfect continuu - Present perfect and Continuous (55362)
  5. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (126476)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (2787)
  2. Curs HTML gratuit Tutoriale HTML5 (1889)
  3. Curs si Tutoriale JavaScript (1786)
  4. Curs PHP MySQL, Tutoriale si Scripturi PHP (1731)
  5. Curs CSS Online Tutoriale CSS3 (1609)