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

Javascript sur Forumactif

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

  • 0

Astuce Javascript sur Forumactif

Message par Ea Mer 30 Mar 2011 - 14: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 :
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 :

  1. Outrepasser le bug du caractère $
    Cette astuce vous explique comment outrepasser le bogue du $, qui est remplacé par son équivalent HTML &#36; .

  2. Exécuter un Javascript sous certaines conditions
    Cette astuce vous explique les bases du Javascript afin d'exécuter ce dernier sous certaines conditions.

  3. 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 :

  1. 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.

  2. 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.

  3. 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.

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