Connexion
S'inscrire
Actualités
Quoi de neuf
Activités générales
Auteurs
Forums
Nouveaux messages
Rechercher un forum
Quoi de neuf
Nouveaux messages
Nouveaux messages de profil
Activités générales
Membres
Membres inscrits
Visiteurs actuels
Nouveaux messages de profil
Rechercher dans les messages des profils
Teams
Créé ton équipe
Quoi de neuf ?
Nouveaux messages
Rechercher un forum
Menu
Connexion
S'inscrire
Install the app
Install
Forums
Forums généraux
Informatique
Développement
Installer des scripts sur votre forum xenForo
JavaScript is disabled. For a better experience, please enable JavaScript in your browser before proceeding.
Vous utilisez un navigateur non à jour ou ancien. Il ne peut pas afficher ce site ou d'autres sites correctement.
Vous devez le mettre à jour ou utiliser un
navigateur alternatif
.
Répondre à la discussion
Message
<blockquote data-quote="1899" data-source="post: 6939196" data-attributes="member: 146051"><p style="text-align: center">[ATTACH=full]101791[/ATTACH]</p><p><span style="font-family: 'MyriadPro Light'"></span></p><p><span style="font-family: 'MyriadPro Light'">Bonjour à tous,</span></p><p><span style="font-family: 'MyriadPro Light'"></span></p><p><span style="font-family: 'MyriadPro Light'">Dans ce tutoriel je vais vous montrer comment installer un script Javascript sur votre forum xenForo.</span></p><p><span style="font-family: 'MyriadPro Light'">Dans ce tutoriel, nous allons simplement installer un script permettant d'afficher une alerte au chargement de la page pour vérifier si l'installation a fonctionné, vous pourrez ensuite développer vos propres scripts et les installer sur votre forum.</span></p><p><span style="font-family: 'MyriadPro Light'"></span></p><p style="text-align: center"><span style="font-family: 'MyriadPro Light'">[ATTACH=full]101819[/ATTACH]</span></p><p><span style="font-family: 'MyriadPro Light'">Premièrement, je vous conseille d'utiliser un éditeur de code affichant l’arborescence de vos projets (pour ma part j'utilise Bracket), c'est un gain de temps non négligeable dans la réalisation de vos projets.</span></p><p><span style="font-family: 'MyriadPro Light'"></span></p><p><span style="font-family: 'MyriadPro Light'">Pour commencer à créer votre script, rendez vous dans le fichier <em>js</em> à la racine de votre forum et créez y un fichier à l'intérieur, ce qui vous permettra d'insérer votre script.</span></p><p><span style="font-family: 'MyriadPro Light'">Sur votre éditeur de code, créez un nouveau fichier et développez votre script. Dans ce tutoriel j'utiliserai simplement un script affichant une alerte, comme dit plus haut :</span></p><p><span style="font-family: 'MyriadPro Light'">[CODE]alert('Script installé correctement !')[/CODE]</span></p><p><span style="font-family: 'MyriadPro Light'"></span></p><p><span style="font-family: 'MyriadPro Light'">Sauvegardez et maintenant rendez vous dans le panneau d'administration de votre forum pour procéder à l'installation de votre script.</span></p><p><span style="font-family: 'MyriadPro Light'"></span></p><p style="text-align: center"><span style="font-family: 'MyriadPro Light'">[ATTACH=full]101820[/ATTACH]</span></p><p><span style="font-family: 'MyriadPro Light'">Maintenant que vous avez développé votre script, rendez vous dans le gestionnaire de template et dans le template PAGE_CONTAINER. Une fois dans la template, nous allons utiliser la fonction xen:require pour appeler le script sur votre page en indiquant le lien pour accéder au script en question.</span></p><p><span style="font-family: 'MyriadPro Light'">Par exemple, mon script se trouve dans le fichier js, dans le fichier tutoriel et le script s'appelle alert.js ce qui me donne ce code :</span></p><p><span style="font-family: 'MyriadPro Light'">[CODE]<xen:require js="js/tutoriel/alert.js" />[/CODE]</span></p><p><span style="font-family: 'MyriadPro Light'"></span></p><p><span style="font-family: 'MyriadPro Light'">Une fois que vous avez vérifié que votre code est bon, enregistrez et actualisez votre forum, si tout est bien fait vous aurez cette alerte :</span></p><p style="text-align: center"><span style="font-family: 'MyriadPro Light'">[ATTACH=full]101821[/ATTACH]</span></p> <p style="text-align: center"><span style="font-family: 'MyriadPro Light'"></span></p><p><span style="font-family: 'MyriadPro Light'">Votre script a été installé avec succès ! </span></p><p><span style="font-family: 'MyriadPro Light'">Il ne vous reste à présent plus qu'à développer vos scripts et à les installer ! </span></p><p><span style="font-family: 'MyriadPro Light'"></span></p><p><span style="font-family: 'MyriadPro Light'">Si vous avez des questions, je suis disponible en message privé ainsi que par le biais de ce topic,</span></p><p><span style="font-family: 'MyriadPro Light'"></span></p><p><span style="font-family: 'MyriadPro Light'">Bonne soirée.</span></p></blockquote><p></p>
[QUOTE="1899, post: 6939196, member: 146051"] [CENTER][ATTACH=full]101791[/ATTACH][/CENTER] [FONT=MyriadPro Light] Bonjour à tous, Dans ce tutoriel je vais vous montrer comment installer un script Javascript sur votre forum xenForo. Dans ce tutoriel, nous allons simplement installer un script permettant d'afficher une alerte au chargement de la page pour vérifier si l'installation a fonctionné, vous pourrez ensuite développer vos propres scripts et les installer sur votre forum. [/FONT] [CENTER][FONT=MyriadPro Light][ATTACH=full]101819[/ATTACH][/FONT][/CENTER] [FONT=MyriadPro Light]Premièrement, je vous conseille d'utiliser un éditeur de code affichant l’arborescence de vos projets (pour ma part j'utilise Bracket), c'est un gain de temps non négligeable dans la réalisation de vos projets. Pour commencer à créer votre script, rendez vous dans le fichier [I]js[/I] à la racine de votre forum et créez y un fichier à l'intérieur, ce qui vous permettra d'insérer votre script. Sur votre éditeur de code, créez un nouveau fichier et développez votre script. Dans ce tutoriel j'utiliserai simplement un script affichant une alerte, comme dit plus haut : [CODE]alert('Script installé correctement !')[/CODE] Sauvegardez et maintenant rendez vous dans le panneau d'administration de votre forum pour procéder à l'installation de votre script. [/FONT] [CENTER][FONT=MyriadPro Light][ATTACH=full]101820[/ATTACH][/FONT][/CENTER] [FONT=MyriadPro Light]Maintenant que vous avez développé votre script, rendez vous dans le gestionnaire de template et dans le template PAGE_CONTAINER. Une fois dans la template, nous allons utiliser la fonction xen:require pour appeler le script sur votre page en indiquant le lien pour accéder au script en question. Par exemple, mon script se trouve dans le fichier js, dans le fichier tutoriel et le script s'appelle alert.js ce qui me donne ce code : [CODE]<xen:require js="js/tutoriel/alert.js" />[/CODE] Une fois que vous avez vérifié que votre code est bon, enregistrez et actualisez votre forum, si tout est bien fait vous aurez cette alerte :[/FONT] [CENTER][FONT=MyriadPro Light][ATTACH=full]101821[/ATTACH] [/FONT][/CENTER] [FONT=MyriadPro Light]Votre script a été installé avec succès ! Il ne vous reste à présent plus qu'à développer vos scripts et à les installer ! Si vous avez des questions, je suis disponible en message privé ainsi que par le biais de ce topic, Bonne soirée.[/FONT] [/QUOTE]
Insérer les citations…
Vérification
Publier la réponse
Forums
Forums généraux
Informatique
Développement
Installer des scripts sur votre forum xenForo
Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies.
Acceptez
En savoir plus.…
Haut