Articole din Learn AJAX

Validare formular folosind jQuery

5 Aug   |   Learn AJAX, Learn jQuery   |   0 comentarii
Marcaje , , , , ,

Probabil ca ati vazut, in cautarile voastre, o multime de metode de validare a unui form folosind jQuery. Am sa va prezint metoda pe care o folosesc cel mai des si care nu ma lasa la greu :)

Sa construim un formular simplu si clasic: nume, e-mail si mesaj.

<form action="" id="contact">
	<input type="text" name="nume" />
	<input type="text" name="mail" />
	<textarea name="mesaj" rows="4" cols="5"></textarea>
	<input type="submit" value="Trimite" />
	<input type="reset" value="Renunta" />
</form>

Sa vedem in primul rand cum arata functia de validare a adresei de e-mail:
citeste restul articolului

Invata Ajax cu ajutorul unei aplicatii simple

9 Mai   |   Learn AJAX, Learn HTML   |   1 comentariu
Marcaje , ,

Sa ne jucam putin cu o aplicatie simpla Ajax. Vom invata impreuna sa facem o aplicatie care, la apasarea unui buton, va schimba continutul dintr-un div definit.

Sa pregatim structura html in prima faza.

<html>
<head>
</head>
<body>
<div id="continut"><h2>Acest text se va schimba.</h2></div>
<button type="button" onclick="invatAjax()">Schimba continut</button>
</body>
</html>

Dupa cum vedeti, am facut un div cu id-ul continut in care avem stocat un text. Sub acesta, am definit un buton care, la apasare, cheama functia invatAjax().
citeste restul articolului

Modul de Newsletter cu AJAX

18 Apr   |   Learn AJAX   |   0 comentarii
Marcaje , , ,

Una dintre cele mai simple aplicatii pentru Ajax este aceea de validare newsletter. Ajax permite incarcarea unor date din PHP fara a reincarca pagina curenta.

In prima faza vom avea nevoie de form-ul pentru inscriere.

<form action="#" name="newsletterForm" id="newsletterForm">
	<input type="text" name="email" id="email" />
	<input type="submit" name="Submit" value="Trimite" />
	<span class="loader"><img src="images/loading_n.gif" alt="loading" /></span>
</form>
<div class="successBalloon"></div>
<div class="errorBalloon"></div>
<div class="resultText"></div>

In cadrul form-ului avem un care contine o mica animatie .gif. Dupa aceea mai avem 3 div-uri goale numite successBalloon, errorBalloon si resultText. Desigur, putem obtine aceeasi finalitate si cu un singur div, sau chiar fara nici unul, dar am detaliat pe cat posibil modulul pentru a putea explica ce se intampla. In div-urile success si error am definit in CSS ca fundal o imagine cu un X pentru eroare si una cu un Vazut pentru succes.

In partea de a documentului va trebui sa includeti libraria jQuery.
citeste restul articolului

MOZKU RECOMANDA

CATEGORII

MOZKU NETWORK

LIKE US! PE FACEBOOK

ULTIMELE ARTICOLE

MARCAJE ARTICOLE

actionscript 2 AJAX android animatii Flash animatii jQuery as2 atestat informatica atestat informatica intensiv background css baza de date baza de date auto baza de date in flash baza de date masini baza de date modele baze de date binar c++ start cod sursa valid compatibilitate browsere conditional comments css custom font ecuatie efecte jQuery flash flash and php flash and xml functii javascript html Invata invata Ajax invata c invata Flash invata Javascript invata jQuery invata pascal invata php invata sql invata visual fox Java javascript jQuery layout html learn Learn CSS Learn HTML math in flash numar cifre c++ Pascal php functions php queries php smarty ping php prestashop structuri suma suma cifrelor c++ tabel baza de date text vector

CELE MAI DESCARCATE FISIERE

  • Proiect Atestat Informatica Visual FoxPro (399)
  • Twitter Patterns (202)
  • Flash Newsletter (126)
  • hitTest Flash (99)
  • Data si ora curenta Flash (78)

CONT UTILIZATOR