L’installation d’un boursier javascript sur votre site Web est un moyen rapide et facile de mettre du contenu dynamique sur n’importe quelle page. Ajoutez la possibilité de le configurer selon les besoins de votre utilisateur et il devient l’un des éléments de codage les plus utiles à connaître.
Table des matières
Trouver le bon code
Javascript est l’une des premières méthodes jamais utilisées pour étendre les fonctionnalités du Web au-delà du HTML. En conséquence, de nombreuses variantes du code boursier javascript existent maintenant sur le Web. Une simple recherche sur Google fera apparaître des centaines d’exemples – mais vient ensuite la question de savoir quel boursier est le bon pour vous? Tenez compte des facteurs suivants:
- Votre site Web est-il riche en graphiques ou en texte? Un simple ticker d’une ligne s’intégrera mieux dans ce dernier, mais un widget complexe de style NASDAQ pourrait être meilleur pour les images éclaboussantes.
- Avez-vous besoin d’afficher tous les stocks, les stocks actuels ou une tendance d’un certain stock au fil du temps? Différents types de javascripts peuvent faire toutes ces choses, mais vous devez choisir le bon.
- Quel est votre niveau d’expertise en codage? Tous les tickers boursiers exigent certains élément de passer « sous le capot » de votre code web et de configurer le javascript. La mesure dans laquelle vous vous sentez à l’aise déterminera celle que vous choisirez.
- Y a-t-il un soutien? En ce qui concerne le point précédent, existe-t-il une large base d’utilisateurs ou un autre réseau de support pour le javascript que vous avez choisi? Parce qu’il y a eu tellement de tickers créés, certains d’entre eux ne seront plus qu’un extrait de code sur une page Web obsolète.
Si vous n’êtes pas sûr du code à obtenir, la meilleure façon de décider est de trouver un exemple de celui que vous aimez et d’afficher le code source ou de contacter l’administrateur du site et de lui demander lequel il a utilisé. Recherchez les critiques et les commentaires des personnes qui les ont utilisés dans le passé, et cela vous donnera la base d’une décision éclairée.
Intégration d’un ticker boursier Javascript
Bien qu’il existe de nombreuses variantes d’un symbole boursier, elles partagent toutes un élément commun: Javascript. Il existe des techniques spécifiques pour implémenter javascript qui sont communes à toutes les pages Web.
Sur ou en dehors de la page
Vous pouvez inclure le javascript sur la page Web elle-même, mais ce n’est pas le moyen le plus efficace de le faire. Il est plus judicieux de stocker le code dans un fichier indépendant (appelé quelque chose comme « https://web-design.lovetoknow.com/stockticker.js ») puis comprendre un appel à ce fichier sur n’importe quelle page Web où vous souhaitez l’afficher. De cette façon, si jamais vous souhaitez mettre à jour ou changer le ticker boursier, il vous suffit de changer le fichier « https://web-design.lovetoknow.com/stockticker.js » et toutes vos pages reflètent le changement. Pour inclure un appel à un fichier .js, vous devez mettre une balise dans la section HEAD de votre page Web, quelque chose comme ceci:
Sinon, vous appelleriez le langage javascript et incluriez ensuite le code dans les balises . C’est un moyen de laisser les navigateurs non activés par JavaScript ignorer le code résultant. Il convient de noter que si vos utilisateurs n’ont pas activé javascript, votre ticker ne fonctionnera pas – mais vous ne pouvez rien faire à ce sujet et la plupart des utilisateurs veulent la fonctionnalité. Il existe également des tickers boursiers qui utilisent d’autres méthodes, telles que CSS ou RSS, pour incorporer la fonctionnalité de javascript sans nécessiter un appel javascript.
Insertion dans HTML
Une fois le code .js défini et configuré (en suivant les instructions du développeur), l’étape suivante consiste à insérer le ticker à l’endroit du HTML où vous voulez qu’il s’affiche. Il existe une variété de façons de le faire – encore une fois, le développeur du script aura très probablement des instructions très claires sur la façon d’insérer le code dans votre page.
Pour en savoir plus sur la création et la configuration de votre propre boursier javascript, lisez les nombreux articles sur la programmation Javascript proposés ici sur Supportivy.
Lisez plus d’astuces sur le design web ici, et n’oubliez pas de partager l’article sur Facebook !