Derniers sujets sur site (suite)

[Prof TNJ]

Il y a déjà longtemps :

Bonjour à tous,
j'aimerais inclure la colonne "derniers sujets" sur mon site. Est-ce possible ?

Merci à tous

Doc

Réponse :

Bonjour,

C'est possible en utilisant les flux RSS. Un tutoriel existe à ce sujet, malheureusement il est actuellement indisponible car il doit être mis à jour.

Où en êtes-vous ?

Cordialement, de la part d'un ancien aidactif.

[Dr. Karlos]

Bonsoir,

Bon retour.

Le flux RSS des derniers sujets est disponible en ajoutant /feed/?type=atom à l'adresse de votre forum, ce qui donne ceci pour le vôtre:
www.meteor.cultureforum.net/feed/?type=atom

Par la suite, il vous reste à trouver un lecteur, comme celui-ci ou celui-ci.


Cordialement.

[Prof TNJ]

Merci !

Dommage qu'on ne puisse pas avoir la liste déroulante sur un site perso ou un blog, comme ceci :



Pas besoin de lecteur spécifique et puis... c'est beau !

Un jour, peut-être...

[Dr. Karlos]

Bonsoir,

En effet, à l'aide du RSS que nous avons, ce n'est pas réalisable. La suggestion reste probablement votre seule option.


Cordialement.

[Ea]

Bonjour,


Il faut :

• soit utiliser un iframe d'une page sur le forum ( avec un script qui affiche le flux rss ).
  
• soit utiliser un langage plus véloce ( php, flash, ... ) qui a accès au flux rss.
  
• soit attendre que forumactif fasse une mise à jour ( par exemple permettre d'avoir les derniers sujets en jsonp ).

Dans le cas où on utilise le flux rss qui existe, on a pas le pseudo du dernier posteur du sujet par contre ( dans le flux on a juste celui du créateur du sujet ).

Enfin j'ai fait le cas avec l'iframe, le code de mon essai est : ici.

Cela donne ceci sur la page html normalement :
http://aska.123.st/h17-feed

Et sur une page d'un autre site on peut donc mettre :

Code:

<iframe src="http://aska.123.st/h17-feed" width="350" height="400" frameborder="0" allowtransparency="true"><iframe>

Par exemple :
http://pastehtml.com/view/bpohajxqr.html

Pour ce qui est de la modification du code, on peut évidemment modifier le css comme on veut dans :

Code:

<style type="text/css">
body {
    margin: 0;
    padding: 0;
}
a { color: #338; }
</style>

( le body { ... } c'est pour retirer la marge par défaut d'une page html ( qui permet plus simplement de pas devoir calculer la marge en plus de la taille du marquee pour savoir la taille qu'on doit donner à l'iframe )

Dans la ligne :

Code:

stack='<marquee behavior="scroll" direction="up" scrollamount="2" height="400" width="350"><p>'+stack+'</p></marquee>';

On peut changer le 400 et 350 pour changer la hauteur et largeur du marquee ( qui devrait donc être la même que celle de l'iframe pour bien faire ).

Code:

time= time.getDate()+"/"+(time.getMonth>9?"":"0")+time.getMonth()+"/"+time.getFullYear()+" à "+time.getHours()+"h"+(time.getMinutes()>9?"":"0")+time.getMinutes();

Ceci c'est comment est affiché une date, on pourrait le modifier pour par exemple mettre aujourd'hui si c'est aujourd'hui et des trucs du genre.

Code:

if(title.length>20) title= title.substr(0,17)+"...";

Ceci c'est où on coupe le titre et on rajoute "..." si il est trop grand, ici donc si le titre fait plus de 20 caractères, on prend juste les 17 premiers caractères et on y ajoute "...".

Code:

stack+='<a href="'+link+'">'+title+'</a><br><img src="http://2img.net/i/fa/m/icon_minitime1.gif" /> le '+time+'<br><br>';

Ceci c'est la structure d'une ligne d'un des "derniers sujets.

Dans le flux rss il y a également le texte du premier message du sujet, donc il serait possible par exemple de l'afficher au survol ou un autre truc du genre.


Et sinon, le <marquee> présente bien souvent des problèmes avec les navigateurs, donc dans la page en fait j'inclue ce plugin qui remplace le marquee par des effets réalisés par du javascript ( ce qui devrait être plus fluide et retirer les problèmes posés par certains navigateurs ).

Cordialement.

[Prof TNJ]

Wow !

Je vais un peu étudier et tester tout ça !

Merci !

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

Edit :

Ne pourrait-on pas faire une page html (de notre forum) ne contenant que les derniers sujets déroulants (avec margin=0 ) et la faire apparaître sur un autre site dans une iframe ?

[Ea]

Et bien c'est ce que je fais.

J'ai pris pour l'exemple le forum http://aska.123.st/ ( mais ça pourrait être n'importe quel forum ).

J'ai mis la page html dessus :
http://aska.123.st/h17-feed

Et puis sur un "site externe" je l'ai inclue par iframe :
http://pastehtml.com/view/bpohajxqr.html


Si vous voulez le faire pour le forum http://meteor.cultureforum.net/ vous aurez une page html avec une adresse du genre :
http://meteor.cultureforum.net/h1-titre

Et vous mettrez sur le site externe un code du genre :

Code:

<iframe src="http://meteor.cultureforum.net/h1-titre" width="350" height="400" frameborder="0" allowtransparency="true"><iframe>

Et pareillement pour un autre forum.


Sinon la première fois qu'on crée une page html, les $ sont remplacé par l'équivalent html ( mais aux éditions qui suivent ce n'est pas le cas, donc il suffit de créer la page avec abc et puis éditer la page html pour remplacer le abc par le contenu qu'on voulait vraiment ).

Cordialement.

[Prof TNJ]

C'est parfait avec un navigateur récent comme la dernière version de Firefox.

J'ai fait un essai de visualisation avec une vieille version de IE (7) et ont voit un beau trou blanc, ce qui est normal vu le code.

Dommage que ce script ne soit pas plus compatible.
Il y a peut-être une solution pour que ça fonctionne avec les vieux navigateurs.

Merci pour ton travail, chapeau !

[Ea]

J'ai linux donc je ne sais pas tester ( vu qu'il n'y a pas de version d'internet explorer pour ) mais il me semble que les vieux IE ont du mal avec le traitement de html qui n'existe pas sur la page. Enfin ici on charge la page du flux rss et on le traite à la volée, il me semble qu'avec ( un vieil ) IE il faudrait l'afficher sur la page pour pouvoir travailler dessus.

Sinon j'avais re-compris votre :

Ne pourrait-on pas faire une page html (de notre forum) ne contenant que les derniers sujets déroulants (avec margin=0 ) et la faire apparaître sur un autre site dans une iframe ?

différemment en pensant que vous vouliez dire récupérer sur la page html les derniers sujets d'une page du forum ( par ajax par exemple ) et l'afficher dessus.

Ce serait réalisable de deux façons :

- on charge une page du forum par ajax et on y choppe le widget de dernier sujet pour le mettre sur la page sur laquelle on se trouve.
- on a une page de portail et on met un script pour retirer tout sauf le widget de dernier sujet.

La page de portail me semble plus simple, pour ça il faudrait donc faire une page de portail :
https://i.imgur.com/SZuBa.png

Et là vous aurez moyen de modifier la structure ( et avoir le lien de la page de portail que vous pourrez utiliser dans la balise iframe ) :
https://i.imgur.com/kJTz3.png

Vous pouvez modifier la structure pour ne laisser que l'utile ( le widget de derniers sujets, que vous pouvez personnaliser comme vous voulez ) :
https://i.imgur.com/Su9mD.png

Ensuite il faudra faire un widget personnalisé comme ceci :
https://i.imgur.com/FRCLY.png

Avec un code de ce genre donc ( on pourrait rajouter du css aussi ) :

Code:

<script type="text/javascript">
var j= jQuery;
j("head").append('<base target="_parent" />');
j(function(){ j(function(){
  j("body").html(j("#comments_scroll_div").html()).css("background","none");
}); });
</script>

( le <base /> c'est pour qu'un clic sur les liens ne l'ouvre pas à l'intérieur de l'iframe, et sinon le script ne fait que retirer tout de la page en laissant les derniers sujets et retirer le fond )

Il faudrait le mettre sur la page également :
https://i.imgur.com/BbUoN.png

Et voilà vous avez une page de portail de ce genre :
http://testcat.desforums.net/?pid=2

Que vous pouvez inclure sur un site externe avec :

Code:

<iframe src="http://testcat.desforums.net/?pid=2" width="153" height="220" frameborder="0" allowtransparency="true"><iframe>

Par exemple :
http://pastehtml.com/view/bpos6u8ir.html

Cordialement.

[Prof TNJ]

La page http://testcat.desforums.net/?pid=2 s'affiche parfaitement avec le vieil IE7, donc la solution de l'iframe devrait fonctionner.
Il ne reste qu'à mettre du CSS dans tout ça et ce sera très beau et très pratique.

[demeter1]

Prof TNJ, désolé d'intervenir sur votre topic qui en lui même répond en grande partie à un problème que je n'arrivai pas à résoudre.
J'aurai juste une petite question pour Etana : peut on faire la même chose pour les derniers sujets d'une section??????

Milles excuses encore pour ce parasitage.

[Prof TNJ]

Milles excuses encore pour ce parasitage.

No problemo.

De toute façon, je n'ai pas encore la bonne recette.

Faire une page html en y masquant tout sauf la liste déroulante, c'est ingénieux.
Mais faire une page html ne contenant QUE cette liste, ce serait mieux.

[Ea]

Prof TNJ, désolé d'intervenir sur votre topic qui en lui même répond en grande partie à un problème que je n'arrivai pas à résoudre.
J'aurai juste une petite question pour Etana : peut on faire la même chose pour les derniers sujets d'une section??????

Milles excuses encore pour ce parasitage.

Pour le code là :
https://forum.forumactif.com/t325960-derniers-sujets-sur-site-suite#2820205

Il suffit de remplacer :

Code:

$.get("/feed/")

Par :

Code:

$.get("/feed/?f=33")

( pour la section 33 par exemple )

Pour l'autre avec l'utilisation du widget de dernier sujet non ça n'est pas possible.

Cordialement.

[demeter1]

Etana, que dire si ce n'est que je vous adore et :youopi: . Un grand , très grand merci. :thanks:

[Ea]

De rien ^^

Faire une page html en y masquant tout sauf la liste déroulante, c'est ingénieux.
Mais faire une page html ne contenant QUE cette liste, ce serait mieux.

Techniquement parlant, le script supprime tout le reste, donc il n'y a plus que la liste sur la page une fois le script exécuté.

Sinon il faut bien les prendre de quelque part les derniers sujets ( soit le flux rss, soit le widget qui n'est que sur une page de portail ou sur les pages de forum ( avec les widgets de forum activés ) ).

Et les pages html sont des pages html donc à part si c'est changé et que ça devient des sortes de template ( où on pourrait mettre {DERNIERS_SUJETS} qui sera remplacé par le html des derniers sujets ) il n'y a pas moyen de faire plus simple pour le moment.

Cordialement.

[demeter1]

Décidement, je parasite, je parasite. Dernières petites questions et j'arrête cette intrusion.
1/En utilisant la méthode pour afficher le flux rss sur chaque section, je me confronte à un soucis de chargement excessif des pages . Il faut dire que j'ai affiché une vingtaine de flux rss. Pensant que le chargement d'un js vers un site externe créait ce temps de chargement excessif, j'ai hébergé le fichier dans la gestion des javascripts. Celui ci pour être précis https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js
Sous chrome, le chargement est fluide mais sous firefox, de gros blocages subsistent.
Ma question va paraître idiote mais, est il possible d'accélérer le chargement de ce js pour éviter des temps de chargement trop longs?
Se pourrait il que ce soit l'appel multiple du flux rss qui pose soucis ?

2/ Aussi bien sous chrome que firefox, le clic sur le lien du sujet affiche une iframe du sujet en question au lieu de rediriger vers le sujet. Est il possible de remédier à cela ???
Milles excuses encore pour cette nouvelle aparté et pour ces multiples questions.

edit : j'ai fini par supprimer l'affichage des flux à la demande des membres . les connexions lentes avaient un mal fou à naviguer.
Merci tout de même Etana pour cette astuce qui est tout simplement géniale.

[Ea]

Bonjour,

1/En utilisant la méthode pour afficher le flux rss sur chaque section, je me confronte à un soucis de chargement excessif des pages . Il faut dire que j'ai affiché une vingtaine de flux rss. Pensant que le chargement d'un js vers un site externe créait ce temps de chargement excessif, j'ai hébergé le fichier dans la gestion des javascripts. Celui ci pour être précis https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js
Sous chrome, le chargement est fluide mais sous firefox, de gros blocages subsistent.
Ma question va paraître idiote mais, est il possible d'accélérer le chargement de ce js pour éviter des temps de chargement trop longs?
Se pourrait il que ce soit l'appel multiple du flux rss qui pose soucis ?

Alors la raison du problème ça semble assez clairement être que vous mettez 20 iframes qui chargent chacun un flux rss tout ça sur la même page apparemment. Vous devriez tester en mettant 20 iframes de n'importe quel site sur une page, ça aura probablement des effets semblables.

( la raison étant probablement qu'afficher 21 pages prend + ou - 21 fois plus de temps et d'effort au navigateur )

Pour ce qui est Le lien vers le site externe, la seule chose que ça devrait causer c'est une hausse de rapidité ( vu que c'est sur un réseau de distribution de google et que tout le monde devrait déjà l'avoir dans son cache donc théoriquement, pas de chargement ).

2/ Aussi bien sous chrome que firefox, le clic sur le lien du sujet affiche une iframe du sujet en question au lieu de rediriger vers le sujet. Est il possible de remédier à cela ???
Milles excuses encore pour cette nouvelle aparté et pour ces multiples questions.

Pour ça il faut ajouter :

Code:

<base target="_parent" />

Avant le </head> dans la page html.

Cordialement.

[demeter1]

Merci Etana pour ces réponses. Effectivement, les iframes étaient toutes sur l'index. Je comprends un peu mieux ce chargement excessif du chargement du forum. Ceci dit, l'astuce fonctionne à merveille et, est particulièrement intéressante.
Je renouvelle mes remerciements pour cette aide.