Anpassad JavaScripting

Vid förlängning din titel med JavaScript bör behållarelementen inte refereras direkt. Med HTML alternativet Publishing för Seamless Play , behållare såsom fönster och dokument kan inte längre refereras direkt. Istället måste du använda de globala metoderna nedan för att korrekt få tillgång till dessa behållare.

Publicering för Seamless Play är en HTML publiceringsalternativ som ger automatisk uppspelning av media och jämn genomströmning från sida till sida, vilket eliminerar Skärmrensare vanligen förknippas med HTML-sidor. Det ligger som standard. För mer information, se Ange HTML alternativ .

`getDisplayWindow()`	Återgår fönsterobjekt som ska användas för att hantera JS föremål som genereras av Lectora Online och alla fönster relaterade attribut.
`getDisplayDocument()`	Returnerar dokument objekt som ska användas för att hantera de visuella HTML-objekt, innehåller alla de närvarande HTML-element för sidan.
`getCurrentPageDiv()`	Returnerar en HTML-element som representerar sida div.
`getCurrentPageID()`	Returnerar en sträng med namnet på den aktuella sidan div.
`appendElement(obj, parentElement, htmlElement)`	Denna funktion kan användas för att fästa föremål på den aktuella sidan div; kunden skulle bara behöver skicka in den sista attribut som antingen en HTML-element eller en sträng.

Här är några exempel på klarhet:

Låt oss säga att vi har en HTML Förlängning av typ Custom Div som ser ut så här

Och i vår titel vi har en knapp med en åtgärd för att köra JavaScript för att ändra vår punkt till dagens datum. JavaScript ser ut så här

document.getElementById ( 'demo') innerhtml = Date ().;

Detta fungerar i icke Seamless Play Publicera; Men det kommer inte att fungera i Seamless Play Publicera.

För Seamless Play Publish måste du ändra JavaScript så att den på rätt sätt hittar dokumentet:

. GetDisplayDocument () getElementById ( 'demo') innerhtml = Date ().;

Här är ett appendElement exempel. Detta lägger helt enkelt ett objekt till listan pageDiv :

appendElement (null, null, "<li> text <li>");