tu devrais te faire embaucher par clubic :paf:
beau boulot :super:
tu devrais te faire embaucher par clubic :paf:
beau boulot :super:
* Mise à jour: v0.9.0.3b
Pas mal de nouveautés dans cette version ! :sol: (cf nouveau screen dans le 1er post)
-le système de page pour le panneau est implanté ! (et j’en ai chi-é c’était prêt depuis vendredi dernier mais j’en ai tellement bavé en restant coincé 2j sur une connerie qu’ensuite j’ai fait un peu d’esthétique avant dans corriger les derniers bugs du système de pages).
Je vous explique en 2 mots comment il fonctionne:
*quand vous faites page suiv., les actus suivantes sont chargées et les pages du panneau visitées (liens d’actus) sont gardées en mémoire. Ceci pour éviter de consommer de la bp pour rien (et des accès aux serveurs cluclu) et surtout cela rend la (re)navigation plus rapide (instantanée pour les pages déja visitées).
*le bouton rouge “reload” devient “début” pour un retour en 1 clic à la 1ère page.
http://madcat.zero.free.fr/images/clubic%20essential/v0.9.0.3b/bouton_reload.jpg[/img] --> [img]http://madcat.zero.free.fr/images/clubic%20essential/v0.9.0.3b/bouton_debut.jpg
Cette 1ère page est la seule qui n’est pas gardée en mémoire. Quand vous revenez au début, que ce soit via le bouton “début” ou en faisant “page prec” en étant sur la page 2, l’actu est rafraichie (pour gérer les nouvelles actus qui ont pu apparaître entre-temps). Inutile donc de faire un “reload”, c’est fait automatiquement. A noter que revenir en 1ère page remet à zéro la mémorisation de pages du panneau visitées (cad que la navigation ne sera à nouveau plus instantanée la 1ère fois que vous visitez ces pages).
*quand vous êtes en 1ère page, le bouton “début” redevient “reload”, et sert à faire une maj des nouvelles actus sans recharger entièrement la page. 8)
http://madcat.zero.free.fr/images/clubic%20essential/v0.9.0.3b/bouton_debut.jpg[/img] --> [img]http://madcat.zero.free.fr/images/clubic%20essential/v0.9.0.3b/bouton_reload.jpg
-récupération du fameux bandeau gris en haut de page pour l’intégrer au panneau 8)
*le 1ère bouton rouge ocre sert à ranger/sortir le panneau
*votre avatar (accès à votre profil en cliquant dessus)
*ajout de la date du jour et de l’heure
*reprise des 3 principaux boutons: notification de messages privés, accès aux sujets suivis et favoris (ainsi que les articles, logiciels etc.). Quant au 3e, je ne sais pas à quoi il sert (facebook je suppose ?). Ne sachant pas quelle(s) action(s) il peut produire, prévenez-moi si sont comportement casse la mise en page du haut du panneau.
*et bien sûr le bouton de déconnexion.
Quand vous êtes déconnecté les 3 boutons remplacent le contenu de cette barre du haut de panneau (connexion, facebook, inscription):
-la date de parution des actus est mieux gérée: affiche l’heure pour les actus du jour et la date pour celles des jours précédents.
-les actus du jour sont en bleu foncé et les anciennes en bleu plus clair, pour voir les actus du jour du premier coup d’oeil.
-ajustement auto de la partie commentaires (ainsi que du champ texte pour poster) pour qu’elle prenne elle aussi toute la largeur disponible.
-centrage auto de la barre d’accès rapide clubic (barre noire en haut) J’ai aussi remis le comportement par défaut pour le bouton “comparateur de prix” qui restait constamment violet (ça m’énervait ça^^) et j’ai changé l’intitulé pour le bouton “discussion” (mis forum à la place 8) )
-correction de “bug” qui fait s’afficher 2x la même actu (c’est un “bug” de la page d’origine sur clubic en fait, où certaines actus sont affichées en double, avec des titres légèrement différents)
-affinage de la fonction d’ajustement auto de la taille pour que la barre de scroll colle la droite de l’écran (idem quand on range/sort le panneau). J’ai tester plusieurs résolution allant de 1024768 à 19201200 et il ne semble pas y avoir de soucis. Prévenez-moi si vous en avez.
-amélioration du look du panneau, avec des coins arrondis
-pour cacher la page d’origine avant modification (celle sur laquelle le script est basée) insérer ce code dans votre fichier userContent.css (manip décrite dans l’ancienne version du script (‘v1’) sur userscript.org):
@-moz-document
url(http://www.clubic.com/actualites-informatique/)
{body {background-image: none !important; background-color: white !important; visibility: hidden;}}
Pour les pages d’actus affichées dans la partie droite, c’est plus compliqué qu’avec l’ancienne version de clubic car il n’y a plus de préfixe commun aux url menant vers les articles. Il y aurait donc 2 possibilités de le faire:
*mettre un code similaire à celui posté au-dessus, qui s’appliquerait à tout clubic, et en modifiant le script pour annuler la modif (attribut “hidden”) lors d’une navigation sur le clubic “normal” (non modifié). Inconvénient: la navigation semblerait plus lente, car la page resterait blanche jusqu’à ce qu’elle soit entièrement chargée, au lieu d’avoir un affichage “pendant le chargement”.
*gérer les différents préfixes possibles pour les url menant aux actus. Le soucis c’est que la fonction userContent.css de firefox ne gère pas les expressions régulières (regex). Il faudrait donc compiler une liste de l’ensemble des préfixes possibles, et il semble y en avoir beaucoup. Sans compter que la liste peut s’agrandir, donc il faudrait la maintenir à jour.
J’ai donc pour l’instant laissé de côté cette fonctionnalité du script.
Comme d’habitude: n’oubliez pas qu’il faut réinstaller les 2 scripts !
Voilà. J’avais pleins d’autres idées encore, mais je risque d’avoir moins de temps à y consacrer dans les semaines à venir. J’ai donc publié cette version qui contient pas mal d’avancées déjà par rapport à celle d’avant. Aussi, si vous regardez le code, il est plein de junk code c’est normal (c’est ma version de travail, avec plein de lignes de debugage et des tests de fonctionnalités (ou morceaux de codes buggés) mis en commentaire.
Edité le 28/04/2010 à 14:15
Il y a un bug sur lequel j’étais déjà tombé et que je n’arrivais pas reproduire pour le corriger: après un rechargement des actus (avec le bouton reload uniquement), s’il y a une actu sélectionnée (lien en rouge) sur cette 1ère page et que de nouvelles actus ont été publiées, le lien qui était actif reste en rouge quand on sélectionne une autre actu.
Userscript.org étant actuellement inaccessible, j’uploaderai un code corrigé quand leur serveur sera rétabli et je préviendrai ici quand ce sera fait.
Salut,
Ce n’est pas possible d’uploader les scripts sur une autre plateforme pour que l’on puisse déjà en profiter?
Merci bien,
Mazelys
Userscripts.org est de nouveau up. Les scripts y ont été mis à jour pour corriger le bug cité plus haut.
Edité le 29/04/2010 à 11:49
En mettant l’encodage de la page comme il faut ( UTF-8 ), greasemonkey détecte directement que c’est un script
Pour changer l’encodage : Affichage -> Encodage des caractères -> Unicode UTF-8
Sinon, j’ai quelque bug du fait que j’ai un pc avec plusieurs écran mais que mon navigateur n’est que sur un seul. (Pas facile de lire des articles sur 2 écrans)
Pour corriger cela je fait quelque modif. Elles pourraient, je pense, être intégrée directement au script initial.
Dans le script principal, je remplace ceci :
if (screen.width > 1360) {
menuLeftPos = (screen.width-1000)/2;
}
else {
menuLeftPos = 200;
}
Par :
if (window.innerWidth > 1360) {
menuLeftPos = (window.innerWidth-1000)/2;
}
else {
menuLeftPos = 200;
}
Et au niveau de l’annexe, je remplace ceci :
var manualWidth = (screen.width - 414);
Par :
var manualWidth = (window.innerWidth - 20);
Ce qui permet que le centrage barre de menu et la taille des actus/commentaires soit fonction de la taille de la fenêtre de mon navigateur et pas fonction de la taille de mes 2 écrans.
Il y a encore un petit point auquel je n’ai pas encore trouvé de solution, c’est le fait que le cadre des commentaires ne soit plus fermé sur la droite. Mais bon, ce n’est pas vraiment un gros soucis.
Et merci pour ces scripts qui révolutionnent la lecture des actus.
EDIT :
Pour mon petit soucis d’affichage :
J’ai remplacé ceci :
GM_addStyle(".comments {margin-top: 50px !important;}");
Par ceci :
GM_addStyle(".comments {margin-top: 50px; width: " + (manualWidth-25) + "px !important;}");
Edité le 29/04/2010 à 11:22
Ils sont bien en utf-8 déjà. Le soucis venait, je pense, de l’utilisation de tinyurl pour les liens vers ma page perso. Car en cliquant sur les liens originaux j’ai bien le pop up greasemonkey pour l’installation.
Pour les 2 premiers passages de code que tu cites, tu as raison c’est bien window et pas screen qu’il devrait y avoir. Par contre je ne comprend pas pourquoi le -414 devrait devenir -20 avec cette modif :etonne2: Quand tu ranges/ressors le panneau avec le bouton, la mise en page est toujours bonne avec cette modif ?
Aussi, tu utilises un soft pour gérer ton double écran ? Car j’ai 3 écrans chez moi et je n’ai pas le soucis que tu mentionnes (avec des cg ati, et en gérant les écrans avec windows xp sp3).
Pour le dernier passage que tu cites (ton edit, avec les modif de style) c’est à cause du screen que tu as remplacé par window je pense. window.innerWidth retournant la largeur en tenant compte de la place prise par la scrollbar il me semble (peut-être pour ça que j’avais utilisé screen plutôt que window d’ailleurs. Je ne me souviens plus exactement, faudra que je fasse des essais).
Je sais qu’il sont en utf-8 mais l’encodage ne passait pas bien. Et effectivement, c’est peut-être à cause de tinyurl.
En ce qui concerne le -414 si je le laisse, mes actus ne font pas tout la largeur.
Si je met 0, j’ai les actus qui passent un poil en dessous du scroll.
Avec -20 je suis juste à coté et c’est parfait.
Pour la différence entre -414 et -20 ce n’est pas parce que window.innerWidth retourne la largeur du cadre et non la largeur du navigateur?
Et lorsque je ranges/ressors mon panneau ma mise en page est toujours bonne. L’actu se décale sur la gauche de la moitié de la taille du panneau.
Je n’utilise pas de soft pour gérer mon double écran, j’ai un bureau étendu (barre des tâches sur les 2 écrans) mon navigateur est donc redimensionné à la main pour ne prendre qu’un écran.
Pour la dernière modif, tu dois aussi avoir le problème car il est présent sur ta capture d’écran.
Je viens de trouver un nouveau bug.
Lorsqu’un message à été supprimé, (Peut-être uniquement le premier) le redimensionnement des commentaires ne se passe pas vraiment comme il faut.
C’est visible sur cette actu ci : clic
Si c’est pas présent chez toi dis le moi que je te fasse une capture ou que je te fournisse d’autre élément.
Ah oui bien sûr. Je suis tellement plongé dans le script principal que je n’avais pas fait attention que cette variable provient de l’annexe (et tu le précises en plus^^). En effet, window.innerWidth retourne la valeur de l’iframe, donc largeur de la réso d’écran - largeur du panneau, ce qui explique le -20 au lieu du -414
Ok. Pour info, tu es sous quel OS et quelle CG tu as ? Je ferais la modif que tu proposes de toutes manières, puisque ça semble plus générique. Merci pour ce retour.
En effet, je n’avais pas vu ça sur le screen. Pourtant je viens de visiter quelques news et ça ne le fait pas, le cadre est bien fermé. Je ferai la modif que tu proposes :jap: (mieux vaut un poil trop de marge que pas assez^^)
Ok vu, ça m.rde chez moi aussi. C’est en effet parce que le premier commentaire est supprimé comme tu le suggérais.
Essayes cette modif dans l’annexe:
original:
var largeurForum = 0;
if (document.getElementsByClassName('message')[0]) {
largeurForum = document.getElementsByClassName('message')[0].offsetWidth;
}
modif:
var largeurForum = manualWidth-25;
J’ai testé avec quelques réso, ça semble fonctionner comme il faut.
Ralala c’est la saint bug aujourd’hui ou quoi ? ^^ Première fois qu’il y a un non-breaking space dans un titre d’actu, ça fait planter le script (et le navigateur entier :paf:).
Pour corriger, en attendant une version intégrant ce correctif, insérez ce code au tout début de la fonction “function tronqueSiNecessaire(texte)” du script principal (en enlevant les points après les 2 “&” !):
if (texte.indexOf('&.nbsp;') != -1) {
texte = texte.replace('&.nbsp;',' ');
}
Edité le 29/04/2010 à 23:45