Magazine Internet

[Tuto] Affichez vos commentaires en ajax

Publié le 12 septembre 2007 par Avi Teboul

L'affichage des derniers commentaires n'est pas très utile en soi puisque personne n'y prete attention et n'affiche que les "derniers" commentaires! !  En cherchant une façon de mettre en valeur ce Widget j'ai trouvé LA chez ZenStyle le blog de Tomas, le but étant d'utilité Ajax pour afficher aléatoire un commentaire pendant 2 secondes ouis un autres ainsi de suite sans avoir a recharger la page...

ZenStyle m'a gentillement offert son widget fait maison pour Dotclear 1 et je l'ai adapté a mon tour pour Dotclear 2, Voici comment procéder pas à pas pour le faire chez vous ...

La première étape consiste a télécharger le frameworks de Scriptaculous et le fichier .js a l'installer

Cette étape est commune a DOTclear 1 et 2 :

Telecharger le framework scriptaculous
  Téléchargerle fichier randcomment.js

Copier le framework et le pluging dans le répertoire js de votre votre template (normalement : theme/default/js/ )

Puis faites appel a ces fichier entre les balises <head> et </head> de votre votre template (normalement : theme/default/js/home.html + theme/default/js/post.html )

<script type="text/javascript" src="http://www.jarodxxx.com/index.php?post/2007/09/12/js/prototype.js"></script>
<script type="text/javascript" src="http://www.jarodxxx.com/index.php?post/2007/09/12/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="http://www.jarodxxx.com/index.php?post/2007/09/12/js/randcomment.js"></script>

Seconde étape toujours aussi facile ...

Créez un nouveau fichier nomez le : request.php copiez le code correspondant a votre version dans ce fichier et placez le dans le répertoire : "/theme/default/js/"

Voir le code a inserer pour Dotclear 1

Voir le code a inserer pour dotclear 2

Derniere etape :

Pour Dotclear 2 :

Allez dans le panneau d'administration > Widgets de présentation > ajouter un widget texte a votre sidebare et placez le code suivant :

<div id="fix_comments">
<div id="rcomment">
<script type="text/javascript">var url = 'theme/default/js/'; var load = 0; RandComment(url);</script>
</div>
</div>

Normalement c'est fini pour DOTclear 2 (pensez quand même a personnaliser vos css en ajoutant les classes nécessaires que vous retrouverez dans le fichier request.php)

Pour DOTclear 1 :

éditez directement votre thème en ajoutant le code :

<div id="fix_comments">
<div id="rcomment">
<script type="text/javascript">var url = 'theme/default/js/'; var load = 0; RandComment(url);</script>
</div>
</div>

et peaufinez aussi vos CSS ^^

Surtout n'oubliez pas d'aller remercier ZenStyle pour son idée et son aide précieuse !


Retour à La Une de Logo Paperblog

LES COMMENTAIRES (1)

Par lea
posté le 16 mars à 17:55
Signaler un abus

merci !

A propos de l’auteur


Avi Teboul 600 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte