Una dintre cele mai eficiente metode de creștere a vânzărilor de produse sunt recenzii pozitive ale clienților. Pentru a face acest lucru, nu te pune sau deranja baza de date cu CMS. In acest tutorial, vom crea un fișier XML cu recenzii ale clientilor, care vor varia fără probleme cu ajutorul jQuery.
În primul rând a crea o structură de pagini HTML:
În partea de sus a documentului, am pus styles.css, și înainte de eticheta de închidere a corpului, conectați biblioteca jQuery și script.js noastre, care vor fi descrise la sfârșitul acestei lecții.
Unitatea de #testimonials este proiectat pentru a afișa comentarii. Comentarii vor fi conținute în LI tag-uri. Când încărcați pagina va fi afișată doar 1 recenzie, iar toate celelalte vor fi afișate prin intermediul jQuery.
Toate feedback-ul vor fi conținute în fișierul XML.
Structura acestui fișier este foarte simplu - marturii este elementul rădăcină, care conține elemente ale elementelor. Fiecare articol conține conținut, autorul-nume si autor-URL-ul, printre care ultima opțiune este opțională. Pentru a adăuga un comentariu, trebuie să creați pur și simplu mai element de element și-l umple.
Dar cum putem transforma în HTML valid? Putem folosi PHP pentru a trece prin elementele și să le ia la o pagină într-o buclă, dar vreau să-ți arăt o altă metodă alternativă folosind XSLT. Acesta este un tip special de XML care ne permite să converti un fișier XML în HTML.
transformations.xml
Aceasta tehnica suporta toate standardele de programare moderne. Puteți utiliza ciclul de-fiecare, condiția în cazul în care, precum și cauza funcțiile încorporate (pentru mai multe informații puteți găsi aici). Apoi am scris fișierul script transforma XML în HTML.
Există mai multe abordări pentru utilizarea foilor de stil XSL. Le puteți pune direct în fișierul XML și lăsați browser-ul pentru a genera HTML marcare (toate browserele moderne suporta XSL Transformation), sau puneți-le pe partea de server. Din fericire, PHP oferă oportunități excelente pentru a lucra cu XSL.
Acest script div populează #testimonial în index.php. El aduce o serie de elemente LI la care foaia de stil XSL, le extragerea dintr-un document XML cu toate recenziile. Browser și motorul de căutare va arăta ca o pagină HTML.
Acum, că scheletul este gata, trece la stilul:
styles.css
Acesta este stilul zilei paginii noastre. Se ascunde toate recenziile, care sunt, în esență, o listă de elemente. După aceea, folosind selectorul de primul-copil, vom arăta prima recenzie. Derulați prin revizuirea va fi efectuată la script-ul nostru jQuery, care este pe cale de a scrie.
În această lecție vom scrie script jQuery, care va fi responsabil pentru afișarea ciclică a tuturor utilizatorilor comentarii.
Pentru a controla cantitatea de timp schimbarea Mezhuyev de comentarii, aveți posibilitatea să inserați o valoare în metoda de întârziere. Plasarea revizuire activă la finalul (în loc de indicele), suntem capabili să se deplaseze prin datele recursiv.
concluzie
Puteți utiliza cu ușurință acest script pentru a poziționa feedback-ul clienților dumneavoastră direct de pe site-ul web. Ca supliment poate fi poziționat acolo de rating, stele și alte chips-uri. În cele din urmă totul va fi redus la un fișier XML de editare.
5 lecții coloana ultima „jQuery“
Astăzi am dori să vă spun despre TypeIt bibliotecă - gratuit jQuery plugin. Puteți să-l utilizați pentru a simula tastare. Dacă totul este configurat corect, acesta este un efect foarte realist poate fi atins.
jQuery plug-in pentru a crea o cronologie.
jQuery plugin pentru a crea o diagramă Gantt.
Un exemplu despre cum să pună în aplicare fișierul de descărcare prin intermediul PHP și jQuery ajax.
Constantin
Aș putea face fără XML, în principiu, dar acest lucru, de asemenea, nu-i rău
Prin obținerea de informații de la două canale (vedere si auz) eficacitatea instruirii de învățare departe superioare de cărți. O temele pentru acasă și teste on-line vă va permite să se gândească în mod constant în limba țintă și imediat verifica cunoștințele!
Dacă doriți o lungă perioadă de timp pentru a studia modul în HTML, mi-ai, pentru ai vesti bune!
Dacă ați învățat deja HTML și doresc să avanseze, următorul pas va fi de a studia tehnologia CSS.
Dacă doriți să înțeleagă conceptele de domeniu si hosting, învață cum să creeze o bază de date, încărca fișiere pe un site web prin intermediul unui server FTP, crea subdomenii, configurați cutiile poștale pentru site-ul și să monitorizeze participarea, acest curs este conceput special pentru tine!