AJAX

Général
1

Bonjour alors voilà une question peut-être pas très pertinent mais bon.

Je souhaitais savoir plusieurs choses:

1°) peut-on ajaxifier (je en sais pas si ça se dit) des liens dans un articles? (Si non laissez tomber le reste)
2°) je souhaiterai avoir un corps de page qui se recharge et tout le reste non. Je pourrais utiliser iframe mais ça me plaît pas trop. Est-ce possible (par exemple on a le sommaire du site et on souhaite aller sur un article là seul le milieu de la page changerait et ferrait place à l'article en question. Mes menus restent en place juste le corps du site change càd l'accueil devient l'article)
3°) Comment faire tout ça?

Merci à vous,

JN

2

avec jquery, j'ai déjà tester ça.

le script jquery est appelé dans le head de ta page sommaire

Ce script récupere le signal "click sur un lien contenant la classe
"ajax_link". Il essaye de lire la page que renvoi le lien, si il réussit
il place le contenu de la page dans le div #panel et affiche cela avec
un effet "slow".

J'ai viré rapidement tout le code superflus afin d'y voir plus clair.
Logiquement cela fonctionne.

bon courage.
edd.

Le script jquery :
------------------

<script type="text/javascript">

$(document).ready(function() {
  $('a.ajax_link').click(function()
    {
  $.ajax({
     type: "GET",
     url: $(this).attr('href'),
     error:function(msg){
       alert( "Error !: " + msg );
     },
     success:function(data){
       //affiche le contenu du fichier dans le conteneur dédié
    $('#panel').html(data).show('slow');
  }});
  return false;
    }
  );
});

</script>

Un div "panel" avec ce que tu veux dedans (presentation du site, des
boucles spip, un formulaire, etc ...). Ce div, sous l'action du script
ci-dessus sera mis à jour avec les nouvelles pages que tu veux y
afficher :

------------------------------

[(#REM) Espace de lecture des articles ]
<div id="panel">
n'importe quoi
</div>

et reste à donner les liens, toujours sur ta page sommaire (<a
class="ajax_link">)
---------------------------

[(#REM) Liste des articles ]
<div id="liste">

  <BOUCLE_rubrique(RUBRIQUES){id_rubrique = 1}>

    <h2>#TITRE</h2>
    
    <BOUCLE_article_rubrique(ARTICLES){id_rubrique}>
     <a class="ajax_link" href="#URL_ARTICLE">#TITRE</a>
    </BOUCLE_article_rubrique>

  </BOUCLE_rubrique>

</div>

On jeu, 2008-07-24 at 23:16 +0200, JamesNicolas wrote:

Bonjour alors voilà une question peut-être pas très pertinent mais bon.

Je souhaitais savoir plusieurs choses:

1°) peut-on ajaxifier (je en sais pas si ça se dit) des liens dans un
articles? (Si non laissez tomber le reste)
2°) je souhaiterai avoir un corps de page qui se recharge et tout le
reste non. Je pourrais utiliser iframe mais ça me plaît pas trop. Est-
ce possible (par exemple on a le sommaire du site et on souhaite aller
sur un article là seul le milieu de la page changerait et ferrait
place à l'article en question. Mes menus restent en place juste le
corps du site change càd l'accueil devient l'article)
3°) Comment faire tout ça?

Merci à vous,

JN
_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net

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

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

irc://irc.freenode.net/spip ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip

3

Merci mais le fait est que ce sont des liens que j'ai mis dans des articles

J'ai l'article par exemple : 1.Acceuil et dedans
[Accueil->/]
[Truc->56]
[Machin externe->http://autresite.com]

et différents articles ainsi de suite parce que les menus sont assez conséquent et doivent être très maniables par tous. C'était ça mon premier soucis.

Sinon je te remercie énormément pour le code que tu m'a donné il me servira de toute façon :slight_smile:

Le 25 juil.25 08 à 01:32, edd a écrit :

avec jquery, j'ai déjà tester ça.

le script jquery est appelé dans le head de ta page sommaire

Ce script récupere le signal "click sur un lien contenant la classe
"ajax_link". Il essaye de lire la page que renvoi le lien, si il réussit
il place le contenu de la page dans le div #panel et affiche cela avec
un effet "slow".

J'ai viré rapidement tout le code superflus afin d'y voir plus clair.
Logiquement cela fonctionne.

bon courage.
edd.

Le script jquery :
------------------

<script type="text/javascript">

$(document).ready(function() {
$('a.ajax_link').click(function()
   {
  $.ajax({
    type: "GET",
    url: $(this).attr('href'),
    error:function(msg){
      alert( "Error !: " + msg );
    },
    success:function(data){
      //affiche le contenu du fichier dans le conteneur dédié
    $('#panel').html(data).show('slow');
  }});
  return false;
   }
);
});

</script>

Un div "panel" avec ce que tu veux dedans (presentation du site, des
boucles spip, un formulaire, etc ...). Ce div, sous l'action du script
ci-dessus sera mis à jour avec les nouvelles pages que tu veux y
afficher :

------------------------------

[(#REM) Espace de lecture des articles ]
<div id="panel">
n'importe quoi
</div>

et reste à donner les liens, toujours sur ta page sommaire (<a
class="ajax_link">)
---------------------------

[(#REM) Liste des articles ]
<div id="liste">

  <BOUCLE_rubrique(RUBRIQUES){id_rubrique = 1}>

    <h2>#TITRE</h2>
    
    <BOUCLE_article_rubrique(ARTICLES){id_rubrique}>
    <a class="ajax_link" href="#URL_ARTICLE">#TITRE</a>
    </BOUCLE_article_rubrique>

  </BOUCLE_rubrique>

</div>

On jeu, 2008-07-24 at 23:16 +0200, JamesNicolas wrote:

Bonjour alors voilà une question peut-être pas très pertinent mais bon.

Je souhaitais savoir plusieurs choses:

1°) peut-on ajaxifier (je en sais pas si ça se dit) des liens dans un
articles? (Si non laissez tomber le reste)
2°) je souhaiterai avoir un corps de page qui se recharge et tout le
reste non. Je pourrais utiliser iframe mais ça me plaît pas trop. Est-
ce possible (par exemple on a le sommaire du site et on souhaite aller
sur un article là seul le milieu de la page changerait et ferrait
place à l'article en question. Mes menus restent en place juste le
corps du site change càd l'accueil devient l'article)
3°) Comment faire tout ça?

Merci à vous,

JN
_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net

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

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

irc://irc.freenode.net/spip ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip

4

Aille juste en plus du précédent mail que je viens d'envoyer cela entraîne un petit problème par rapport au plugin Activer le pluginBoutons d’administration supplémentaires qui affichez la barre du sommaire puis par dessus la barre pour l'article ou pour le sommaire si je reviens dessus. Comment puis-je palier à cet autre inconvénient?

Merci pour vos réponses.

avec jquery, j'ai déjà tester ça.

le script jquery est appelé dans le head de ta page sommaire

Ce script récupere le signal "click sur un lien contenant la classe
"ajax_link". Il essaye de lire la page que renvoi le lien, si il réussit
il place le contenu de la page dans le div #panel et affiche cela avec
un effet "slow".

J'ai viré rapidement tout le code superflus afin d'y voir plus clair.
Logiquement cela fonctionne.

bon courage.
edd.

Le script jquery :
------------------

<script type="text/javascript">

$(document).ready(function() {
$('a.ajax_link').click(function()
   {
  $.ajax({
    type: "GET",
    url: $(this).attr('href'),
    error:function(msg){
      alert( "Error !: " + msg );
    },
    success:function(data){
      //affiche le contenu du fichier dans le conteneur dédié
    $('#panel').html(data).show('slow');
  }});
  return false;
   }
);
});

</script>

Un div "panel" avec ce que tu veux dedans (presentation du site, des
boucles spip, un formulaire, etc ...). Ce div, sous l'action du script
ci-dessus sera mis à jour avec les nouvelles pages que tu veux y
afficher :

------------------------------

[(#REM) Espace de lecture des articles ]
<div id="panel">
n'importe quoi
</div>

et reste à donner les liens, toujours sur ta page sommaire (<a
class="ajax_link">)
---------------------------

[(#REM) Liste des articles ]
<div id="liste">

  <BOUCLE_rubrique(RUBRIQUES){id_rubrique = 1}>

    <h2>#TITRE</h2>
    
    <BOUCLE_article_rubrique(ARTICLES){id_rubrique}>
    <a class="ajax_link" href="#URL_ARTICLE">#TITRE</a>
    </BOUCLE_article_rubrique>

  </BOUCLE_rubrique>

</div>

JamesNicolas

5

Mais pourquoi tant d'Ajax ?
:wink:

Le 25 juil. 08 à 02:37, JamesNicolas a écrit :

Aille juste en plus du précédent mail que je viens d'envoyer cela entraîne un petit problème par rapport au plugin Activer le pluginBoutons d’administration supplémentaires qui affichez la barre du sommaire puis par dessus la barre pour l'article ou pour le sommaire si je reviens dessus. Comment puis-je palier à cet autre inconvénient?

Merci pour vos réponses.

avec jquery, j'ai déjà tester ça.

le script jquery est appelé dans le head de ta page sommaire

Ce script récupere le signal "click sur un lien contenant la classe
"ajax_link". Il essaye de lire la page que renvoi le lien, si il réussit
il place le contenu de la page dans le div #panel et affiche cela avec
un effet "slow".

J'ai viré rapidement tout le code superflus afin d'y voir plus clair.
Logiquement cela fonctionne.

bon courage.
edd.

Le script jquery :
------------------

<script type="text/javascript">

$(document).ready(function() {
$('a.ajax_link').click(function()
   {
  $.ajax({
    type: "GET",
    url: $(this).attr('href'),
    error:function(msg){
      alert( "Error !: " + msg );
    },
    success:function(data){
      //affiche le contenu du fichier dans le conteneur dédié
    $('#panel').html(data).show('slow');
  }});
  return false;
   }
);
});

</script>

Un div "panel" avec ce que tu veux dedans (presentation du site, des
boucles spip, un formulaire, etc ...). Ce div, sous l'action du script
ci-dessus sera mis à jour avec les nouvelles pages que tu veux y
afficher :

------------------------------

[(#REM) Espace de lecture des articles ]
<div id="panel">
n'importe quoi
</div>

et reste à donner les liens, toujours sur ta page sommaire (<a
class="ajax_link">)
---------------------------

[(#REM) Liste des articles ]
<div id="liste">

  <BOUCLE_rubrique(RUBRIQUES){id_rubrique = 1}>

    <h2>#TITRE</h2>
    
    <BOUCLE_article_rubrique(ARTICLES){id_rubrique}>
    <a class="ajax_link" href="#URL_ARTICLE">#TITRE</a>
    </BOUCLE_article_rubrique>

  </BOUCLE_rubrique>

</div>

JamesNicolas

_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net

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

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

irc://irc.freenode.net/spip ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip

6

il faut que tu récupére chacuns des liens pour y insérer la classe ajax

Pour cela :

1ere solution : Il faut créer un plugin qui utilise le pipeline
post-edition pour inserer dans les attributs de tes liens la classe
ajax. (cela peut être sympa d'en faire un plugin non ?)

2ème solution : en supposant que ton article "menu" soit le 12299

<BOUCLE_article(ARTICLES) {id_article=12299}>
[(#TITRE)]<br />
[(#TEXTE|replace{class="spip_url spip_out",class="ajax_link"}|
replace{class="spip_out",class="ajax_link"}|
replace{class="spip_in",class="ajax_link"})]
</BOUCLE_article>

cela fonctionne pour les liens spip, par contre pour les liens externe
il faudra chercher encore. (ne pas oublier d'inclure jquery et le petit
script précédant)

On ven, 2008-07-25 at 01:52 +0200, JamesNicolas wrote:

Merci mais le fait est que ce sont des liens que j'ai mis dans des
articles

J'ai l'article par exemple : 1.Acceuil et dedans
[Accueil->/]
[Truc->56]
[Machin externe->http://autresite.com]

et différents articles ainsi de suite parce que les menus sont assez
conséquent et doivent être très maniables par tous. C'était ça mon
premier soucis.

Sinon je te remercie énormément pour le code que tu m'a donné il me
servira de toute façon :slight_smile:

Le 25 juil.25 08 à 01:32, edd a écrit :

> avec jquery, j'ai déjà tester ça.
>
> le script jquery est appelé dans le head de ta page sommaire
>
> Ce script récupere le signal "click sur un lien contenant la classe
> "ajax_link". Il essaye de lire la page que renvoi le lien, si il
> réussit
> il place le contenu de la page dans le div #panel et affiche cela avec
> un effet "slow".
>
> J'ai viré rapidement tout le code superflus afin d'y voir plus clair.
> Logiquement cela fonctionne.
>
> bon courage.
> edd.
>
> Le script jquery :
> ------------------
>
> <script type="text/javascript">
>
> $(document).ready(function() {
> $('a.ajax_link').click(function()
> {
> $.ajax({
> type: "GET",
> url: $(this).attr('href'),
> error:function(msg){
> alert( "Error !: " + msg );
> },
> success:function(data){
> //affiche le contenu du fichier dans le conteneur dédié
> $('#panel').html(data).show('slow');
> }});
> return false;
> }
> );
> });
>
> </script>
>
> Un div "panel" avec ce que tu veux dedans (presentation du site, des
> boucles spip, un formulaire, etc ...). Ce div, sous l'action du script
> ci-dessus sera mis à jour avec les nouvelles pages que tu veux y
> afficher :
>
> ------------------------------
>
> [(#REM) Espace de lecture des articles ]
> <div id="panel">
> n'importe quoi
> </div>
>
>
> et reste à donner les liens, toujours sur ta page sommaire (<a
> class="ajax_link">)
> ---------------------------
>
> [(#REM) Liste des articles ]
> <div id="liste">
>
> <BOUCLE_rubrique(RUBRIQUES){id_rubrique = 1}>
>
> <h2>#TITRE</h2>
>
> <BOUCLE_article_rubrique(ARTICLES){id_rubrique}>
> <a class="ajax_link" href="#URL_ARTICLE">#TITRE</a>
> </BOUCLE_article_rubrique>
>
> </BOUCLE_rubrique>
>
> </div>
>
> On jeu, 2008-07-24 at 23:16 +0200, JamesNicolas wrote:
>> Bonjour alors voilà une question peut-être pas très pertinent mais
>> bon.
>>
>> Je souhaitais savoir plusieurs choses:
>>
>> 1°) peut-on ajaxifier (je en sais pas si ça se dit) des liens dans un
>> articles? (Si non laissez tomber le reste)
>> 2°) je souhaiterai avoir un corps de page qui se recharge et tout le
>> reste non. Je pourrais utiliser iframe mais ça me plaît pas trop.
>> Est-
>> ce possible (par exemple on a le sommaire du site et on souhaite
>> aller
>> sur un article là seul le milieu de la page changerait et ferrait
>> place à l'article en question. Mes menus restent en place juste le
>> corps du site change càd l'accueil devient l'article)
>> 3°) Comment faire tout ça?
>>
>> Merci à vous,
>>
>> JN
>> _______________________________________________
>> liste spip
>> spip@rezo.net - désabonnement : spip-off@rezo.net
>>
>> Infos et archives : http://listes.rezo.net/mailman/listinfo/spip
>>
>> Documentation de SPIP : http://www.spip.net/
>>
>> irc://irc.freenode.net/spip ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip
>

7

Je travaille avec JamesNicolas.
En fait, en haut de la page il y a un jukebox(fait avec lecteur multimédia) avec de la musique, donc nous aimerions que le visiteur puisse librement naviguer sur le site avec la musique qui continue quand il change de page. Nous avons donc penser à AJAXer tout ça pour que seul un bloc de la page se recharge et pas les autres blocs(y compris celui du jukebox).

Nous ne connaissons malheureusement pas le fonctionnement de l'AJAX...

----
Prigent Yohann

Le 25 juil. 08 à 11:54, Jérôme - web <jtest@infoworks.fr> a écrit :

Mais pourquoi tant d'Ajax ?
:wink:

Le 25 juil. 08 à 02:37, JamesNicolas a écrit :

Aille juste en plus du précédent mail que je viens d'envoyer cela entraîne un petit problème par rapport au plugin Activer le pluginBoutons d’administration supplémentaires qui affichez la barre du sommaire puis par dessus la barre pour l'article ou pour le sommaire si je reviens dessus. Comment puis-je palier à cet autre inconvénient?

Merci pour vos réponses.

avec jquery, j'ai déjà tester ça.

le script jquery est appelé dans le head de ta page sommaire

Ce script récupere le signal "click sur un lien contenant la classe
"ajax_link". Il essaye de lire la page que renvoi le lien, si il réussit
il place le contenu de la page dans le div #panel et affiche cela avec
un effet "slow".

J'ai viré rapidement tout le code superflus afin d'y voir plus clair.
Logiquement cela fonctionne.

bon courage.
edd.

Le script jquery :
------------------

<script type="text/javascript">

$(document).ready(function() {
$('a.ajax_link').click(function()
  {
   $.ajax({
     type: "GET",
     url: $(this).attr('href'),
     error:function(msg){
       alert( "Error !: " + msg );
     },
     success:function(data){
         //affiche le contenu du fichier dans le conteneur dédié
       $('#panel').html(data).show('slow');
   }});
   return false;
  }
);
});

</script>

Un div "panel" avec ce que tu veux dedans (presentation du site, des
boucles spip, un formulaire, etc ...). Ce div, sous l'action du script
ci-dessus sera mis à jour avec les nouvelles pages que tu veux y
afficher :

------------------------------

[(#REM) Espace de lecture des articles ]
<div id="panel">
n'importe quoi
</div>

et reste à donner les liens, toujours sur ta page sommaire (<a
class="ajax_link">)
---------------------------

[(#REM) Liste des articles ]
<div id="liste">

   <BOUCLE_rubrique(RUBRIQUES){id_rubrique = 1}>

       <h2>#TITRE</h2>

       <BOUCLE_article_rubrique(ARTICLES){id_rubrique}>
       <a class="ajax_link" href="#URL_ARTICLE">#TITRE</a>
       </BOUCLE_article_rubrique>

   </BOUCLE_rubrique>

</div>

JamesNicolas

_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net

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

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

irc://irc.freenode.net/spip ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip

_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net

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

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

irc://irc.freenode.net/spip ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip

8

Je comprends, c'est une bonne idée, meilleure que l'utilisation des frames mais aussi plus difficile à mettre en oeuvre. Bon courage

Le 25 juil. 08 à 12:23, Prigent Yohann a écrit :

Je travaille avec JamesNicolas.
En fait, en haut de la page il y a un jukebox(fait avec lecteur multimédia) avec de la musique, donc nous aimerions que le visiteur puisse librement naviguer sur le site avec la musique qui continue quand il change de page. Nous avons donc penser à AJAXer tout ça pour que seul un bloc de la page se recharge et pas les autres blocs(y compris celui du jukebox).

Nous ne connaissons malheureusement pas le fonctionnement de l'AJAX...

----
Prigent Yohann

Le 25 juil. 08 à 11:54, Jérôme - web <jtest@infoworks.fr> a écrit :

Mais pourquoi tant d'Ajax ?
:wink:

Le 25 juil. 08 à 02:37, JamesNicolas a écrit :

Aille juste en plus du précédent mail que je viens d'envoyer cela entraîne un petit problème par rapport au plugin Activer le pluginBoutons d’administration supplémentaires qui affichez la barre du sommaire puis par dessus la barre pour l'article ou pour le sommaire si je reviens dessus. Comment puis-je palier à cet autre inconvénient?

Merci pour vos réponses.

avec jquery, j'ai déjà tester ça.

le script jquery est appelé dans le head de ta page sommaire

Ce script récupere le signal "click sur un lien contenant la classe
"ajax_link". Il essaye de lire la page que renvoi le lien, si il réussit
il place le contenu de la page dans le div #panel et affiche cela avec
un effet "slow".

J'ai viré rapidement tout le code superflus afin d'y voir plus clair.
Logiquement cela fonctionne.

bon courage.
edd.

Le script jquery :
------------------

<script type="text/javascript">

$(document).ready(function() {
$('a.ajax_link').click(function()
  {
   $.ajax({
     type: "GET",
     url: $(this).attr('href'),
     error:function(msg){
       alert( "Error !: " + msg );
     },
     success:function(data){
         //affiche le contenu du fichier dans le conteneur dédié
       $('#panel').html(data).show('slow');
   }});
   return false;
  }
);
});

</script>

Un div "panel" avec ce que tu veux dedans (presentation du site, des
boucles spip, un formulaire, etc ...). Ce div, sous l'action du script
ci-dessus sera mis à jour avec les nouvelles pages que tu veux y
afficher :

------------------------------

[(#REM) Espace de lecture des articles ]
<div id="panel">
n'importe quoi
</div>

et reste à donner les liens, toujours sur ta page sommaire (<a
class="ajax_link">)
---------------------------

[(#REM) Liste des articles ]
<div id="liste">

   <BOUCLE_rubrique(RUBRIQUES){id_rubrique = 1}>

       <h2>#TITRE</h2>

       <BOUCLE_article_rubrique(ARTICLES){id_rubrique}>
       <a class="ajax_link" href="#URL_ARTICLE">#TITRE</a>
       </BOUCLE_article_rubrique>

   </BOUCLE_rubrique>

</div>

JamesNicolas

_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net

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

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

irc://irc.freenode.net/spip ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip

_______________________________________________
liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net

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

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

irc://irc.freenode.net/spip ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip

9

JamesNicolas a écrit :

Bonjour alors voilà une question peut-être pas très pertinent mais bon.

Je souhaitais savoir plusieurs choses:

1°) peut-on ajaxifier (je en sais pas si ça se dit) des liens dans un articles? (Si non laissez tomber le reste)
2°) je souhaiterai avoir un corps de page qui se recharge et tout le reste non. Je pourrais utiliser iframe mais ça me plaît pas trop. Est-ce possible (par exemple on a le sommaire du site et on souhaite aller sur un article là seul le milieu de la page changerait et ferrait place à l'article en question. Mes menus restent en place juste le corps du site change càd l'accueil devient l'article)
3°) Comment faire tout ça?

Merci à vous,

JN

la version 2.0 de spip ((on attend tre sprochainement une béta) aura de l'ajax facilement uinté&grable

la doc est là (il fautq ue tu te créer une compte sur spip.net, là doc n'est pas publiéé ): SPIP

--
Maïeul
http://maieul.ouvaton.org

10

Salut !
Merci Maïeul, j’ai lu l’article, et essayé d’intégrer l’ajax…
Notre squelette est comme telle :

<INCLURE{fond=inc-header}>

**C'est là que tout change, les articles s'affichent...**

Donc en fait y’a que le contenu de #bloc qui change…
je voudrais ajaxer que le contenu, pour que les menus, header, pied,… ne changent pas.

Où doit-je placer les {ajax} ?
Parce que j’ai essayer de le placer seulement dans les du bloc, mais pas de changement, toute la page se recharge…

Merci de ton aider !

Le 25 juillet 2008 15:48, Maïeul Rouquette<maieulrouquette2@tele2.fr> a écrit :

JamesNicolas a écrit :

Bonjour alors voilà une question peut-être pas très pertinent mais bon.

Je souhaitais savoir plusieurs choses:

1°) peut-on ajaxifier (je en sais pas si ça se dit) des liens dans un articles? (Si non laissez tomber le reste)
2°) je souhaiterai avoir un corps de page qui se recharge et tout le reste non. Je pourrais utiliser iframe mais ça me plaît pas trop. Est-ce possible (par exemple on a le sommaire du site et on souhaite aller sur un article là seul le milieu de la page changerait et ferrait place à l’article en question. Mes menus restent en place juste le corps du site change càd l’accueil devient l’article)
3°) Comment faire tout ça?

Merci à vous,

JN

la version 2.0 de spip ((on attend tre sprochainement une béta) aura de l’ajax facilement uinté&grable

la doc est là (il fautq ue tu te créer une compte sur spip.net, là doc n’est pas publiéé ): http://www.spip.net/ecrire/?exec=articles&id_article=3753

–
Maïeul
http://maieul.ouvaton.org

liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net

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

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

irc://irc.freenode.net/spip ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip

–
Yohann, Admin de la Chambre des Secrets - www.chambredesecrets.net
La Chambre des Secrets - Le meilleur de l’actualité Harry Potter !

11

Yohann Prigent a écrit :

Salut !
Merci Maïeul, j'ai lu l'article, et essayé d'intégrer l'ajax...
Notre squelette est comme telle :

            <!--Appel de spip au header-->
            <INCLURE{fond=inc-header}>
            <!--Fin de l'appel de spip au header-->
            <!-- #Page = toute la page le bloc blanc y compris. Les
    menus sont compris dans page-->
            <div id="page">
                <!--Les menus de droite et gauche-->
                <INCLURE{fond=inc-menu}>
                <div id="bloc">
    _*C'est là que tout change, les articles s'affichent...*_
    </div><!--Fermeture de #bloc-->
            </div><!--Fermeture de #page-->
            <!-- Appel de spip au pied de page-->
            <INCLURE{fond=inc-pied}>
            <!--Fin de l'appel de spip au pied de page-->

Donc en fait y'a que le contenu de #bloc qui change...
je voudrais ajaxer que le contenu, pour que les menus, header, pied,... ne changent pas.

Où doit-je placer les {ajax} ?
Parce que j'ai essayer de le placer seulement dans les <INCLURE> du bloc, mais pas de changement, toute la page se recharge...

Merci de ton aider !

Le 25 juillet 2008 15:48, Maïeul Rouquette<maieulrouquette2@tele2.fr <mailto:maieulrouquette2@tele2.fr>> a écrit :

    JamesNicolas a écrit :

        Bonjour alors voilà une question peut-être pas très pertinent
        mais bon.

        Je souhaitais savoir plusieurs choses:

        1°) peut-on ajaxifier (je en sais pas si ça se dit) des liens
        dans un articles? (Si non laissez tomber le reste)
        2°) je souhaiterai avoir un corps de page qui se recharge et
        tout le reste non. Je pourrais utiliser iframe mais ça me plaît
        pas trop. Est-ce possible (par exemple on a le sommaire du site
        et on souhaite aller sur un article là seul le milieu de la page
        changerait et ferrait place à l'article en question. Mes menus
        restent en place juste le corps du site change càd l'accueil
        devient l'article)
        3°) Comment faire tout ça?

        Merci à vous,

        JN

    la version 2.0 de spip ((on attend tre sprochainement une béta) aura
    de l'ajax facilement uinté&grable

    la doc est là (il fautq ue tu te créer une compte sur spip.net
    <http://spip.net>, là doc n'est pas publiéé ):
    SPIP
    <SPIP;

    -- Maïeul
    http://maieul.ouvaton.org

    _______________________________________________
    liste spip
    spip@rezo.net <mailto:spip@rezo.net> - désabonnement :
    spip-off@rezo.net <mailto:spip-off@rezo.net>

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

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

    irc://irc.freenode.net/spip <http://irc.freenode.net/spip&gt; ou
    http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip
    <http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip&gt;

--
Yohann, Admin de la Chambre des Secrets - www.chambredesecrets.net <http://www.chambredesecrets.net>
La Chambre des Secrets - Le meilleur de l'actualité Harry Potter !

et bien
tu dois faire
<div id="bloc">
     <INCLURE{fond=tonfond}{ajax}>
     </div><!--Fermeture de #bloc-->

etd ans ton fond, tu met une classe ajax aux liens ajaxés et tu entoure ta pagnation d'un éleèment de classe pagination
--
Maïeul
http://maieul.ouvaton.org

12

Hello
as-tu essayé les blocs dépliables ajaxifiés du couteau suisse ? ca peut le faire je pense.
Amicalement
MJ

Le 27 juil. 08 à 00:53, Yohann Prigent a écrit :

Salut !
Merci Maïeul, j’ai lu l’article, et essayé d’intégrer l’ajax…
Notre squelette est comme telle :

<INCLURE{fond=inc-header}>

**C'est là que tout change, les articles s'affichent...**

Donc en fait y’a que le contenu de #bloc qui change…
je voudrais ajaxer que le contenu, pour que les menus, header, pied,… ne changent pas.

Où doit-je placer les {ajax} ?
Parce que j’ai essayer de le placer seulement dans les du bloc, mais pas de changement, toute la page se recharge…

Merci de ton aider !

Le 25 juillet 2008 15:48, Maïeul Rouquette<maieulrouquette2@tele2.fr> a écrit :

JamesNicolas a écrit :

Bonjour alors voilà une question peut-être pas très pertinent mais bon.

Je souhaitais savoir plusieurs choses:

1°) peut-on ajaxifier (je en sais pas si ça se dit) des liens dans un articles? (Si non laissez tomber le reste)
2°) je souhaiterai avoir un corps de page qui se recharge et tout le reste non. Je pourrais utiliser iframe mais ça me plaît pas trop. Est-ce possible (par exemple on a le sommaire du site et on souhaite aller sur un article là seul le milieu de la page changerait et ferrait place à l’article en question. Mes menus restent en place juste le corps du site change càd l’accueil devient l’article)
3°) Comment faire tout ça?

Merci à vous,

JN

la version 2.0 de spip ((on attend tre sprochainement une béta) aura de l’ajax facilement uinté&grable

la doc est là (il fautq ue tu te créer une compte sur spip.net, là doc n’est pas publiéé ): http://www.spip.net/ecrire/?exec=articles&id_article=3753

–
Maïeul
http://maieul.ouvaton.org

liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net

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

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

irc://irc.freenode.net/spip ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip

–
Yohann, Admin de la Chambre des Secrets - www.chambredesecrets.net
La Chambre des Secrets - Le meilleur de l’actualité Harry Potter !

liste spip
spip@rezo.net - désabonnement : spip-off@rezo.net

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

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

irc://irc.freenode.net/spip ou http://embed.mibbit.com/?server=irc.freenode.net&channel=%23spip