DETAIL DE L'ARTICLE

Messages d’alerte Javascript personnalisés

Cette extension permet d’afficher des messages plus sympas qu’avec les traditionnel alert(), confirm() et prompt() en Javascript. Pas eu le temps de faire une extension ‘propre’, désolé ..:(

 

Cela dit, tout de même simple à installer:

 

 – Télécharger cette archive et décompactez-la dans votre thème courant. Les fichiers/dossier suivant seront installés:

my_alerts.php

my_alerts.css

js/jquery.alerts.js (suppose que jQuery est déjà présent, inutile d’alourdir le site avec une version supplémentaire comme on voit cela partout)

– Dans le fichier functions.php de votre thème, ajoutez cette ligne: require(‘my_alerts.php’);

– Dans le fichier style.css de votre thème, ajoutez cette ligne: @import url(“my_alerts.css”);

 

C’est tout !

 

Dans vos pages et articles, vous pouvez utiliser maintenant ces fonctions Javascript:

 

jAlert( message, [titre, [callback]] )

jConfirm( message, [titre, [callback]] )

jPrompt( message, [defaut, titre, [callback]] )

 

Exemple:

 

<div onclick=”jPrompt(‘ici’, ‘valeur par defaut’, ‘mon titre’, jAlert)”> ICI </div>

 

Un dialogue invitant la saisie d’une chaîne sera affiché, et sera ensuite affiché dans un alert personnalisé. Regardez l’image de ce post !

 

Je passe sur la  personnalisation, évident ..;)

 

Merci à Cory S.N. LaViska pour le code jQuery !



WP2Social Auto Publish Powered By : XYZScripts.com