Validare Formular Inainte de a trimite datele dintr-un formular la un script de pe server, este indicata efectuarea unor minime verificari a campurilor din formular, pe partea de client, precum numarul de caractere din casetele pt. text si forma corecta a adresei de e-mail. In exemplu de mai jos se foloseste jQuery pentru a valida…
Pentru a crea usor efectul de tragere cu mouse-ul a elementelor din pagina cu jQuery, se foloseste jQuery UI, o librarie de functii aditionale la libraria de baza jQuery.jQuery UI e ca un plugin cu mai multe functii pentru crearea de efecte speciale cu jQuery. Deci, trebuie sa includeti in pagina web ambele fisiere „.js”:…
Drag si Drop este un efect prin care elementele pot fi mutate /trase cu mouse-ul si lasate intr-un loc special in pagina web.Pentru a crea efecte drag & drop cu jQuery, trebuie sa folositi si jQuery UI, o librarie de functii aditionale la libraria de baza jQuery.jQuery UI e ca un plugin cu mai multe…
Acest tutorial arata cum puteti schimba fisierul CSS inclus in pagina dv. web, folosind jQuery.De exemplu, daca avem 2 fisiere CSS, „style.css” si „style2.css”, putem defini un cod jQuery ca sa alterneze fisierul CSS inclus in pagina, intre aceste 2 fisiere, cand utilizatorul apasa click pe un anumit element. Iata un exemplu, o pagina simpla…
Pentru a inregistra cu jQuery un eveniment JavaScript la elemente HTML, se foloseste aceasta sintaxa: $(‘element’).nume_eveniment(function() { // cod ce va fi executat cand „nume_eveniment” e declansat }) De exemplu, urmatorul cod afiseaza o fereastra alert cand se apasa clic pe un link cu class=”cls”. <script type=”text/javascript”><!– $(document).ready(function() { // la clic pe…
Acest tutorial arata cum se lucreaza cu legaturile parinte (parent) si copii (children) in jQuery.– parent se refera la elementul parinte in care este inclus direct alt element, denumit copil (child).De exemplu, in acest cod HTML: <div id=”parent_tag”> <p id=”child_tag”>Text oarecare…</p> <span>Alt element copil in „parent_tag”.</span> </div> – DIV-ul („parent_tag”) este elementul parinte pentru paragraf…
1. Obiectivele lecției: 2. Conținutul lecției: Ce este o problemă? Ce este un algoritm? Legătura dintre algoritm și program 3. Exemple practice: Exemplu 1: Algoritm pentru calcularea sumei a două numere Problema: Calculează suma a două numere introduse de utilizator. Algoritm: Pseudocod: Intrare: numar1, numar2 Calcul: suma = numar1 + numar2 Ieșire: Afișează suma Cod…
1. Obiectivele lecției: 2. Conținutul lecției: Ce este programarea structurată? Principiile programării structurate: Legătura cu limbajul C++: C++ este un limbaj care permite scrierea programelor structurate folosind structuri de control și modularizare. 3. Exemple practice: Exemplu 1: Secvența Problema: Calcularea ariei unui dreptunghi. Cod în C++: #include <iostream> using namespace std; int main() { …
1. Obiectivele lecției: 2. Conținutul lecției: Ce sunt structurile fundamentale ale algoritmului? 3. Structurile fundamentale explicate: 1. Secvența #include <iostream> using namespace std; int main() { int a = 5, b = 10, suma; // Secvența suma = a + b; cout << „Suma este: ” << suma << endl; …
1. Obiectivele lecției: 2. Conținutul lecției: Ce este structura liniară? Importanța structurii liniare: 3. Exemple practice: Exemplu 1: Calcularea perimetrului unui dreptunghi Problema: Calculează perimetrul unui dreptunghi având lungimea și lățimea date. Algoritm: Cod în C++: #include <iostream> using namespace std; int main() { double lungime, latime, perimetru; cout << „Introdu lungimea dreptunghiului:…