Widget funkciók
Általános információk
A beállításoktól függően a widget beilleszthető egy űrlap formájában közvetlenül az oldal testrészében vagy egy felugró ablakként. amely megnyomásakor megnyomja a gombot.
A widget testreszabása
A TimePad minden widgetjét testreszabhatja és megváltoztathatja a megjelenést és a viselkedést. Leggyakrabban, különösen összetett esetekben, ezt a TimePad alkalmazottai végzik. De te magad megváltoztathatsz sokat a webhelyeden.
Testreszabás a TimePad oldalán
A widget beállításait, sablonjait, stílusait és kódjait a TimePad oldalára hívjuk magunknak (és később ebben a kézikönyvben) "testreszabások" vagy egyszerűen "egyedi".
Az ilyen testreszabásokat munkatársaink hozták létre és tartották fenn. Ebben az esetben a widget beillesztési kódját nem kell megváltoztatnia, még akkor sem, ha a módosítások egy már kiadott eseményen történtek.
A testreszabásokat a TimePad adatbázisban tárolja, és az egyes widgetekhez egyedi testreszabási azonosító segítségével csatlakozik. Ha maga nem határozta meg a testreszabási azonosítót (ez a "A beillesztési kód szerkesztése" részben leírtakat tartalmazza), az alapértelmezett testreszabásra a widgetre került sor. Szabványos sablonok, stílusok, szkriptek és így tovább.
Ebben az esetben az események és a testreszabás nincs szorosan kötve. Egy testreszabás csatlakoztatható a különböző eseményekhez, és különböző körülmények között egy adott eseményre különböző testreszabási módok alkalmazhatók (például ha két különböző, különböző megjelenési formátumú webhellyel rendelkezik, amelyeken ugyanazokat az eseményeket teszi közzé).
Figyelem! Bizonyos esetekben a testreszabások bizonyos eseménybeállításokra támaszkodhatnak. Ha a TimePad alkalmazottai egyéni testreszabást fejlesztettek ki Önnek, mielőtt egy másik eseményhez (és még inkább - egy másik szervezethez, ha több is van) csatlakozik, kérjük, adja meg a támogatási szolgáltatás korlátait és funkcióit ([email protected]). Ehhez küldjön egy linket az eseményhez és a testreszabási azonosítóhoz.
Testreszabás az Ön oldalán
Azonban megváltoztathatja a widget megjelenését és viselkedését úgy, hogy a módosított kódot a webhelyére helyezi, nem messze a beillesztési kódtól. Különösen változtassa meg a stílusokat. szövegek szerkesztése (beleértve a helymeghatározást). és töltsd fel az html-jét (a bajuszos sablonokat használva).
A widget használatával a jQuery is használható.
Mielőtt hivatkozna a widgetre a jQuery-n keresztül, olvassa el ezt az utasítást.
építészet
Nagyon egyszerűsített változatban a modern TimePad widgetek az alábbi részekből állnak:
- A rakodó
- JQuery, bajusz és easyXDM kiegészítő könyvtárak
- Widget kód
- Sablonok (sablonok) bajuszra
- Lokalizálási fájlok
- kevésbé stílusos lapok
- Adattípus Leírás Fájl
A modul egyszerűsített MVC-t használ.
- A widgetkódban a "routs" (routok) megjelölése, például egy regisztrációs űrlap, egy fizetési lehetőséggel rendelkező oldal, egy sikeres regisztrációs üzenet lapja
- A név szerinti útvonalak a bajuszra írt sablonokra vannak leképezve
- A modell a JS objektumot használja, amelyet egyszerűen módosítunk és kiegészítünk adatokkal. Teljesen be van dobva a bajuszba.
A widget megjelenítésének módja (válasz: iframe esetén)
Annak érdekében, hogy a css és js ne ütközzön a fogyasztói webhelyen, az egész leképezés az src-nélküli iframe-ben történik. Ha a widgetnek szüksége van egy felugró ablak megjelenítésére, akkor külön widgetet hoz létre a widget számára. A célelem, az ablak és a megjelenítendő dokumentum néha megváltozik a widget munkája során - azaz tudományosan szólva a kontextus kapcsolók.
Ez azért van, mert a widget életteli aszinkron életét különböző repülőgépekben kiszámíthatatlan névvel, nem tud megbízhatóan elérni elemeit egyszerűen hívja a jQuery dollár funkciót. Ehhez hozzá kell kötni a widgeteseményeket (és még egyszer világossá kell tenni, hogyan kell együttműködni a jQuery programmal).
Hogyan töltsünk be egy widgetet
- Loader betöltő
- A betöltő a widget-beillesztési kódokat és mindegyiküket keresi
- Rajzterületet hoz létre a beillesztési kód helyett
- Betölti a widget kódját
- A szükséges modulok könyvtárainak betöltése
- Betölt egy testreszabási csomagot, ha a beillesztési kód (adat-timepad-testreszabott attribútum)
- Beállítja a beállításokat
- Srí-kevésbé iframe-ot hoz létre
- egy switchedToNewRenderTarget esemény történik
- Elindítja a widget kódját, és elindul az alapértelmezett útválasztóhoz
A szokásos viselkedés módosítását és a saját hozzáadását a későbbiekben ismertetjük.