• Site Logo, Articulate

Wyszukiwanie artykułów

Wybierz produkt

Katalog pomocy dla null

Przeglądaj wszystkie artykuły null (Last Updated )

Nie znaleziono artykułów.

Wyniki wyszukiwania

Nie znaleziono artykułów.

Storyline 360: Wskazówki i przykłady JavaScript

Artykuł zaktualizowany ostatnio dnia 16 sty 2026

Dodaj zaawansowaną interaktywność do kursów Storyline 360 dzięki wyzwalaczom JavaScript, które wykraczają poza codzienność, oferując bardziej spersonalizowane doświadczenia dla uczestników.

Poznaj porady

Nie zapewniamy bezpośredniego wsparcia dla kodowania JavaScript, ale poniższe wskazówki mogą pomóc w rozpoczęciu:

  • Nie uwzględniaj <script type="text/javascript"> w swoich wyzwalaczach.
  • Zauważ, że każdy wyzwalacz JavaScript może mieć do 32 767 postacie kodu.
  • Skorzystaj z podświetlania składni i numerów wierszy w funkcjach edytora JavaScript.
  • Rozwiązywanie problemów z kodem za pomocą wbudowanej konsoli.
  • Jeśli używasz jQuery w wyzwalaczach JavaScript, odwołaj się do biblioteki jQuery.
  • Uzyskaj ogólne informacje na temat kodowania JavaScript na w3schools.com lub Codecademy.
  • Użyj zaawansowanego interfejsu API JavaScript, aby uzyskać precyzyjną kontrolę nad właściwościami obiektu i nie tylko.
  • Storyline 360 nie ma udokumentowanych zmiennych systemowych, których można używać w JavaScript. Możesz odkryć niektóre, pracując z opublikowanymi wynikami Storyline 360 lub przeszukując fora społeczności. Mogą jednak zakłócać odtwarzanie kursu i mogą nie działać we wszystkich wersjach Storyline 360.
  • Podgląd lokalnych wyzwalaczy JavaScript w nowoczesnym odtwarzaczu — na przykład wyzwalacze JavaScript, które pobierają lub ustawiają wartość zmiennej Storyline 360. Jeśli używasz złożonych wyzwalaczy JavaScript, nadal będziesz chciał opublikować swój kurs na serwerze WWW lub LMS w celu prawidłowego testowania.
  • Użyj metody player.getVar, aby pobrać wartość zmiennych Storyline 360 i użyj metody player.setVar, aby ustawić wartość zmiennej Storyline 360. Innymi słowy, możesz pobierać informacje ze zmiennych Storyline 360 za pomocą Player.getVar i przesyłać informacje do zmiennych Storyline 360 za pomocą Player.setVar.
  • Użyj wyzwalacza, który wywołuje funkcję. Funkcje JavaScript działają tylko w wyzwalaczu, z którego je wywołujesz, a nie przez wiele wyzwalaczy.
  • Aby uwzględnić wszystkie funkcje JavaScript w oddzielnym pliku JavaScript (.js), umieść niestandardowy plik JavaScript w folderze story_content opublikowanego wyjścia, a następnie dodaj następujący wiersz kodu do pliku story.html przed tagiem zamykającym</head>.

    <script LANGUAGE="JavaScript1.2" SRC="/story_content/MyJavaScriptFunctions.js" TYPE="text/javascript"></script>

    Możesz wywołać odpowiednie funkcje w wyzwalaczach Storyline 360. Zauważ, że nie wspieramy tej metody.

Znajdź przykłady

Zastanawiasz się, co można zrobić z JavaScript? Nasze wyzwanie i podsumowanie JavaScript oferuje dziesiątki wersji demonstracyjnych od naszej wspaniałej społeczności programistów e-learningu. Czytaj dalej, aby znaleźć przykłady niektórych typowych wyzwalaczy JavaScript - a nawet kilka wersji demonstracyjnych!

Zmień wartość zmiennej Storyline 360
Ten przykład przypisuje bieżącą datę do zmiennej Storyline 360. Demonstracja wideo.

var currentTime = new Date()
var month = currentTime.getMonth() + 1
var day = currentTime.getDate()
var year = currentTime.getFullYear()
var dateString=month + "/" + day + "/" + year
var player = GetPlayer();
player.SetVar("SystemDate",dateString);

Komunikat wyskakujący (tylko tekst)

alert("Your message here...");

Komunikat wyskakujący (tekst i wartość zmiennej Storyline 360)

var player = GetPlayer();
alert("Welcome back, " + player.GetVar("FirstName") + ".");

Certyfikat ukończenia druku

Sprawdź to demo i przykład do pobrania autorstwa Tracy Carroll. Tracy używa dwóch wyzwalaczy JavaScript, aby uzyskać aktualną datę, przechwycić imię i nazwisko ucznia, i wydrukować certyfikat.

Uruchomienie nowej wiadomości e-mail

var email="yourAddress@email.com";
var subject="subject line";
var body_start="How you want to begin your body.";
var mailto_link='mailto:'+email+'?subject='+subject+'&body='+body_start;
win=window.open(mailto_link,'emailWin');

Poziomy pasek przewijania

Oto demo i przykład do pobrania autorstwa Asbjorna Reinholda. Asbjorn ustawia wyzwalacz JavaScript, aby połączyć zmienną suwaka z pozycją obiektu, tworząc efekt poziomego paska przewijania.

Automatyczne przewijanie strony internetowej do określonej lokalizacji

window.scroll(0,150); // horizontal and vertical location

Automatyczne przewijanie strony internetowej względem bieżącej lokalizacji

window.scrollBy(0,150); // horizontal and vertical scroll increments

Wygeneruj liczbę losową
Ten przykład generuje liczbę losową pomiędzy 1 i 10. Demonstracje wideo tutaj i tutaj.

var randomnumber = Math.floor((Math.random()*10)+1);
var player = GetPlayer();
player.SetVar("randnum",randomnumber);

Czy wiesz, że Storyline 360 ma zmienne liczb losowych? Sprawdź to demo wideo i te instrukcje, aby dowiedzieć się więcej.

Uczyń interakcje JavaScript bardziej dostępnymi

Tworząc interaktywne elementy korzystające z JavaScript, nie zapomnij o dostępności! Pamiętaj o tych wskazówkach, aby Twoje interakcje były bardziej integracyjne dla wszystkich uczestników:

Wskazówka: Spróbuj osiągnąć cele interaktywności za pomocą standardowego kodu HTML, zanim dodasz atrybuty ARIA.