(Lectii php gratuite) - Generarea dinamica a continutului

PHP ofera posibilitatea generarii dinamice a continutului afisat in browserul utilizatorilor, prin intermediul unor instructiuni si functii. Alaturi de XHTML, pot fi generate atat formate textuale (XHTML), dar si formate avand alta natura (cele grafice).

ATENTIE !
In cazul celor mai multe formate, inainte de a se trimite browserului continutul generat dinamic, este necesar sa se trimita explicit acestuia, prin intermediul functiei PHP header ( ), un antet Content-Type cu o valoare corespunzatoare formatului.

Generarea formatelor textuale

<?php
echo "PHP este cel mai usor limbaj de programare.";
echo ("PHP este cel mai usor limbaj de programare.");

// Pot fi utilizate argumente multiple, separate prin virgula, dar numai in varianta in care echo se foloseste ca instructiune

echo "PHP este", " cel mai usor ", "limbaj de programare";

?>

Scrie si tu exemplul de mai sus intr-un fisier nou (ex: generarea-dinamica.php) apoi testeaza-l in browserul tau.

In lectiile viitoare vom vorbi despre generarea formatului XHTML, generarea formatului XML si generarea formatelor grafice.

(Lectii php gratuite) - Preluarea datelor folosind metoda post

Salut ! Intr-o lectie anterioara am vorbit despre preluarea datelor introduse in formulare iar in acea lectie am folosit ca exemplu metoda get. Astazi iti voi prezenta o alta metoda de preluare a datelor si anume metoda post.

In aplicatia din lectia anterioara numele si prenumele introduse de utilizator in formular sunt Ionescu si, respectiv, Florin. Datele pot fi trimise scriptului de prelucrare direct, fara a utiliza un formular, adaugandu-le adresei WEB a acestuia. Astfel, daca in caseta de adrese a browserului se introduce secventa anterioara si se apasa tasta <ENTER>, datele vor fi disponibile in scriptul afisare.php, in tablourile $_GET si $_REQUEST.

Aplicatia anterioara poate fi modificata pentru a utiliza metoda POST in scopul transmiterii catre server a datelor introduse in formular. Astfel atributul  method al elementului form trebuie sa aiba valoarea "post" iar in scriptul afisare.php  trebuie sa se utilizeze secventa PHP urmatoare:

<?php
if(!empty($_POST['nume']) && !empty($_POST['prenume'])){
echo "Nume: " .$_POST['nume'];
echo "Prenume: " .$_POST['prenume'];
 
}else{
Header ('Location: date.html');
}
?>

Pentru a intelege aceasta lectie este necesar sa citesti preluarea datelor introduse in formulare.

Utilizand metoda post, datele sunt codificate de browser in acord cu tipul de continut specificat de atributul enctype si trimise apoi serverului, fara a putea fi vizualizate de catre utilizator. In acest caz, dimensiunea datelor expediate este mult mai mare (deoarece acestea nu sunt adaugate URL-ului, ci sunt trimise anteturile HTTP), ajungand pana la cativa MB (mega bytes), in functie de setarile existente pe server. De exemplu, in situatia in care datele sunt trimise unui script PHP, dimensiunea acestora este limitata - in fisierul de configurare php.ini  - de valoarea directivei post_max_size (8MB implicit).

Important !
Este indicat ca metoda post sa fie folosita in urmatoarele situatii:
cand se doreste ascunderea unor date de exemplu valorile unui camp de tip hidden;  este de remarcat ca acestea sunt vizibile, totusi, in codul XHTML, cand dimensiunea datelor care vor fi trimise catre server este mare sau cand formularele contin date non-ASCII, date binare sau fisiere.

Resurse gratuite pentru web design - Icon-uri gratuite pentru proiectul tau

Salutare ! In acest scurt (cred ca tutorial), iti voi prezenta un site de unde poti descarca gratuit icon-uri pentru proiectul tau. Site-ul se numeste iconmonstr.com. Daca ai nevoie de icon-uri si gratuite si de o calitate ok, atunci poti folosi iconmonstr.com cu incredere (in cazul in care nu ai inspiratie in photoshop sau esti stangaci). Partea interesanta este ca aceste icon-uri poti fi personalizate, poate avea dimensiunea care o doresti dar si un background (culoare de fundal) care si aceasta la randul ei poate avea o forma. Poti alege icon-uri din categoriile: basic, bussiness, commerce, equipment, multimedia, network, social, security, web, interface care si aceste categorii la randul lor au subcategorii precum: arrows, audio, book, sms, pictures, social networks, android os, blogger, cargo, chrome etc. Cele enumerate mai sus sunt doar o mica parte. Te las sa descoperi singur aceasta resursa geniala.

(Lectii php gratuite) - Prelucrarea datelor introduse in formulare

Incepand cu versiunea PHP 4.1.0, datele introduse in formulare si trimise serverului vor fi disponibile in tablourile asociative (variabile superglobale) $_GET, $_POST si $_REQUEST. Cheile elementelor tablourilor amintite sunt numele campurilor formularului, iar valorile elementelor sunt reprezentate de datele introduse de utilizatori (pentru campurile de tip text,  password,  textarea)  sau de optiunile facute de acestia (pentru campurile radio, checkbox, hidden si select).

Datele trimise scriptului prin metoda GET vor fi disponibile in scriptul de prelucrare a acestora prin intermediul tablourilor superglobale $_GET si $_REQUEST. In continuare este prezentat un exemplu simplu de utilizare acestei metode, care include fisierele date.html si afisare.php. Fisierul date.html va avea urmatorul continut:

<!DOCTYPE html>
<html>
<head>
<title>Utilizarea metodei get</title>
</head>
<body>
<table>
<form methon="get" action="afisare.php">
<tr>
<td>Nume</td>
<td><input type="text" name="nume"/></td>
</tr>
<tr>
<td>Prenume</td>
<td><input type="text" name="prenume"/></td>
</tr>
<tr>
<td><input type="submit" value="Trimite"/></td>
<td><input type="reset"/></td>
</tr>
</table>
</body>
</html>

Iar scriptul de prelucrare (afisare.php) va avea urmatorul continut:

<?php
if(!empty($_GET['nume']) && !empty($_GET['prenume'])){
echo "Nume: " .$_GET['nume'];
echo "Prenume: " .$_GET['prenume'];

}else{
Header ('Location: date.html');
}
?>

In cazul in care utilizatorul completeaza ambele campuri ale formularului (se remarca folosirea functiei empty() ), scriptul de prelucrare inclus in fisierul afisare.php  va afisa continutul acestora. In caz contrar, browserul va afisa din nou formularul de introducere a datelor. Reafisarea formularului se realizeaza dupa ce serverul trimite browserului antetul Location avand ca valoare numele fisierului date.html.

Numele si prenumele utilizatorului se introduc in campurile input  de tip text al caror atribut name au valorile "nume" si, respectiv, "prenume". Aceste date sunt preluate in scriptul de prelucrare afisare.php, in elementele $_GET ['nume'] si $_GET ['prenume'] ale tabloului superglobal $_GET. De asemenea datele pot fi preluate si in tabloul superglobal $_REQUEST in mod similar.

Folosinda metoda $_GET, dupa introducerea datelor in formular si trimiterea catre server, vei observa ca link-ul s-a schimbat si are urmatoarea cale: afisare.php?nume=Ionescu&prenume=Florin
Utilizand metoda get, datele sunt codificate de catre browser folosind tipul de continut application/x-www-form-urlencoded si adaugate url-ului  paginii vizate (specificat ca valoare a atributului action), dupa caracterul "?". In aceasta situatie datele sunt alcatuite din caractere ASCII.

In urmatoarea lectie iti voi prezenta metoda post "$_POST [' ']" si diferentele dintre $_GET si $_POST.

Avem si noi Syntax Highlighter :D

Salutare ! Sa vezi ce smecherie/ghidusie am descoperit (stiam defapt de syntax highlighter dar nu stiam ca mere' pe blogger.com). De acum, cand scriu exemple html, php, css (etc.) respectivul cod va fi afisat ca intr-un editor de cod precum notepad++ sau sublime text. Astfel, respectivul cod va fi mai usor de citit si de inteles. Acest cod sintaxa de evidentiere pe romaneste este creat in javascript. Puteti citi mai multe despre el pe site-ul asta.

Cum functioneaza syntax highlighter ?

<p>Un paragraf html</p>
<b>Un text bolduit</b>

Observati culorile elementelor html si a comentariului.

(Lectii php gratuite) - Categorii de campuri

Intr-un formular pot fi incluse urmatoarele categorii de campuri  (numite si controale):

• campuri cu scop multiplu, create prin intermediul elementului vid input;
• liste de optiuni, create folosind elementul select;
• caseta de text multilinie, creata prin intermediul elementului textarea;

Tipul unui camp creat folosind elementul input este stabilit utilizand atributul type al acestuia, care poate avea urmatoarele zece valori (intre paranteze este trecuta denumirea campului obtinut, iar in continuare este mentionat scopul in care acesta poate fi utilizat):

• text (camp de editare de tip text): este tipul implicit si afiseaza o caseta cu o singura linie, utilizata pentru introducerea unui text;
• password (camp de editare de tip parola): permite afisarea unui camp text, in care datele introduse vor fi afisate prin caracterul "*" din motive legate de securitate;
• hidden (camp ascuns): ofera posibilitatea transmiterii unor informatii catre scriptul de prelucrare a continutului formularului, fara ca acestea sa fie vazute de utilizator;
• radio (buton radio): permite afisarea unui buton cu interblocare (butoanele radio cu aceeasi valoare a atributului name sunt grupate automat de browser, numai unul dintre acestea putand fi selectat la un moment dat);
• checkbox (caseta de validare): determina afisarea unei casete de validare (selectare); aceasta poate avea doua stari, bifat (selectat) si nebifat (neselectat);
• file (fisier): permite transmiterea unui fisier catre server (upload);
• button (buton): afiseaza un buton generic folosit - in special - pentru prelucrarea pe client a continutului formularului;
• submit (buton de expediere): afiseaza un buton care determina expedierea (transmiterea) continutului formularului catre resursa precizata ca valoare a atributului action al elementului form;
• image (buton imagine): are acelasi rol ca si submit, cu diferenta ca in locul butonului va fi afisata o imagine specificata prin intermediul src al elementului input;
• reset (buton de initializare): afiseaza un buton prin intermediul caruia este sters continutul tuturor campurilor incluse in formular, sau - in cazul unor browsere - acestea sunt setat la valorile initiale;

Pe langa atributele specifice elementelor XHTML, pentru input mai pot fi precizate si altele, cateva dintre acestea fiind urmatoarele:

• alt: precizeaza un text alternativ pentru campurile de tip image (ex: alt="nume imagine");
• checked: stabileste, pentru campurile al caror atribut type are valoarea radio sau checkbox. daca acestea sunt selectate (in acest caz se utilizeaza checked="checked") sau nu;
• disabled: dezactiveaza campul pentru accesul utilizatorului (singura valoare posibila a atributului este disabled);
• maxlength: precizeaza, pentru campurile al caror atribut type are valoarea text sau password, numarul maxim de caractere pe care le poate introduce utilizatorul (ex: maxlength="30");
• name: stabileste un nume pentru un camp (ex: name = "prenume");
• onblur: reprezinta handlerul  asociat evenimentului blur, declansat atunci cand un camp pierde focusul, avand ca valoare un script ruland pe client;
• onchange: este handlerul  asociat evenimentului change, declansat atunci cand campul pierde focusul, iar valoarea sa se modifica inainte de a-l recastiga; are ca valoare numele unui script care ruleaza pe client;
• onfocus: reprezinta handlerul  asociat evenimentului focus, declansat cand campul castiga focusul;
• onselect: este handlerul   asociat evenimentului select, avand ca valoare un script ruland pe client;
• readonly: daca este prezent (readonly = "readonly"), acest atribut impiedica schimbarea valorii campului;
• size: stabileste latimea initiala a campului. Atributul este exprimat in pixeili, cu exceptia campurilor al caror atribut type este text si password, caz in care reprezinta un numar de caractere (ex: size="20");
• src: daca atributul type are valoarea image, specifica locatia imaginii care va fi utilizata de catre campul respectiv (ex: src="imagini/img.jpg");
• tabindex: avand ca valoare un numar, stabileste ordinea campurilor atunci cand sunt parcurse folosind tasta <TAB> (ex: tabindex="3");
• value: exprimat sub forma unui text, reprezinta o valoare asociata campului (ex: value="Trimite");

Pe langa atributele comune elementelor XHTML, pentru select mai pot fi precizate disabled, onblur, onchange, onfocus, tabindex (avand semnificatii similare cu cele ale atributelor elementului input, prezentate anterior), precum si :

• name: are ca valoare un text care stabileste numele listei;
• size: valoarea sa este un numar care stabileste cate randuri ale listei vor fi afisate simultan;
• multiple: valoarea sa este "multiple". Daca este setat, atributul permite selectarea simultana a mai multor obtiuni;

O lista creata folosind elementul select se poate incadra intr-una dintre urmatoarele categorii:

• lista derulanta: are precizat, optional, numai atributul name;
• caseta de selectie: sunt prezente numai atributele name si size;
• lista derulanta cu selectari multiple: are precizate numai atributele name si multiple (sunt afisate toate optiunile listei);
• caseta de selectie cu selectari multiple: sunt prezente simultan toate cele trei atribute.

IMPORTANT !
Elementul select trebuie sa contina cel putin un element optiongroup sau option. Primul este folosit pentru a grupa pe categorii optiunile incluse in lista. Eticheta (numele) grupului creat este stabilita ca valoare a atributului label al elementului. Este de remarcat ca utilizarea elementului optiongroup nu este obligatorie.

Un grup sau o lista de optiuni trebuie sa contina cel putin o optiune, creata folosind elementul option. Pe langa atributele comune elementelor XHTML, pentru acest element mai pot fi utilizate:

• selected: daca este folosit (select= "selected"), atributul precizeaza ca optiunea este preselectata;
• value: stabileste un text asociat optiunii;
• disabled: dezactiveaza pentru selectie optiunea respectiva, fiind utilizat sub forma (disabled= "disabled");
• label: stabileste o eticheta asociata optiunii.

In continuare este prezentat un document care contine un formular avand o lista derulanta cu doua grupuri de optiuni (orase preferate). In primul grup sunt incluse cinci orase din Europa, iar in cel de-al doilea tot atatea, dar din America de Nord. Utilizatorul poate selecta o singura optiune.

<!DOCTYPE html>
<html>
<head>
  <title>Lista cu doua grupuri de optiuni</title>
</head>
<body>
  <form action="prelucrare_date.php" method="post">
    <label for="intrebare">Care este orasul tau favorit ?</label>

     <select id="intrebare" name="oras">
      <optgroup label="Europa">
       <option value="1">Bucuresti</option>
       <option value="2">Londra</option>
       <option value="3">Roma</option>
       <option value="4">Paris</option>
       <option value="5">Berlin</option>
     </optgroup>
   
     <optgroup label="America de Nord">
      <option value="6">Las Vegas</option>
      <option value="7">Washington</option>
      <option value="8">Vancouver</option>
      <option value="9">Los Angeles</option>
      <option value="10">New York</option>
   </optgroup>
  </select>
 </form>
</body>
</html>   

Salveaza codul de mai sus intr-un fisier html (ex: index.html) apoi, deschide-l in browser-ul tau. Browser-ul va afisa lista creata de tine ca in imaginea de mai jos.
Mai multe exemple despre campuri si categorii html in lectiile viitoare.