Chargement de script externe

Voir le sujet précédent Voir le sujet suivant Aller en bas

Astuce Chargement de script externe

Message par Ea Ven 9 Mar 2012 - 13:16

Chargement de script externe

Faisant suite à la mise en place d'une gestion interne des scripts Javascript, vous avez la possibilité de charger des scripts externes.

Charger un script externe dans un code Javascript


Panneau d'administration  Modules  HTML & Javascript  Gestion des codes javascript

Si vous souhaitez charger un script depuis un site externe à votre forum, il vous suffit de créer un nouveau Javascript et d'utiliser le code suivant :

Code:
$.getScript("http://adresse-site/chemins/adresse-js-externe.js");

A titre d'exemple, vous pouvez constater l'utilisation de ce procédé dans l'annonce Décorez votre forums pour la Saint Valentin. Les différentes personnalisations sont chargées à partir d'un script externe à votre forum :

Code:
$.getScript('https://script.forumactif.com/17143.js');

Charger un script externe à partir d'une page HTML Forumactif


Cette astuce s'adresse aux utilisateurs ayant une connaissance plutôt approfondie du langage Javascript & JQuery.

Dans un premier temps, il est nécessaire de créer une page HTML.

Panneau d'administration  Modules  HTML & JAVASCRIPT - Gestion des pages HTML

Lors de la création de cette page HTML, vous n'utiliserez pas le haut et le bas de votre forum. Cliquez ensuite sur le bouton Valider.

Voir illustration :

Dans un deuxième temps, il est nécessaire de créer un script Javascript.

Panneau d'administration  Modules  HTML & Javascript  Gestion des codes javascript

Ajoutez le script suivant :

Code:
var html_script_page= "/h1-scripts";
 
$(function(){$.getScript("//js01.fra.co/11000.js")});

Remplacez l'élément /h1-scripts par le nom de la page HTML que vous avez précédemment créé.

Voir illustration :

La ligne $(function(){$.getScript("//js01.fra.co/11000.js")}); est un script externe qui permet de charger les informations de votre page HTML qui contiendra l'ensemble des scripts listés (voir la troisième étape) et les conditions dans lesquelles ils sont à exécuter.

Cliquez sur le bouton Valider afin de sauvegarder vos modifications.

Dans un troisième temps, il vous suffit de retourner sur la page HTML créée dans la première étape afin d'ajouter un ou plusieurs script(s) à charger. Il vous suffit de retirer la balise <br /> et d'inscrire les scripts à exécuter en respectant le format suivant :

Code:
url-du-script-à-charger [condition à remplir]

Pensez à cliquer sur le bouton Valider afin de sauvegarder vos modifications.

Ea

Ea
Aidactif
Aidactif

Messages : 23583
Inscrit(e) le : 04/04/2008

Voir le profil de l'utilisateur
Ea a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum