Journey.js

Journey.js

? Une bibliothèque JavaScript légère et facile à utiliser pour créer des visites guidées interactives, personnalisables et accessibles sur vos sites Web ou applications Web!

v2.2.0

Quelles fonctionnalités ont Journey.js?

• Zéro dépendances et extrêmement légers!
• Écrit en dactylographie, permettant une plus grande prise en charge de React, Angular et d'autres bibliothèques!
• API complète disponible via des fonctions publiques.
• Entièrement stylisé dans CSS / SASS et compatible avec la bibliothèque bootstrap.
• Prise en charge du thème CSS complet (Utilisation: variables racine, avec un thème par défaut en mode noir).
• Déclencheurs personnalisés pour les actions (lorsque la boîte de dialogue est affichée pour un élément, ou caché, etc.).
• Clés de raccourci (cliquez ici pour voir la liste complète).
• Prise en charge des paramètres d'URL du navigateur (cliquez ici pour voir la liste complète).
• Astuces Support (non incluse dans le parcours principal).
• 51 Traductions linguistiques disponibles!
• Infiltrations personnalisables.
• Montrez des points de progression, ou une barre de progression, ou les deux!
• Regrouper vos pas dans des voyages séparés!
• Support mobile de dialogue!

Où puis-je trouver la documentation?

Toute la documentation peut être trouvée ici:

Quels navigateurs sont pris en charge?

Tous les navigateurs modernes (comme Google Chrome, Firefox et Opera) sont entièrement pris en charge.

Quelles langues sont prises en charge?

• af afrikaans
• ar arabe
• hy arménien
• be biélorusse
• bn Bengali
• bg bulgare
• ca Catalan
• zh chinois (simplifié)
• da danois
• nl néerlandais
• en anglais (par défaut)
• eo espéranto
• et estonien
• fa Farsi
• fi finnois
• fr français
• fy
• gl
• ka géorgien
• de allemand
• el grec
• he hébreu
• hi hindi
• hu hongrois
• is islandais
• id indonésien
• ga Irlandais
• it italien
• ja japonais
• ko coréen
• lv
• lt lituanien
• lb Luxembourgish
• ms malaise
• ne Népalais
• no norvégien
• pl POLON
• pt Portugais
• ro roumain
• si Cinghalais
• sk Slovaque
• sl Slovien
• es espagnol
• sv
• tl tagalog
• ta tamoul
• zh-tw Taiwanais
• te telugu
• th thaï
• tr Turc
• Ukrainien uk

Quels sont les changements les plus récents?

Pour voir une liste de toutes les modifications les plus récentes, cliquez ici.

Comment installer Journey.js?

Vous pouvez installer la bibliothèque avec NPM dans votre répertoire de modules locaux à l'aide de la commande suivante:

npm install jjourney.js

Ou, vous pouvez télécharger la dernière version zippé ici.

Ou, vous pouvez également utiliser les liens CDN suivants:

 https://cdn.jsdelivr.net/gh/williamtroup/[email protected]/dist/journey.min.js
https://cdn.jsdelivr.net/gh/williamtroup/[email protected]/dist/journey.js.min.css

Comment commencer?

Pour commencer à utiliser Journey.js, faites les étapes suivantes:

1. Prérequis:

Assurez-vous d'inclure la balise "doctype html" en haut de votre HTML, comme suit:

 <! DOCTYPE html >

2. Inclure des fichiers:

< link rel = " stylesheet " href = " dist/Journey.js.css " >
< script src = " dist/Journey.js " ></ script >

3. LIGNAGE DE L'ÉLÉMENT DOM:

< button data-journey-js = " { 'title': 'Get Version', 'description': 'Logs the current version of Journey.js to the developers console.', 'order': 6 } " onclick = " console . log ( $journey . getVersion () ); " >Get Version</ button >

Pour voir une liste de toutes les options de liaison disponibles que vous pouvez utiliser pour "Data-Journey-JS", cliquez ici.

Pour voir une liste de tous les déclencheurs personnalisés disponibles que vous pouvez utiliser pour "Data-Journey-JS", cliquez ici.

4. Finition:

Pour commencer le voyage, appelez la fonction publique suivante:

< script > 
  $journey . start ();
</ script >

C'est ça! Nice et simple. Veuillez vous référer au code si vous avez besoin de plus d'aide (entièrement documenté).

Comment faire pour personnaliser Journey.js?

Pour personnaliser et sortir plus de Journey.js, veuillez lire la documentation suivante.

1. Fonctions publiques:

Pour voir une liste de toutes les fonctions publiques disponibles, cliquez ici.

2. Configuration:

Les options de configuration vous permettent de personnaliser le fonctionnement de Journey.js. Vous pouvez les définir comme suit:

< script > 
  $journey . setConfiguration ( {
      safeMode : false
  } );
</ script >

Pour voir une liste de toutes les options de configuration disponibles que vous pouvez utiliser, cliquez ici.

Pour voir une liste de tous les déclencheurs personnalisés de l'option de configuration disponibles que vous pouvez utiliser, cliquez ici.