• Construire le sommaire de la rubrique (et trier par ordre alphabétique)

    Procédure

    • L’objectif de ce développement était e construire le sommaire d’une rubrique (avec tous ses articles).
    • De ce fait la rubrique elle-même n’apparait pas dans la liste (donc sur une autre page le premier n’est pas écrit dans la fenêtre).
    • Il faut donc ouvrir la rubrique, actionner le bouton construire le sommaire, laisser la fenêtre ouverte, changer de page sur le blog (manuellement), re-actionner le bouton construire le sommaire et ainsi de suite jusqu’à la dernière page.
    • Pour trier il faut (avec la première fenêtre crée toujours ouverte) actionner le bouton  trier le résultat. Il y a alors deux fenêtres l’une avec l’ordre de EKLA l’autre en tri alphabétique.
    • On peut alors sélectionner la liste des articles si on veut les coller dans un sommaire (c’est ce qui est fait dans ma rubrique code java ou ma rubrique code CSS.
    • Ne pas oublier de fermer les fenêtres crées après utilisation

    Premier conseil d’utilisation : je recommande de réduire la fenêtre du blog pour pouvoir afficher celle-ci avec celle crée pour le sommaire. On peut alors voir les deux en simultané


    Deuxième conseil : Le bouton construire le sommaire écrit dans la fenêtre la liste des articles affichées. On ne doit l’actionner qu’une fois par page (sinon doublons)

    Deux boutons dans le module de gauche

     Le code :


  • Commentaires

    1
    Mardi 1er Mars 2016 à 15:24

    Test de commentaire

    autre ligne

    puis la suite

    2
    Lundi 14 Mars 2016 à 20:57

    Bonsoir,

    Je viens d'essayer ce code dans mon blog test.

    1er essai > résultat OK pour les deux po up, mais le petit rond au niveau du favicon (po up) ne s’arrête jamais

    2em essai > le premier po up n'apparait pas, dans le second po up c'est bon, le tri est inversé (je crois me souvenir de cela), même problème favicon..

    3ème essai > comme 2ème essai, mais avec plusieurs fois les mêmes liens dans la liste (je ne me souviens pas si j'avais déjà limité le nombre d'article par page - voir ci dessous - mais il mes semble avoir cliqué plusieurs fois le même bouton ne voyant pas s'afficher le sommaire.

    4ème essai > avec 3 articles par page seulement. Aucun résultat.

    5ème essai > (Quitter et revenir ; 3 articles par page seulement) Plus rien n'apparait, même en quittant la page pour y revenir, avec/sans le cache Toujours aucun résultat.

    Pour info j'avais mis le code JS dans Apparence > Zone de script.

    Remarque générale: je ne connais pas le langage JS, mais dans mon esprit le code ne prend en compte que la page html affichée. On n'obtient donc qu'un sommaire que de ce qui est à l'écran ? c'est ça que je voulais vérifier avec mes 4 et 5ème essai

    Voila, j'ai résumé de mémoire mais c'est assez proche ce qui s'est passé. Pourtant ici ça fonctionne avec affiché que le titre: ..... Commentaire.

    J'ai tout supprimé .... jusqu'au prochain essai smile

    -----------

    Si tu pouvais ne faire afficher que les barres de titre, ça serait de mon point de vue encore plus pratique (je fais ça manuellement par CSS dans la partie privée du blog que je gère, mais il me faut agir à chaque changement dans les 10 premiers articles, et ça ne peut concerner que les 10 premiers).  Grrr...

      • Mardi 15 Mars 2016 à 09:43

        Bonjour et merci d’avoir testé mon script.


        Je m’aperçois que je n’ai pas été suffisamment clair dans mes explications du pourquoi et du comment. Je vais profiter de tes remarques pour refaire la présentation.


        Tout d’abord concernant le pop up qui tourne : il est apparu lorsque j’ai dû donner un nom à la fenêtre pour pouvoir faire le tri. Mais vérification faite plus aucun script ne se poursuit. Je ne sais donc pas pourquoi « ça tourne ». Je suppose que comme cette fenêtre n’est liée à aucune adresse web, tout se passe comme si Firefox cherchait une connexion (qui ne peut exister). Pour s’en persuader on peut vérifier dans le cas du bouton Sommaire de la page où il n’y a pas de popup qui tourne.


        Premier conseil d’utilisation : je recommande de réduire la fenêtre du blog pour pouvoir afficher celle-ci avec celle crée pour le sommaire. On peut alors voir les deux en simultané


        Deuxième conseil : Le bouton construire le sommaire écrit dans la fenêtre la liste des articles affichées. On ne doit l’actionner qu’une fois par page (sinon doublons)

        Procédure

        • L’objectif de ce développement était e construire le sommaire d’une rubrique (avec tous ces articles).
        • De ce fait la rubrique elle-même n’apparait pas dans la liste (donc sur une autre page le premier n’est pas écrit dans la fenêtre).
        • Il faut donc ouvrir la rubrique, actionner le bouton construire le sommaire, laisser la fenêtre ouverte, changer de page sur le blog (manuellement), re-actionner le bouton construire le sommaire et ainsi de suite jusqu’à la dernière page.
        • Pour trier il faut (avec la première fenêtre crée) actionner le bouton  trier le résultat. Il y a alors deux fenêtres l’une avec l’ordre de EKLA l’autre en tri alphabétique.
        • On peut alors sélectionner la liste des articles si on veut les coller dans un sommaire (c’est ce qui est fait dans ma rubrique code java ou ma rubrique code CSS.

        Concernant la situation du code, pour mon blog de test il est dans un module, mais sur mes blogs il est dans la zone de script.

        Si tu as un peu de temps pour essayer et me dire si les explications sont claires

        PS : Je n’ai pas bien compris ta question sur les barres de titres en fin de message.

    3
    Mardi 15 Mars 2016 à 11:16

    Bonjour,

    Je commence à comprendre.

    L'outil sert à construire, en plusieurs étapes, une liste de liens du contenu d'une rubrique d'articles. J'avais perçu  l'outil comme affichant en pop-up un "menu" de la rubrique, une sorte de module éphémère.

    Pour réduire le nombre d'étapes, il est donc à conseiller aussi, en préalable, de paramétrer la rubrique pour afficher le maximum d'articles par page (10)

    Je testerai de nouveau

    Divers:
    - Le petit icône d'attente qui tourne me semble être le signe d'une attente de réponse du navigateur, comme s'il avait envoyé une requête dans l'espace internet.

    - ma question sur les barres de titre: il s'agit pour un rubrique particulière, de n'afficher que la présentation de cette rubrique et les titres des articles présents à l'écran, sans le chapô..
    Ceci pour gagner de la place et simplifier la visibilité au maximum. (Les personnes qui sont concernées ne sont pas toutes à l'aise avec un clavier et une souris d'ordinateur).

    Quelques demandes en ce sens (rares il est vrai)  apparaissent de temps à autres sur le forum EB

    Pour le moment je fais ça par css. Pour chaque article concerné j'ai donc une ligne:  #module_contenu_article12345678  > div:first-child {display: none;}   liste en mise à jour permanente, certains articles étant de simples messages provisoires.

    Dans la partie publique du blog, je place un lien manuellement en tête de rubrique pour atteindre un article précis.

      • Mardi 15 Mars 2016 à 12:55

        Réponse 1 : concernant le nombre d'articles par page on peut aller jusqu'à 30 (ce que je fais pour un blog particulier pour aller plus vite)

        Réponse 2 : pour l'icone  c'est sans doute quelque chose comme ça (àcause du choix de donner un nom à la fenêtre (inévitable pour la retrouver de page en page). Comme cette fenêtre est utile peu de temps (celui de faire le sommaire et le copier coller) je n'ai pas cherché à aller plus loin

        Réponse 3 : pour ta demande j'ai un début de solution (voir le bouton "sommaire de la page". Pour te remercier je vais le modifier pour y inscrire aussi la rubrique. Pour les articles il y aura aussi le titre seul

        Et pour finir, après le copier coller du sommaire les lignes sont des liens hypertexte vers les articles en questioin

        PS : pour tourner les pages je me suis fait un module spécifique qui évite de descendre tout en bas de l'écran (module tourne page en aut à gauche de la page)

        Encore merci de ta réactivité

      • Mardi 15 Mars 2016 à 15:01

        Concernant ta dernière demande et après réflexion, j'ai deux solutions:

        Une que tu peux tester avec les deux boutons sommaire complet de la page et autres pages du module simple à gauche. Mais le résultat est dans une nouvelle fenêtre et je pense que cela n'est pas vraiment ce que tu cherches.

        L'autre consisterait à générer automatiquement le CSS que tu utilise. Le principe est de mettre le CSS dans la page par une fonction javascript qui se déclenche dès le chargement (ou une icone à clicquer pour choisir un affichage simplifié).

        Comme je peux récupérer le numéro de l'article je peux construire la chaîne #module_contenu_article12345678 avec les paramètres CSS adéquat et les positionner au début de la page. Ceci rendrait automatique la mise en forme

        Comme je suis nul en CSS il me faut de l'aide. Tout ce que je sais c'est qu'il faut au début de la page

        <style>....  </style>.

        Il me faut donc ce qu'il faut au milieu!

        Qu'en penses tu?

    4
    Mardi 15 Mars 2016 à 20:48

    En CSS  je ne connais que les bases, mais ça me permet de bricoler et surtout adapter.

    J'ai essayé JS, à première vu j'ai pensé que ça avait un petit air de langage Basic (boucle, condition, variable..) mais je bute sur vocabulaire et syntaxe.

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

    Effectivement la seconde idée est plaisante. Je pense qu'elle pourrait intéresser aussi d'autres blogueurs.

    Mon CSS fait manuellement commence par <style><!--     et   se termine par  --></style>
    Entre les deux autant de chaines #module_contenu_articlexxxxxxxx  > div:first-child {display: none;}

    Le code est placé avec la source de l'en-tête de la rubrique.
    <style><!--
    #module_contenu_articlexxxxxxxx  > div:first-child {display: none;},
    #module_contenu_articlexxxxxxxx  > div:first-child {display: none;},
    #module_contenu_articlexxxxxxxx  > div:first-child {display: none;},
    ....
    ....
    #module_contenu_articlexxxxxxxx  > div:first-child {display: none;},
    #module_contenu_articlexxxxxxxx  > div:first-child {display: none;}   /* pas de virgule finale sur dernière */
    --></style>

    Signification:
    xxxxxxxx est le numéro id de chaque article
    Chaque ligne : ne pas afficher le premier "enfant" des sélecteurs id= module_contenu_articlexxxxxxxx .

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

    Suite à ta réponse je viens de réaliser que l'on peut aller jusqu’à 30 articles (j'étais resté avec la valeur 10)

    - Je m'en vais tester de nouveau ton code -

    Edit:  Retour d'expérience 15' plus tard:

    Le code fonctionne bien comme tu l'expliques, mais une seule fois ! Pour le faire fonctionner une seconde fois j'ai du quitter Firefox et le relancer
    Si je passe à une autre Rubrique d'articles, c'est le résultat de la précédente qui s'affiche

    Je n'ai pas J'ai testé en chargeant la page dans un autre onglet : Pas de changement

    Edit2: Désactiver et réactiver Javascript ne change rien non plus. Bizarre!

     

    Sinon c'est sympa et rapide. 30 par 30 c'est un outil qui peut être utile

      • Mercredi 16 Mars 2016 à 09:31

        D'abord une petite info. Comme le script cré une fenêtre nommée (sommaire), si elle n'est pas fermée après avoir changé de rubrique les opérations sont écrites dans cette même fenêtre. Il faut donc préalablement la fermer avant de relancer sur autre chose.

        Concernant le CSS, je vais y réfléchir mais j'ai au départ un pb c'est que je ne sais pas différencier une rubrique d'un article en Javascript (enfin pour l'instant). Si on ne cherche pas un automatisme mais un petit bouton placé dans la rubrique alors ça peut le faire (mais à la demande uniquement), je me penshe sur le pb

        Merci encore de ta participation

      • Mercredi 16 Mars 2016 à 09:47

        Juste un question:

        Tu utilises l'id (#module_contenu_articlexxxxxxxx  ) dans le css, or tous ces id sont tous de la class module_contenu

        que donnerait

        .module_contenu > div:first-child {display: none;}

        Une seule fois ?

      • Mercredi 16 Mars 2016 à 11:11

        Après un petit tour sur le net je propose (CSS3)

        <style>
        #ulmodules li:nth-child(n+1).module_contenu { > div:first-child {display: none;}}
        </style>

        dans l'id ulmodules, pour toutes les li (sauf le premier) de la class module_contenu, masquer le premier fils des div

        Source : http://www.marevueweb.com/css-html/liste-nth-child-propriete/

    5
    Mercredi 16 Mars 2016 à 11:48

    Ok merci

    Je me suis connecté avec dans l'idée de t'informer que j'avais remarqué en fermant tout ce qui était ouvert sur le PC il y avait en arrière plan le pop-up Sommaire. Ce qui correspond à tes précisions. Je vais voir ça.

    CSS : si j'utilise la class "module contenu" seul les titres restent, effectivement, mais l'en-tête de la rubrique d'articles ne s'affiche pas. Je n'avais pas essayé via ce sélecteur car des module_contenu il y en a un peu partout et à différents niveaux. Placé dans le code source de la rubrique ça peut résoudre mon problème, mais il faut que je trouve un truc css pour afficher cette en-tête, ou organiser autrement l'accès à cette rubrique.

    En tout cas merci de l'idée.

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

    Pour différencier un article d'une rubrique, le seul truc que je connaisse est la lettre a avant le numéro qui est en fin d'url (Rubrique d'articles c    Livre d'or g     Page simple p    etc. ) 

    Je regarderai ce soir si il n'y a pas une autre approche possible

     

    Bonne journée

     

     

      • Mercredi 16 Mars 2016 à 11:53

        Ne pas utiliser le css3 que je vi"ns d'essayer ça met la pagaille

      • Mercredi 16 Mars 2016 à 13:46

        Ton second code CCS3 m'est apparu avec une probable erreur de syntaxe. J'ai corrigé à mon idée et il fonfonctionne. Le résultat est exactement le même que celui que tu as proposé précédemment.

        La bonne écriture:
        #ulmodules li:nth-child(n+1) .module_contenu  > div:first-child {display: none;}

        Du coup, a l'intuition, j'ai tenté un ajout pour faire afficher quand même l'espace en-tête de rubrique et bingo, ça fonctionne tout bien. Le code final pourrait être:

        <p> </p>  /* problème si <script> est en 1ère ligne du code source */
        <script>
        .module_contenu > div:first-child {display: none;} /* ta 1ère proposition non affichage*/
        #ulmodules li:nth-child(1) .module_contenu  > div:first-child {display: block;}  /* adapté affichage En-tête */
        </script>

        wink2  plus besoin de JavaScript

      • Mercredi 16 Mars 2016 à 14:20

        Bravo, l'union fait la force !!! je viens d'essayer et ça marche sur la rubrique de test

        Une petite erreur : le code est

        <p>&nbsp;</p>
        <!-- probleme si la balise style est en 1ere ligne du code source -->
        <style><!--
        .module_contenu > div:first-child {display: none;} /* ta 1ère proposition non affichage*/
        #ulmodules li:nth-child(1) .module_contenu  > div:first-child {display: block;}  /* adapté affichage En-tête */
        --></style>

        Tu avais mis script au lieu de style

        Je vais me permettre de le mettre sur ce blog (en citant les sources) si tu es d'accord)

      • Mercredi 16 Mars 2016 à 15:47

        Mauvaise nouvelle :

        Ca ne marche que sur la première page. D'ailleurs ça fait disparaître les pages (qui sont dans le dernier article de la page).

        Moi j'arrive à le faire avec mon module tourne page (qui est indépendant à gauche.

        Mais comme le style est dans l'article et que la rubrique est vide sur les autres pages il n'est plus actif

        Donc besoin de javascript quand même.

        Je vais voir si je peux le mettre dans le tourne page indépendant

    6
    Mercredi 16 Mars 2016 à 16:21

    Je reviens à l'instant.

    Ok pour mes anomalies. Quand je teste c'est bon, quand je rapporte ça en vitesse dans un commentaire, moitié en direct, moitié par copié-collé ...... en plus sans relecture, ça m'arrive 1 fois sur deux  cry

    A 4 mains sur 2 claviers c'est mieux. smile

    Pour moi c'est réglé sans JavaScript car pour mon besoin particulier, la Rubrique concernée n'aura jamais plus 30 articles.

    Pour d'autres Eklablogueurs la situation peut être différente.

    Tu peux mettre sans problème le truc avec CSS sur ton blog, en précisant la limite d'utilisation (30articles).
    C'est une une sorte de co-trouvaille finalement !.he

    Personnellement j'ai plutôt le reflex Forum Trucs et astuces vu que je n'ai pas fait de blog dédié pour cet usage

    Aujourd’hui mon emploi du temps est entrecoupé par pas mal de choses, je ne pensais pas avancer avant ce soir. De p'tits pas en p'tits pas un résultat est arrivé avant.

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :