Javascript sur Forumactif

par Ea Mer 30 Mar 2011 - 15:55

[tr]/tr]

Javascript sur Forumactif

Le Javascript (souvent abrégé en "JS") est un langage qui permet d'agir dynamiquement sur le contenu d'une page Internet. En d'autres termes, il permet donc d'ajouter des fonctions qui ne seraient pas disponibles sans lui. C'est donc dans cette finalité que Forumactif propose à sa communauté de pouvoir héberger et gérer ses propres scripts Javascript depuis le Panneau d'administration.

Dans cette astuce, nous présentons rapidement ce qu'est le Javascript ainsi que son fonctionnement général.

Les avantages et les limites de Javascript

 Avantages

 Limites

Les avantages résident dans la possibilité de personnaliser son forum afin de se différencier des autres, d'une part, et de pouvoir améliorer l'expérience utilisateur de votre communauté, d'autre part. Les possibilités sont légion, comme peuvent en témoigner les nombreuses demandes dans la section Scripts et codes. On peut toutefois identifier les demandes suivantes :

Ajouter des options permettant de différencier votre forum ;
Personnaliser l'affichage de votre forum (couleurs, images, textes...) en fonction de certains critères prédéfinis ;
Poster un message ou un sujet à partir d'un formulaire ;
...

L'utilisation de Javascript se heurte à plusieurs limites. Ainsi, vous ne pourrez pas :

Accéder au contenu d'une page d'un autre domaine ;
Charger le contenu d'une page d'un autre domaine (sauf charger un script) ;
Lire ou sauver des fichiers du disque dur.

De plus, les navigateurs permettent de désactiver l'utilisation du Javascript. De ce fait, vos scripts ne fonctionneront pas pour cet utilisateur.

Quels sont les méthodes pour en incorporer à une page ?

Il y a trois possibilités (méthodes) pour incorporer du Javascript dans une page. Le javascript qu'on inclut par la première méthode n'aura d'action qu'à l'exécution de l'évènement (clic, survol, double-clic, touche enfoncée, ... ) et les deux méthodes qui suivent ont les mêmes effets, mais utiliser une feuille de script peut rendre la navigation plus rapide car grâce à la mémoire cache du navigateur elle ne devra pas être rechargée à chaque fois qu'on ouvre la page.

Le code Javascript est directement mis dans l'attribut d'une balise HTML

Voici un exemple avec l'attribut onClick, le javascript qu'on met dedans sera exécuté au clic (gauche) sur l'élément :

Code:: <img src="https://2img.net/i/bl/logo.png" title="Logo Forumactif" alt="bonhomme" onClick="alert('Bonjour =]');" />

Dans cet exemple, nous avons juste mis une fonction appelée alert qui affiche une boîte de dialogue et nous spécifié que le texte dans cette boîte devait être "Bonjour =]".

Le code Javascript est mis dans la page à l'intérieur d'une balise script

Voici un exemple dans lequel on demande à l'utilisateur son prénom, si il a appuyé sur annuler ou qu'il a laissé un vide dans la case on dit que son prénom est inconnu et ensuite on lui dit bonjour :

Code:: <script type="text/javascript"> var prenom= prompt("Quel est votre prénom ?"); if(prenom==null || prenom=="") prenom= "inconnu"; alert("Bonjour "+prenom+" =]"); </script>

Le code Javascript est mis dans une feuille javascript qui est liée à la page

Voici un exemple d'un script qui lie une feuille d'un script qui permet d'afficher la Chatbox en bas à gauche de chaque page sur laquelle le script est lié :

Code:: <script type="text/javascript" src="http://tinyurl.com/chatbox-fa-v2"></script>

Comme vous pouvez le voir c'est pareil qu'avec le code à l'intérieur d'une balise script mais il n'y a rien à l'intérieur de la balise et il y a un attribut src en plus qui a comme valeur l'adresse de la feuille javascript à lier.

Où est-ce qu'on peut mettre ce Javascript ?

Il est possible d'insérer un code Javascript à plusieurs endroits sur le Panneau d'administration. Afin de garantir un fonctionnement optimale de votre forum Forumactif, nous vous recommandons les emplacements suivants :

La gestion des codes Javascript :
Panneau d'administration  Modules  HTML & Javascript - Gestion des codes javascript
Le message sur la page d'accueil ;

Panneau d'administration  Affichage  Page d'accueil - Généralités

Remarque : transformation du $ en &#36; . Si vous voulez l'utiliser pour du JQuery, il faut mettre jQuery à la place du $ (plus d'information dans ce tutoriel).
Les pages HTML ;

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

Panneau d'administration  Modules  Portail & Widgets

Remarque : transformation du $ en &#36; . Si vous voulez l'utiliser pour du JQuery, il faut mettre jQuery à la place du $ (plus d'information dans ce tutoriel).
Les templates :

Panneau d'administration  Affichage  Templates

Vous pouvez également lier des feuilles Javascript au forum (voir ce tutoriel).

Pour aller plus loin...

Les réalisations grâce à cette fonctionnalité sont quasiment infinies ! Vous pouvez consulter ces tutoriels et astuces :

Outrepasser le bug du caractère $
Cette astuce vous explique comment outrepasser le bogue du $, qui est remplacé par son équivalent HTML &#36; .
Exécuter un Javascript sous certaines conditions
Cette astuce vous explique les bases du Javascript afin d'exécuter ce dernier sous certaines conditions.
Chargement d'un script externe (mode expert)
Cette astuce vous explique les différentes possibilités pour charger des scripts externes à votre forum.

De nombreuses astuces, utilisant le Javascript, vous sont proposées sur Forumactif afin de personnaliser vos forums. En voici quelques unes :

Minimum de mots dans un message avant de pouvoir poster
Cette astuce permet d'ajouter un nombre minimal de mots (mots d'un certain nombre de caractères) nécessaire afin de pouvoir répondre à un sujet.
Sauvegarde de message en cours de rédaction
Cette astuce a pour but de sauvegarder un message en cours de rédaction si vous fermez la page par inadvertance.
Supprimer tous les messages d'un membre
Cette astuce permet d'ajouter une page HTML sur laquelle il suffira d'indiquer le nom d'utilisateur d'un membre afin que tous ses messages soient supprimés en une seule fois (si vous possédez les permissions pour pouvoir le faire).

N'hésitez pas à consulter la liste des trucs et astuces.