Informații generale
În funcție de setări, widgetul poate fi inserat fie ca un formular direct în corpul paginii, fie ca o fereastră pop-up. care se deschide atunci când butonul este apăsat.
Personalizarea widget-ului
Orice widget din TimePad poate fi personalizat și schimbat atât aspectul, cât și comportamentul. Cel mai adesea, în special în cazuri complexe, aceasta se face de către angajații TimePad. Dar tu te poți schimba foarte mult pe site-ul tău.
Personalizarea pe partea TimePad
Noi numim seturile de setări, șabloane, stiluri și coduri ale widget-ului pe partea TimePad pentru noi înșine (și mai târziu în acest manual) "personalizări" sau pur și simplu "personalizate".
Astfel de personalizări sunt create și menținute de angajații noștri. În acest caz, nu este necesar să modificați codul de inserare al widget-ului, chiar dacă modificările se fac într-un eveniment deja lansat.
Personalizările sunt stocate în baza de date TimePad și conectate la fiecare widget printr-un ID de personalizare unic. Dacă nu ați specificat tu personal ID-ul de personalizare (acest lucru este descris în secțiunea "Cum este structurat codul de inserție"), atunci personalizarea implicită a fost aplicată widget-ului. Șabloane standard, stiluri, scripturi și așa mai departe.
În acest caz, evenimentele și personalizarea nu sunt legate strâns. O singură particularizare poate fi conectată la diferite evenimente, iar diferite personalizări pot fi aplicate unui eveniment în diferite condiții (de exemplu, dacă aveți două site-uri diferite cu modele diferite pe care publicați aceleași evenimente).
Atenție vă rog! În unele cazuri, particularizările se pot baza pe setări specifice ale evenimentelor. Dacă angajații TimePad au elaborat pentru dvs. un personalizat personalizat, înainte de a vă conecta la un alt eveniment (și chiar mai mult la o altă organizație, dacă aveți mai multe), specificați limitările și caracteristicile acestuia în serviciul de asistență ([email protected]). Pentru aceasta, trimiteți un link către eveniment și ID-ul de personalizare.
Personalizare de partea dvs.
Cu toate acestea, puteți schimba aspectul și comportamentul widgetului plasând codul modificat pe site-ul dvs. web, nu departe de codul de inserare. În special, schimbați stilurile. editarea textelor (inclusiv localizarea). și alcătuiți html-ul (utilizând șabloanele Mustache).
De asemenea, puteți utiliza jQuery pentru a manipula direct widget-ul.
Înainte de a vă referi la widget prin jQuery, citiți cu atenție această instrucțiune.
arhitectură
Într-o versiune foarte simplificată, widget-urile TimePad moderne constau din următoarele părți:
- Încărcătorul
- JQuery, mustaș și easyXDM ca biblioteci suplimentare
- Cod widget
- Șabloane (șabloane) pe mustață
- Fișiere de localizare
- foi de stil mai puțin
- Fișier descriptiv pentru modelul de date
Widgetul utilizează un MVC simplificat.
- În codul widget, "rute" sunt desemnate, de exemplu, un formular de înregistrare, o pagină cu opțiuni de plată, o pagină cu un mesaj de înregistrare de succes
- Rutele după nume sunt cartografiate pe șabloanele scrise pe mustașe
- Modelul utilizează obiectul JS, care este pur și simplu modificat și completat cu date. El este complet aruncat în mustață.
Modul în care este afișat widgetul (răspuns: prin iframe)
Pentru ca css și js să nu intre în conflict cu site-ul consumatorului, întreaga mapare are loc în cadrul iframe fără src. Dacă widgetul trebuie să afișeze un pop-up, atunci creează o iframe separată pentru widget. Elementul țintă, fereastra și documentul pentru redare se schimbă uneori în timpul lucrului widget-ului, adică din punct de vedere științific, contextul comută.
Aceasta se datorează faptului că widget-ul trăiește viața sa asincronă în diferite sisteme de aeronave cu un nume imprevizibil, nu puteți ajunge în mod fiabil la elementele sale, pur și simplu sunând la funcția jQuery dolar. Pentru a face ceva, trebuie să vă blocați evenimentele widget (și, din nou, să clarificați cum să lucrați cu jQuery).
Cum se încarcă un widget
- Încărcător încărcător
- încărcătorul caută codurile de introducere a widgeturilor și pentru fiecare dintre ele
- Creează o zonă de desen în locul codului de inserare
- Încarcă codul widgetului
- Încarcă bibliotecile widget-ului necesar
- Încarcă un pachet de personalizare dacă este specificat în codul de inserare (atributul personalizat pentru date-timepad)
- Colectează setările
- Creează iframe fără src
- un eveniment schimbatToNewRenderTarget are loc
- Pornește codul widgetului, mergând la routerul implicit
Modificarea comportamentului standard și adăugarea propriului dvs. va fi descris mai târziu în acest ghid.