• Site Logo, Articulate

Sfoglia gli articoli

Seleziona un prodotto

Directory di supporto di null

Esplora tutti gli articoli di null (Last Updated )

Nessun articolo trovato.

Risultati della ricerca

Nessun articolo trovato.

Storyline 360: best practice ed esempi di JavaScript

Ultimo aggiornamento dell'articolo 16 gen 2026

Usa i trigger JavaScript per un'interattività avanzata nei corsi Storyline 360. (Per ulteriori informazioni sui trigger, consulta questa guida per l'utente.)

Le migliori pratiche

Sebbene non forniamo supporto per la codifica JavaScript, questi suggerimenti ti aiuteranno a:

  • A partire da marzo 2025, puoi utilizzare l'API JavaScript avanzata per ottenere un controllo preciso sulle proprietà degli oggetti e altro ancora.
  • Installa l'aggiornamento di febbraio 2024 o successivo per utilizzare la console integrata.
  • A partire da gennaio 2024, puoi visualizzare in anteprima i trigger JavaScript locali nel player moderno. Ad esempio, i trigger JavaScript che recuperano o impostano il valore di una variabile Storyline 360. Se utilizzi trigger JavaScript complessi, ti consigliamo comunque di pubblicare il corso su un server Web o un LMS per testarlo correttamente.
  • A novembre 2021, abbiamo migliorato l'editor JavaScript in Storyline 360. Ora include l'evidenziazione della sintassi e i numeri di riga.
  • Utilizzate il metodo Player.getVar per recuperare il valore delle variabili Storyline 360 e utilizzate il metodo Player.setVar per impostare il valore di una variabile Storyline 360. In altre parole, puoi estrarre informazioni dalle variabili Storyline 360 con Player.getVar e inserire informazioni nelle variabili Storyline 360 con Player.setVar.
  • Non includerle nei trigger. <script type="text/javascript">
  • Ogni trigger JavaScript può contenere fino a 32.767 caratteri di codice.
  • Non è possibile richiamare funzioni JavaScript da un trigger a un altro trigger. Tuttavia, è possibile richiamare funzioni JavaScript all'interno dello stesso trigger.
  • Se desideri includere tutte le funzioni JavaScript in un file JavaScript (.js) separato, inserisci il file JavaScript personalizzato nella cartella story_content dell'output pubblicato, quindi aggiungi la seguente riga di codice al file story.html prima del tag</head> di chiusura.

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

    Richiama le funzioni appropriate nei trigger di Storyline 360. Nota che questo metodo non è ufficialmente supportato da Articulate.
  • Se usi jQuery nei tuoi trigger JavaScript, assicurati di fare riferimento alla libreria jQuery.
  • Storyline 360 non ha variabili di sistema documentate che puoi usare in JavaScript. Puoi scoprirne alcuni lavorando con l'output pubblicato di Storyline 360 o cercando nei forum della community. Tieni presente che potrebbero interferire con la riproduzione del corso e potrebbero non funzionare in tutte le versioni di Storyline 360.
  • Per informazioni generali sulla codifica JavaScript, vedi w3schools.com o Codecademy.

Esempi

Di seguito sono riportati alcuni esempi di trigger JavaScript comuni. E assicurati di dare un'occhiata alla nostra sfida JavaScript e al riepilogo delle dozzine di demo della nostra meravigliosa community di sviluppatori di e-learning!

Modificare il valore di una variabile Storyline 360
Questo esempio assegna la data corrente a una variabile Storyline 360. Dimostrazione video.

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);

Messaggio popup (solo testo)

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

Messaggio popup (testo e valore di una variabile Storyline 360)

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

Stampa la diapositiva corrente (solo HTML5)

window.print();

Il semplice codice riportato sopra stampa la diapositiva corrente e il player Storyline 360. Se desideri stampare solo il contenuto della diapositiva, non il lettore Storyline 360, guarda questo codice JavaScript di Brian Batt. Nota che questo metodo funziona solo con lo stile classico del player.

Stampa il certificato di completamento

Guarda questa demo e l'esempio scaricabile di Tracy Carroll in cui utilizza due trigger JavaScript per ottenere la data corrente, acquisire il nome dello studente e stampare un certificato.

Avvia un nuovo messaggio 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');

Scorri automaticamente la pagina Web fino a una posizione specifica

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

Scorrimento automatico della pagina Web rispetto alla posizione corrente

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

Cambia il colore di sfondo HTML (solo lettore classico)

parent.document.body.style.backgroundColor = "#990000";

Cambia l'immagine di sfondo HTML (solo lettore classico)
Inserisci una copia del file image.jpg nella cartella principale dell'output pubblicato. Credito: Alexandros Anoyatis

parent.document.body.style.backgroundImage = "url('image.jpg')";
parent.document.body.style.backgroundSize = "cover";
parent.document.body.style.backgroundRepeat = "no-repeat";

Genera un numero casuale
Questo esempio genera un numero casuale compreso tra 1 e 10. Dimostrazioni video qui e qui.

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

Sapevi che Storyline 360 ha variabili numeriche casuali? Sono super facili da usare! Guarda questo video dimostrativo e queste istruzioni per saperne di più.

Storyline 360: best practice ed esempi di JavaScript