S'identifier - S'inscrire - Ecrire un article - Contact

Amélioration des tables dynamiques

Par OlivierMG • Suggestions • Mardi 14/11/2006 • 17 commentaires  • Lu 5102 fois • Version imprimable

Note : 3.5/5 (45 notes)

Mots-clés : , , , , , ,

J'aimerai beaucoup utiliser les tables dynamiques, un truc fabuleux, unique à viabloga, mais je me trouve confronté à deux principaux problèmes :

la table dépasse très rapidement la largeur de ma page, même avec uniquement deux ou trois colonnes à l'intérieur de la table. Je sais, cela est dû à mes mots-clés qui sont longs, mais je pense que d'autres auront le même problème, d'autant que la colonne s'adapte à la largeur du mot-clé le plus large, il en suffit donc d'un seul assez long pour faire élargir la colonne et bousiller la mise en page.

Sur Firefox et Safari, c'est moche mais ça ne va pas plus loin (mais c'est déjà un problème), sur Internet Explorer, c'est toute la sidebar (la colonne de gauche) qui disparaît sous la page, ce qui est plus embêtant.

Je pensais avoir trouvé la solution en créant une page HTML vierge et en y mettant uniquement les commandes d'affichage de la table dynamique, ce qui me permet d'utiliser toute la largeur nécessaire ! j'ai ensuite mis cette page HTML dans mon dossier "Files" puis je l'ai appelé à partir d'un article (un simple lien). Les commandes d'affichage de viabloga ne sont pas reconnues et interprêtées, même si je les encadre d'une balise de type "post" pour essayer de faire comprendre au moteur que c'est un article à interprêter.

Est-ce qu'il y aurait une solution pour que le moteur interprête des commandes viabloga se situant dans des pages HTML du dossier "files" ? CE SERAIT GENIAL !! car ça ouvrirait énormément de possibilités et nous permettrait de dépasser parfois le carcan de la maquette unique du blog.

Autre exemple d'utilisation pour des pages HTML du dossier FILES, qui pourraient reconnaître les commandes viabloga : je met actuellement des vidéos en flash et j'essaye de bien les incorporer dans le blog, comme dans cette page ou celle-ci. Ces vidéos flash sont incorporées dans des pages HTML du dossier FILES (pages indépendantes de la maquette du blog, car là aussi trop larges).

Et comme vous pouvez le voir sur ces pages, des liens ont été ajoutés pour permettre de revenir facilement au sommaire ou à l'article concerné par la vidéo. Des textes de copyright ont aussi été insérés en bas de page. Malheureusement, cette présentation est fixe, alors que si je pouvais remplacer les textes récurrents par des transclusions, la maintenance du blog en serait ensuite grandement facilitée.

Dans cet exemple aussi, le fait de pouvoir faire interprêter les commandes viabloga dans les pages du dossier files serait donc d'un grand intérêt.

Pour revenir aux tables dynamiques, le deuxième problème important est que sur Internet Explorer (80% des utilisateurs en France et quasiment la totalité des débutants), le fait de choisir un item dans un menu déroulant ne déclenche pas l'affichage dynamique de la table, contrairement à Safari ou Firefox. Bien sûr, il suffit d'appuyer sur la touche "Entrée" après chaque sélection d'item, mais c'est très peu intuitif et ergonomique.

En me balandant hier sur le site de la fnac, histoire de nourir mon beau mac ;-), je me suis rendu compte que même sur des gros sites comme celui de ce marchand, l'affichage n'est pas dynamique après avoir choisi un item dans un menu, il faut en fait cliquer ensuite sur un bouton "OK" :






pourquoi ne pas retenir cette solution ? au moins provisoirement ? sur firefox et safari, le fait de cliquer sur le bouton "OK" réafficherait la même page puisque le raffraichissement du tableau aura déjà été provoqué : aucune conséquence sur le fond.

sur internet explorer, il faudra cliquer obligatoirement sur ce bouton pour que le tableau soit mis à jour : cela paraîtra normal à la plupart des utilisateurs qui ont déjà l'habitude de faire ça.

au final, sur tous les navigateurs le comportement serait un peu différent (pour parler clairement, il serait meilleur sur safari et firefox !), mais il n'y aurait pas d'impression "de bogue ou de truc qui marche pas bien". (les gens ont vite fait de dénigrer)

il y a aussi la remarque de labo sur les menus déroulants qui ne fonctionneraient pas sur firefox s'ils comprennent de nombreux items, est-ce que le problème est confirmé ?

Cette suggestion a été adoptée par 45 utilisateurs :

  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Fix :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Stephane :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  
  • Visiteur :  

D'autres articles sur des thèmes similaires :

Les utilisateurs qui ont voté pour cette suggestion ont voté également pour :

Commentaires

par Stephane le Mercredi 15/11/2006 à 11:06

Stephane Tu peux mettre un modèle de mise en page alternatif, que tu utilises seulement pour certaines pages (la table dynamique par exemple), comme ce qui est fait pour la version imprimable : http://utilisateurs.viabloga.com/cgi-bin/display_news.pl?site_id=utilisateurs&news_id=591&skin_file=public/print.html

| [^] | Répondre
Re: par OlivierMG le Mercredi 15/11/2006 à 12:10

OlivierMG j'ai essayé avec une version imprimable et c'est super déjà !

mais je n'arrive pas à récupérer le fichier print.html pour voir comment la structure est faite. J'ai bien vu dans le source la feuille CSS, mais je n'arrive pas à reproduire un modèle personnalisé qui fonctionne, est-il possible stp d'avoir accès au code de print.html ?

j'ai essayé de le récupérer à l'adresse http://utilisateurs.viabloga.com/public/print.html mais ça ne fonctionne pas.


| [^] | Répondre
Re: Re: par Stephane le Mercredi 15/11/2006 à 12:22

Stephane http://utilisateurs.viabloga.com/files/print.html

| [^] | Répondre
Re: Re: Re: par OlivierMG le Vendredi 24/11/2006 à 21:37

OlivierMG il y a quelque chose que je ne pige pas, je n'arrive pas à reproduire le fonctionnement de la commande ci-dessous avec un autre fichier de mise en page.

http://utilisateurs.viabloga.com/cgi-bin/display_news.pl?site_id=utilisateurs&news_id=591&skin_file=public/print.html

Pire, même avec le même fichier, mais placé à un endroit différent, comme ci-dessous, ça ne fonctionne pas, peux-tu m'expliquer comment faire stp ?

http://www.logiciel-caisse.org/cgi-bin/display_news.pl?site_id=utilisateurs&news_id=591&skin_file=files/print.html

ou

http://www.logiciel-caisse.org/cgi-bin/display_news.pl?site_id=utilisateurs&news_id=591&skin_file=

http://utilisateurs.viabloga.com/files/print.html

ne fonctionnent pas.


| [^] | Répondre
Re: Re: Re: Re: par Stephane le Samedi 25/11/2006 à 10:35

Stephane Oui, tu ne peux pas utiliser n'importe quel chemin : soit c'est un modèle personnel, soit un modèle public. Si c'est un modèle personnel, ça sera de la forme :
http://www.logiciel-caisse.org/cgi-bin/display_news.pl?site_id=utilisateurs&news_id=591&skin_file=print.html
Et il faut mettre le fichier print.html dans tes modèles personnels.

| [^] | Répondre
Re: Re: Re: Re: Re: par OlivierMG le Samedi 25/11/2006 à 11:05

OlivierMG marche pas...

j'ai repris le fichier print.html d'ici, je l'ai renommé en tableau.html, je l'envoie sur mon blog et il apparaît bien dans mes modelès :



puis dans un article, je met le lien suivant :

< a href="http://www.logiciel-caisse.org/cgi-bin/display_news.pl?site_id=logiciel-magasin&news_id=321&skin_file=tableau.html">poppo</ a>

si je clique sur ce lien, j'ai une page blanche, idem si je change tableau.html par maquettecaisse.html (ma mise en page par défaut).

| [^] | Répondre
Re: Re: Re: Re: Re: Re: par Stephane le Samedi 25/11/2006 à 14:55

Stephane Si, ça marche :
http://www.logiciel-caisse.org/cgi-bin/display_news.pl?site_id=logiciel-magasin&news_id=321&skin_file=print.html

En fait c'est le fichier tableau.html qui est mal formaté (il n'y a pas de retours à la ligne). Ca doit être le passage sur Mac qui a tout bouzillé. ;-) Essaie avec un autre éditeur de texte.

| [^] | Répondre
Re: Re: Re: Re: Re: Re: Re: par OlivierMG le Samedi 25/11/2006 à 15:38

OlivierMG c'est génial !!

cette histoire de pouvoir afficher certains articles avec une mise en page différente ouvre un océan de possibilités !

:-)

par contre, le remplacement des caractères exotiques de mes mots-clés (parenthèse, virgule..) par des underscores fonctionne sur firefox mais pas sur safari. Pour ce navigateur, d'après ce que j'ai pu voir, les caractères espace et underscore sont différents. Et si je remplace les caractères exotiques par des espaces, ça ne fonctionne pas non plus, j'ai l'impression qu'en fait le moteur supprime les espaces en double, ce qui fait que "Caisse (Ciel)" ne marche pas si je le remplace par "Caisse  Ciel ", puisque le double espace entre "caisse" et "ciel" est apparemment remplacé par un seul espace.

PS : tu n'as pas trouvé de solution pour que le tableau dynamique se réaffiche automatiquement sous IE lorsque l'on change d'item ?

| [^] | Répondre
Re: Re: Re: Re: Re: Re: Re: par OlivierMG le Samedi 25/11/2006 à 16:20

OlivierMG  


comme on peut le voir sur la capture ci-dessus, si je fait une recherche avec l'item "article", la table affichera aussi des items autres qu'article mais intégrant ce terme dans leur nom. est-ce voulu ?

| [^] | Répondre
Re: Re: Re: Re: Re: Re: Re: Re: par Stephane le Samedi 25/11/2006 à 16:29

Stephane C'est un bug.

| [^] | Répondre
Re: Re: Re: Re: Re: Re: Re: par OlivierMG le Samedi 25/11/2006 à 16:40

OlivierMG ce serait super de pouvoir aussi demander une recherche de terme à l'intérieur du corps de l'article.

par exemple, en plus d'avoir une colonne "titre", comme là :



on pourrait avoir "Recherche" à la place de "titre", et avec la même case où l'utilisateur pourrait saisir son terme recherché. Ce serait assez spectaculaire et moins figé que les recherche par les seuls mots-clés, car on pourrait justement cumuler une recherche libre et une rubrique/mot-clé, etc.

en plus, la table deviendrait aussi utile aux blogueurs qui ne gèrent pas les mots-clés. Par exemple dans un blog de voyages, et sans aucun mot-clé, on pourrait taper "maroc" dans la colonne titre, et "plage" dans la colonne "recherche". Si le blogueur gère bien ses rubriques, la recherche pourrait encore être affinée avec un nom de rubrique, comme "voyage de groupe" ou "circuit". L'affichage des articles serait alors précis et instantané, sans que le blogueur n'ait besoin de gérer les mots-clés (même si c'est conseillé bien sûr).

| [^] | Répondre
Re: Re: Re: Re: Re: Re: Re: Re: par Stephane le Samedi 25/11/2006 à 18:04

Stephane Ca serait un peu lourd à gérer.

| [^] | Répondre
Re: Re: Re: Re: Re: Re: Re: Re: Re: par isabelle le Samedi 25/11/2006 à 22:55

isabelle J'ai l'impression que sur cet article, il y a le même petit problème de gestion de largeur de colonnes (y compris sous FF) que cet après-midi sur asnièresensemble, bien qu'ici ça soit moindre, mais la ligne des mots-clés étant longue, c'est elle qui détermine la largeur de la colonne des articles qui dépasse de l'écran s'il est petit et les 2 colonnes de droite sont toutes petites.
Euh, avec Olivier vous avez titré vos deux articles à l'identique ;-)

| [^] | Répondre
Re: Re: Re: Re: Re: Re: Re: par Visiteur le Jeudi 30/11/2006 à 16:59

est-il possible d'indiquer que certains articles soient automatiquement affichés avec une mise en page alternative ?

Par exemple, je met de plus en plus de vidéos dans mes articles. On peut retrouver ces vidéos dans l'index grâce aux mots-clés. Mais ces mots-clés renvoient aux articles qui contiennent eux-mêmes les vidéos. Pour visualiser la vidéo, il faut donc appeler l'article, puis cliquer sur la vidéo dans l'article, pour que celle-ci s'affiche dans une mise en page alternative (la vidéo faisant 800 pixels de large, elle ne peut pas directement s'afficher dans l'article)

Si on veut visualiser une autre vidéo, il faut recommencer tout le processus. Parfois, c'est normal, mais parfois aussi il peut être intéressant ou amusant de visualiser uniquement les vidéos. Ce qui serait super, c'est de faire un index de mots-clés réservé aux vidéos, et à chaque fois que l'on cliquerait sur un de ces mots-clés, la vidéo s'afficherait directement (donc dans sa mise en page alternative). Une fois visualisée, le lecteur pourrait cliquer sur un des mots-clés en bas de l'article pour visualiser une autre vidéo, etc.

Le but serait donc de créer un véritable navigateur de vidéos (et de photos, de tables dynamiques, de podcasts, etc.)

Actuellement, avec les outils de viabloga, on peut déjà faire beaucoup, il ne manquerait plus qu'une commande ou une balise (que l'on mettrait par exemple dans le corps de l'article) qui indiquerait que l'article doit être affiché avec la mise en page alternative X. Avec ça, tout est possible !

| [^] | Répondre
Re: Re: Re: Re: Re: Re: Re: par OlivierMG le Jeudi 30/11/2006 à 17:01

OlivierMG oups, le commentaire précédent était de moi, ma session a dû se fermer..

| [^] | Répondre
par OlivierMG le Samedi 25/11/2006 à 11:08

OlivierMG j'ai dû renvoyer l'image de mon commentaire précédent. La première fois, je l'avais modifiée avec l'éditeur d'images de viabloga mais elle a disparu du commentaire.. Il y a donc toujours un problème à ce niveau. J'ai l'impression que ça date du jour où le code a été modifié pour que l'éditeur d'images n'apparaisse plus sur IE.

| [^] | Répondre
Re: par OlivierMG le Vendredi 26/01/2007 à 07:55

OlivierMG la mise en page alternative est vraiment un truc extraordinaire qui permet d'exploser les contraintes de la maquette unique propre aux blogs. Mais je commence à m'inquiéter que les articles liés à ces pages soient isolés du reste du blog.

Par exemple, j'ai un article avec une vidéo que j'appelle à partir de cet article, et ça fonctionne super bien, mais l'article avec la vidéo est irrémédiablement lié au deuxième article, je ne peux pas par exemple y intégrer des mots-clés pour que l'article-vidéo utilisant une mise en page alternative soit directement accessible à partir de l'index des mots-clés.

Si je le fait, les lecteurs arriveront sur l'article, mais sans la mise en page alternative, ce qui risque de donner des trucs comme ça, c a d des articles tronqués. Idem, si des moteurs de recherche envoient directement des internautes sur des articles qui devraient être uniquement affichés avec une mise en page alternative, les nouveaux arrivants risquent de penser que le blog a un problème (voir le premier résultat de cette page (yahoo ne l'indexe pas encore ;-).

je vais avoir le même problème avec tous les articles qui intègreront une grande table dynamique et pour lesquels il faudra que je les affiche avec une mise en page alternative.

Donc, est-ce qu'il ne serait pas possible que certains articles s'affichent automatiquement avec une mise en page alternative ? peut-être par exemple en fonction d'une rubrique. Dans les paramétrages d'une rubrique, il serait cool de pouvoir cocher une case "mise en page" et de sélectionner cette mise en page.

Cela permettrait de ne plus isoler les articles avec mise en page alternative et de les intégrer comme les autres dans l'arbre des mots-clés.

| [^] | Répondre

Session

Pour participer plus facilement, ouvrez une session :

Identifiant de
mon blog
Nom d'utilisateur
Mot de passe

Si vous avez déjà un blog sur ViaBloga ou si vous avez ouvert un compte sur l'un d'entre eux, vous pouvez vous identifier avec votre nom d'utilisateur et mot de passe en précisant d'abord l'identifiant de votre blog.

S'inscrire

Discussions actives (+ commentaire)

Ailleurs sur ViaBloga

Derniers weblogs mis à jour :

17:00 - Défendre et Promouvoir les Valeurs de la République Sociale
08:51 - Voleur d'âme
08:45 - Everitouthèque
19:10 - P'tit truc
15:47 -
10:30 - Le blog de Jean-Michel Cornu
12:09 - Photos Promenade Numérique
11:04 - Les Amis de Kervoyal
10:49 - Les Amis de la Butte de Biez
15:54 - Université Populaire d'Évreux

Toutes les mises à jour

Archives par mois