Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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 :
Chargement de script externe 06-03-11

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 :
Dans le cadre de la rédaction de ce tutoriel, la page HTML créée précédemment porte le nom : /h1-liste-des-scripts

Chargement de script externe 06-03-12

Ce qui donne, dans le script Javascript :

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

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 : 23581
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


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