Numara si restrictioneaza caracterele dintr-un textArea folosind Javascript

functii javascript, invata Javascript, learn, numara caractere, restrictioneaza caractere

Sa ne jucam putin cu niste Javascript. Ati vazut pe diferite site-uri o casuta de text (textarea) care numara caracterele ramase? Sau care era limitata la n caractere? Am sa va explic cum functioneaza toate acestea in cele ce urmeaza.

Sa incepem cu inceputul: numara caracterele dintr-un textarea cu Javascript.

Sa aranjam micul nostru form inainte de a scrie functia Javascript ce va numara caracterele.

<form name="formular" action="#">
	<textarea name="textul" cols="28" rows="5"></textarea>
	<input readonly type="text" name="caractere" size="3" value="0" />
</form>

Avem un form numit formular care contine un textarea numit textul si un input text numit caractere (in acest input vom afisa numarul de caractere introduse in textarea).
citeste restul articolului

HTML Custom Font

custom font, invata Javascript, invata jQuery, jQuery, Learn HTML

Acest tutorial va face referire la plug-in-ul jQuery numit Cufon. Inainte de a va explica ce si cum, am sa va pun cateva intrebari.

Cum introduceti intr-o pagina html un text scris cu un font custom? Il scrieti in Photoshop si il salvati ca .png? Dar cand vreti sa il modificati, cum faceti? Dar daca textul este sub forma de imagine, este oare indexat? Folositi @font-face pentru implementarea de fonturi custom?

Sa uitam pentru moment de aceste metode. Pentru operatiunea de scriere a unui text in cadrul unei pagini HTML cu un font custom exista plug-in-ul Cufon pentru jQuery. Il puteti descarca de aici.
citeste restul articolului

Formular de contact cu Javascript si PHP

invata Javascript, invata php, php functions

Am sa va prezint cel mai basic formular de contact. Vom folosi o simpla functie Javascript pentru validarea campurilor obligatorii si putin PHP pentru trimiterea mesajului.

Mai intai sa alcatuim un simplu form in HTML.

<form action="contact.php" method="POST" name="form">
<label>Nume*:</label>
<input type="text" name="nume" /> <br />
<label>Mesaj optional:</label>
<input type="text" name="mesaj" /> <br />
<input type="button" value="Trimite" onclick="verifica();" />
<input type="reset" value="Sterge" />
</form>

Am creat 2 campuri de text: nume va fi obligatoriu, iar mesaj optional. Mai avem si doua butoane, unul de resetare si unul de trimitere. Observati ca butonul de trimitere, la apasare, cheama functia Javascript verifica();.

Acum sa scriem o mica functie Javascript care sa faca validarea.

<script type="text/javascript">
function verifica() {
	var validator = " ";
	if (document.form.nume.value=="") {
		validator = "Va rugam sa completati toate campurile marcate cu (*)."
	}
	if (validator == " ") {
		document.form.submit();
	} else {
		alert(validator);
		return false;
   }
}
</script>

Functia Javascript verifica daca input-ul din form cu numele nume este gol. Daca este gol, variabila validator primeste o anumita valoarea, respectiv mesajul afisat utilizatorului. Daca variabila validator este nula, atunci documentul va trimite variabilele catre PHP, daca nu este nula, atunci vom afisa o fereastra de alert cu mesajul custom pentru a anunta utilizatorul ca ceva nu este in regula.
citeste restul articolului

Secure MAILTO Link

html, invata Javascript, invata php, php functions

Ai un site web pe care ai publicat adresa personala de e-mail? Robotii de spam au salvat adresa in baza lor de date si acum primesti zeci de mesaje pe zi in care ti se propun jocuri piramidale sau ti se propune sa cumperi Viagra?

In aceasta problema nu am cum sa te ajut decat cu un sfat: black list cu toate adresele de mail nedorite sau cu un filtru de cuvinte cum ar fi penis, viagra, games, xxx, more money etc.

In caz ca nu ai publicat adresa de e-mail inca pe site, am sa te ajut cu o serie de metode de protectie impotriva spam-ului.
citeste restul articolului