--- title: Kihajtogatható (többszakaszos) tartalmi oldalak menu: Kihajtogatható (többszakaszos) tartalmi oldalak visible: true taxonomy: documentType: [docs] label: [kihajtogatható (többszakaszos) tartalmi oldalak, az itemchange esemény használata, többszakaszos tartalmi oldalak szerkesztése, a szakaszok létrehozása és megszerkesztése, completed és progress események a többszakaszos tartalmi oldalon, kihajtogatható többszakaszos tartalmi oldalak, tesztoldal szerkesztése, tesztoldal, az itemchange esemény, completed és progress] project: [LCMS] role: [editor] --- [TOC] A Nexius tananyagok tartalmi oldalai legtöbb esetben egyszakaszosak. Ezek az oldalak leginkább egy prezentáció diáihoz hasonlíthatók, abban a tekintetben, hogy általában teljesen kitöltik a tanulói felületben rendelkezésre álló helyet és nem görgethetők. Ha az adott oldalon az információk közlésére több hely szükséges, akkor a szerkesztőnek három lehetősége adódik: - egyes információkat pop-up mezőkbe helyez, így többrétegű tartalommegjelenítést alkalmaz, - vertikálisan megnöveli az oldalméretet és görgethetővé teszi az oldalt, vagy - többszakaszos tartalmi oldalt hoz létre és eseményekkel megteremti a szakaszok közötti navigációt. Ahogy láttuk, Nexius tartalmi [hierarchiában] az oldal és az alapmező között helyezkedik el a szakasz (item). Az oldal az az entitás, amelyre a tananyag navigációs gombokkal rá lehet lapozni, míg a szakasz az az entitás, ami az oldalon belüli elrendezést, vizuális elemeket tartalmazza és helyet ad az oldal méretét meghatározó alapmezőnek. Ennek a fogalomnak egészen addig nincs sok jelentősége, míg egy oldalhoz pontosan egy szakasz tartozik, azonban lehetőség van olyan oldalakat létrehozni, amelyekben bizonyos események hatására a teljes megjelenített tartalom lecserélődik. Ezt leginkább úgy lehet szemléltetni, mint egy könyvben szereplő kihajtogatható oldal, amelynek egy oldalszáma van, és egy oldalként szerepel a tartalomjegyzékben, de mégis több lapnyi információt tartalmaz. Prezentációkészítővel hasonlítva pedig olyan, mintha egy diának lennének részdiái. A szakasz a Nexius tartalmi hierarchiában az oldal és az alapmező között helyezkedik el, összefogja és egységekbe szervezi az egy képernyőnyi vizuális tartalmat. A szakaszok az oldal alegységei, amelyek nem láthatók a tartalomjegyzékben. Többszakaszos oldal esetén mezőkre helyezett eseményekkel a szakaszok közötti egyedi navigációt megoldani. A szakaszok külön-külön töltődnek le a szerverről, így alkalmasak egy oldalon nagy mennyiségű információ hordozására. A Nexius oldalak bejárása lineáris, tehát a navigáció egyszerű előre és visszalapozással valósul meg és a tanuló jellemzően az első oldaltól az utolsóig lépésről lépésre halad. Előfordulhat azonban, hogy egy-egy oldalon belül elágazik a tartalom bejárhatósága, ennek megvalósítására jó megoldás lehet egy többszakaszos tartalmi oldal létrehozása egyedi belső esemény alapú navigációval. Az oldal betöltődésekor mindig az első szakasz jelenik meg automatikusan és a továbbiakban is **mindig egyszerre csak egy szakasz látható**, tehát szakaszváltás esetén az egyik eltűnik és a helyén egy másik jelenik meg. ### Az itemChange esemény használata Egy többszakaszos oldalon az itemChange, azaz szakaszváltás eseménykezelővel lehet a navigációt megvalósítani. Egyik szakaszról a másikra abszolút vagy relatív hivatkozással lehet átlépni, mindez attól függ, hogy a létrehozott esemény param adatmezőjébe milyen értéket adunk meg: - ha a `param` **plusz jellel kezdődik**, akkor a hivatkozás relatív és a megadott számmal növeli a megjelenítendő szakasz index-ét, - ha a `param` **mínusz jellel kezdődik**, akkor a hivatkozás relatív és a megadott számmal csökkenti a megjelenítendő szakasz index-ét, - ha a `param` **számmal kezdődik** (nincs előjel), akkor a hivatkozás abszolút és a megadott indexű szakaszt jeleníti meg, - ha `üres` `''` a `param`, akkor az a sorban következő szakaszt jeleníti meg. A szakaszokra hivatkozni tehát sorrendjük alapján lehet, az első szakasz indexe a nulla. Nézzünk egy konkrét példát az itemChange param beállításokra vonatkozóan: - `click > itemChange (param: +2)`: kattintásra ugorjon a szakaszok között kettőt előre, - `click > itemChange (param: -1)`: kattintásra ugorjon a szakaszok között egyet vissza, - `click > itemChange (param: 6)`: kattintásra ugorjon a 7. szakaszra (index=6). ### Többszakaszos tartalmi oldalak szerkesztése A többszakaszos oldalak szerkesztése annyiban különbözik az eddig tárgyalt egyszakaszos oldalaktól, hogy a szakaszlétrehozás, kiválasztás és törlés eszköztárát is használni kell, illetve navigációs eseménykezelőket kell elhelyezni a szakaszokon. A szakaszhoz kapcsolódó eszközök a szerkesztőfelület fejlécében találhatók. ![](file197.png?lightbox&classes=inline) A legördülő lista tartalmazza a szerkesztett oldalon található szakaszok listáját. Minden szakasznak van egy címkéje (neve), amely alapesetben az item 0, item 1, item N logika alapján generálódik. A szakaszválasztó lista mellett az új szakasz létrehozása gomb, illetve a kiválasztott szakasz törlése gomb található ![](file198.png?lightbox&classes=inline) A legördülő lista csak a szerkesztők számára érhető el, a tanulóknak az oldalon elhelyezett navigációs mezőkkel kell navigálniuk. A szerkesztőfelületen elhelyezett szakaszkiválasztó lista szerepe akkor igazán fontos, amikor még nem léteznek az oldalon itemChange események. Ilyenkor a szerkeszteni kívánt szakaszra eljutni csak a lista segítségével lehet. Ha kiválasztottad és megnyitottad a szerkesztendő szakaszt a szokásos módon tudsz eseményeket létrehozni. Navigációhoz leginkább a click eseménykioldót javasoljuk, illetve eseménykezelőnek pedig minden esetben az itemChange-t. Az esemény létrehozása után a param adatmezőbe írd be, hogy melyik szakasz jelenjen meg az esemény hatására. ![](file199.png?lightbox&classes=inline) Nincs más hátra, mint lépésről-lépésre átnézni a szerkesztési folyamatot. ### A szakaszok létrehozása és megszerkesztése 1. Hozz létre egy új oldalt a struktúrában és [húzz be egy oldalsablont]. 1. Szerkeszd meg az oldalt, majd döntsd el, hogy melyik lesz az a mező, amire kattintva megjelenik a másik szakasz. Itt látható, hogy melyik az aktuális szakasz (item 0): ![](file200.png?lightbox&Crop=0,0,1716,800) A szerkesztés lépései megegyeznek a korábban megismertekkel. 1. Hozz létre egy új szakaszt, kattints a felső sávban lévő új szakasz létrehozása gombra ![](file58.png?lightbox&classes=inline). Ilyenkor rögtön megnyílik az újonnan létrehozott szakasz és már kezdheted is a szerkesztést: ![](file201.png?lightbox&classes=inline "Új szakasz létrehozása az oldalon") Ha vissza szeretnél térni az előző szakaszra, csak görgesd le a listát és válaszd ki az item 0-t, majd kattints bele az oldalba. Annyi új szakasz lesz a listában, ahányszor az új szakasz létrehozása gombra kattintasz. 1. Szerkeszd meg az összes szakaszt. Minden szakaszon egyértelmű módon jelezd, hogy mire kell kattintania a tanulóknak. 1. Minden szakaszon helyezd el a megfelelő `click > itemChange` eseményt. !! Figyelj arra, hogy mielőtt létrehozod az eseményt, kattints bele egyszer az oldalba. Erre azért van szükség, hogy a rendszer érzékelje, hogy épp melyik szakaszon dolgozol. Ha ezt nem teszed meg, előfordulhat, hogy nem rögzülnek a létrehozott események. A param mezőbe írd be annak a szakasznak a számát, amit meg szeretnél jeleníteni: ![](file202.png?lightbox&classes=inline "Szakaszváltó esemény az oldalon") 1. Mentsd el, majd frissítsd az oldalt. A `CTRL` gomb lenyomva tartása mellett próbáld ki, hogy minden megfelelően működik-e. Ha nem, ellenőrizd az eseményeket és a param mezőbe írt számokat. ### Completed és progress események a többszakaszos tartalmi oldalon Emlékszel még ezekre az eseményekre? Ha nem, [lapozz vissza]. Nézzük a többszakaszos oldalak eseményezésével kapcsolatos szabályokat: - Alapértelmezettként, ha nem helyezel el `completed` eseményt egyik szakaszon sem, akkor az utolsó szakasz megnyitását követően 5 másodperccel kap teljesített státuszt az oldal. Az utolsó szakasz az a szakasz, amit utoljára hoztál létre, tehát az, amelyik a szakaszlistában legalul szerepel. - Az alapértelmezett, 5mp-es státuszkezeléstől eltérni úgy lehet, hogy az utolsó szakaszra elhelyezel egy `completed` vagy `progress` eseményt. - Ha nem az utolsó szakaszra teszel `completed` eseményt, akkor természetesen annak hatására is teljesített státuszt kap az oldal, de ettől függetlenül az utolsó szakaszon még érvényben lehet az alapértelmezett 5mp-es státuszkezelés. - A többszakaszos oldalakon a javasolt státuszkezelés a `progress` esemény használata numerikusan megadott teljesítési arányokkal. *Például egy négy szakaszból álló oldalon, minden szakaszhoz tartozhat egy 25%-os súlyú `progress` esemény.* - A többszakaszos oldalon a `progress` esemény param nélkül nem használható. [hierarchiában]: /lcms/ismerkedes_a_fogalmakkal_es_a_kezelofelulettel/fogalmak#hierarchia "Hierarchia" [húzz be egy oldalsablont]: /lcms/a_szerkesztes_alapjai/alapsablonok___base_templates#mezo-tulajdonsagok-ablak "ch018.xhtml#_Mező_tulajdonságok_ablak" [lapozz vissza]: /lcms/statuszok,_esemenyek_es_effektek/a_teljesitett_statusz_felteteleinek_beallitasa#link-es-email "Link_és_email"