Changer le contenu d'un div avec Ajax

Général
1

Bonjour,

Je cherche un exemple pour changer le contenu d'une conteneur DIV en ajax, j'ai fais plusieurs tentatives infructueuses.
Le but est de mettre dans la même conteneur les articles les plus populaire et les articles les plus commentés, en cliquant sur "les plus lus" la liste des articles populaire apparaissent et la même chose avec les articles les + commentés

Merci de votre aide

2

Le 5 avr. 2010 à 11:31, rapdz@free.fr a écrit :

Bonjour,

Je cherche un exemple pour changer le contenu d'une conteneur DIV en ajax, j'ai fais plusieurs tentatives infructueuses.
Le but est de mettre dans la même conteneur les articles les plus populaire et les articles les plus commentés, en cliquant sur "les plus lus" la liste des articles populaire apparaissent et la même chose avec les articles les + commentés

Merci de votre aide

:: Tu fais une noisette avec la boucle qui va bien pour afficher les articles les plus populaire (inc-populaires.html), et une deuxième noisette avec la boucle qui va bien pour afficher les articles les plus commentés (inc-commentes.html).

:: Tu fais une troisième noisette avec un code conditionnel pour appeler l'une ou l'autre des noisettes précédentes (inc-selection.html) :

<a href="#SELF|parametre_url{'pop','oui'}|parametre_url{'com',''}" class="ajax">Articles les plus populaires</a> |
<a href="#SELF|parametre_url{'pop',''}|parametre_url{'com','oui'}" class="ajax">Articles les plus commentés</a>
[(#ENV{pop}|?{' '}) <INCLURE{fond=inc-populaires}{env}{ajax}> ]
[(#ENV{com}|?{' '}) <INCLURE{fond=inc-commentes}{env}{ajax}> ]

:: Dans ton squelette principal tu appelles cette troisième noisette dans une div :

<div id="selection">
<INCLURE{fond=inc-selection}{env}{ajax}>
</div>

Je pense que quelque chose comme ça devrait à peu près fonctionner.

3

----- "pascal weber" <p.weber@free.fr> a écrit :

Le 5 avr. 2010 à 11:31, rapdz@free.fr a écrit :

> Bonjour,
>
> Je cherche un exemple pour changer le contenu d'une conteneur DIV en
ajax, j'ai fais plusieurs tentatives infructueuses.
> Le but est de mettre dans la même conteneur les articles les plus
populaire et les articles les plus commentés, en cliquant sur "les
plus lus" la liste des articles populaire apparaissent et la même
chose avec les articles les + commentés
>
> Merci de votre aide

:: Tu fais une noisette avec la boucle qui va bien pour afficher les
articles les plus populaire (inc-populaires.html), et une deuxième
noisette avec la boucle qui va bien pour afficher les articles les
plus commentés (inc-commentes.html).

:: Tu fais une troisième noisette avec un code conditionnel pour
appeler l'une ou l'autre des noisettes précédentes
(inc-selection.html) :

<a href="#SELF|parametre_url{'pop','oui'}|parametre_url{'com',''}"
class="ajax">Articles les plus populaires</a> |
<a href="#SELF|parametre_url{'pop',''}|parametre_url{'com','oui'}"
class="ajax">Articles les plus commentés</a>
[(#ENV{pop}|?{' '}) <INCLURE{fond=inc-populaires}{env}{ajax}> ]
[(#ENV{com}|?{' '}) <INCLURE{fond=inc-commentes}{env}{ajax}> ]

:: Dans ton squelette principal tu appelles cette troisième noisette
dans une div :

<div id="selection">
<INCLURE{fond=inc-selection}{env}{ajax}>
</div>

Je pense que quelque chose comme ça devrait à peu près fonctionner.

Juste un petite question, comment faire pour que l'une des deux noisette s'affiche par défaut ?

_______________________________________________
liste spip
spip@rezo.net - désabonnement : envoyer un mail à spip-off@rezo.net

Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
Discuter chez rezo.net

Documentation de SPIP : http://www.spip.net/

Irc : de l'aide à toute heure : http://spip.net/irc

4

Le 5 avr. 2010 à 16:04, rapdz@free.fr a écrit :

----- "pascal weber" <p.weber@free.fr> a écrit :

Le 5 avr. 2010 à 11:31, rapdz@free.fr a écrit :

Bonjour,

Je cherche un exemple pour changer le contenu d'une conteneur DIV en

ajax, j'ai fais plusieurs tentatives infructueuses.

Le but est de mettre dans la même conteneur les articles les plus

populaire et les articles les plus commentés, en cliquant sur "les
plus lus" la liste des articles populaire apparaissent et la même
chose avec les articles les + commentés

Merci de votre aide

:: Tu fais une noisette avec la boucle qui va bien pour afficher les
articles les plus populaire (inc-populaires.html), et une deuxième
noisette avec la boucle qui va bien pour afficher les articles les
plus commentés (inc-commentes.html).

:: Tu fais une troisième noisette avec un code conditionnel pour
appeler l'une ou l'autre des noisettes précédentes
(inc-selection.html) :

<a href="#SELF|parametre_url{'pop','oui'}|parametre_url{'com',''}"
class="ajax">Articles les plus populaires</a> |
<a href="#SELF|parametre_url{'pop',''}|parametre_url{'com','oui'}"
class="ajax">Articles les plus commentés</a>
[(#ENV{pop}|?{' '}) <INCLURE{fond=inc-populaires}{env}{ajax}> ]
[(#ENV{com}|?{' '}) <INCLURE{fond=inc-commentes}{env}{ajax}> ]

:: Dans ton squelette principal tu appelles cette troisième noisette
dans une div :

<div id="selection">
<INCLURE{fond=inc-selection}{env}{ajax}>
</div>

Je pense que quelque chose comme ça devrait à peu près fonctionner.

Juste un petite question, comment faire pour que l'une des deux noisette s'affiche par défaut ?

Tu peux éventuellement rajouter une variable :

#SET{defaut,1}
<a href="[(#SELF|parametre_url{'pop','oui'}|parametre_url{'com',''})]" class="ajax">Articles les plus populaires</a> |
<a href="[(#SELF|parametre_url{'pop',''}|parametre_url{'com','oui'})]" class="ajax">Articles les plus commentés</a>
[(#ENV{pop}|?{' '}) <INCLURE{fond=inc-populaires}{env}{ajax}> #SET{defaut,0} ]
[(#ENV{com}|?{' '}) <INCLURE{fond=inc-commentes}{env}{ajax}> #SET{defaut,0} ]
[(#GET{defaut}|?{' '}) ici l'inclure par défaut ]

5

Le 05/04/2010 16:04, rapdz@free.fr a écrit :

Juste un petite question, comment faire pour que l'une des deux noisette s'affiche par défaut ?
   

[(#ENV{pop}|?{'',[(#ENV{com}|?{'',' '})<INCLURE{fond=inc-commentes-ou-populaires-seloncequetuveuxpardéfaut}{env}{ajax}>]})]
à ajouter à la suite d'inc-selection.html

Éric