Trucs & Astuces - Entraide Forum & Informatique

[Papagena]

A mon tour de venir sur ce fil avec une question existentielle.

Je souhaiterai partager de la musique. Mais le morceau n'est ni sur deezer, ni sur youtube. C'est un fichier audio windows media, et quand j'ai essayé de le joindre à mon message via "ajouter des fichiers joints" en bas du message, il m'est expliqué que "l'extension wma n'est pas autorisée".

Que puis-je faire pour joindre mon fichier, ou, mieux encore, insérer un petit lecteur dans mon message ?

Merci d'avance aux artistes du numérique qui répondront !

[galou]

Il y a des convertisseurs de fichiers audio gratuits sur internet. Peut-être peux-tu le convertir en fichier mp3 puis le joindre à ton texte ?

[Papagena]

Oh yeah, ça y est, c'est converti et inséré dans mon message dans un petit lecteur, c'est parfait !
Merci merci galou, quelle efficacité !

[galou]

De rien, pour une fois que je sais faire un truc en informatique

[sanders]

Insérer une vidéo :

Suite à une demande et comme je ne l'ai pas encore vu sur ce topic, voici la démarche (complétée par les infos qui m'ont été transmises sur les BBcodes). Je la mets en image parce que suis une quiche pour expliquer les manips avec des phrases, si quelqu'un sait le faire bah vous complétez quoi .

Précision : ça marche avec la liste qui est proposée lorsqu'on insère le lien de la vidéo. En clair, tous les formats et tous les sites ne sont pas intégrables mais y'a les plus courants.

[edit 13/12/2014 PkR] Pour que l'astuce fonctionne bien, il faut coller le lien vers la video en supprimant le "s" si le lien commence par "https" pour qu'il commence par "http".[/edit]

[ edit ]
Depuis la mise à jour du forum, les adresses commençant par "https" ne posent plus de problème

[impish]

Un grand MERCI... Et bien penser à décocher la case désactiver le BBcodes en bas du message, ça évite de perdre 1/4 d'heure et de s'autoclassifier dans la catégorie mollusque aquatique en informatique.

[sanders]

Edit Euh, je ne désactive décoche (merci Joebar ) rien pour ma part et donc ça marche (ben ok je comprends rien mais si ça marche ça me va quoi...) comme ça mais bon les mystères de l'informatique ... paske si y'a des ordi où c'est coché d'avance et d'autres où ça ne l'est pas ... ... tssss ça devient complexe c't'affaire

[Joebar]

Non non justement! ça marche parce que tu ne désactives rien d'où la remarque d'impish pour qui ça ne marchait pas à cause de cette case cochée.

de rien, de rien

[Pier Kirool]

Et pour insérer directement des petits lecteurs Deezer comme sur le topic des notes qui vous bougent, comment fait-on ?

[edit]J'ai trouvé : Deezer te donne des url comme ça pour chaque morceau : http://www.deezer.com/track/551852, et le lien qui permet de voir ça


c'est celui qu'on obtient en mettant cette adresse là (en enlevant les espaces) : [deezer]h t t p : / / w w w . d e e z e r . c o m / l i s t e n - 5 5 1 8 5 2[/deezer]. Y'a peut-être un moyen plus simple... [/edit]


D'ailleurs, deuxième question : je voyais les petits lecteurs et après quelques minutes, je ne les vois plus...
Je suis sous Windows et Chrome...
[edit]je ré-essaye et ça revient...[/edit]

Heeeeelp !
[edit]Fin d'alerte. C'est cool ce forum, ça permet de se faire des dialogues tout seul[/edit]

[ edit ]
Deezer semble avoir abandonné le support de ses lecteurs externes : cette astuce ne fonctionne plus

[shinoune]

Merci Pierre pour le moment de

[pixelvois]

Petite mise à jour de la table des matières dans le premier post ( ça faisait un moment que cela n'avait pas été fait ), à l'occasion de la mise à jour du post sur les icônes de topic / forum pour ajouter l'icône de topic verrouillé, et où j'en ai profité pour faire une petite correction.

Je profite de ce post pour remercier les différents membres qui ont continué à faire vivre ( et ainsi à répondre aux questions qui se posaient ) ce topic pendant mon éloignement du forum pour cause de travail entraînant une réduction drastique de ma disponibilité ^^

À l'occasion ( quand la procrastination laissera place à l'inspiration, ou quand une demande spécifique sera émise : c'est-à-dire un de ces quatre mais va-t'en savoir quand ) je finirai par faire ce fameux post évoqué en introduction de topic sur la mise en place d'un avatar, je compléterai le post sur la mise en place des vidéos, et celui sur les liens peut-être... Peut-être aussi un jour rédigerai-je un tuto' d'introduction aux bases de la mise en forme avec les BBcodes : il arrive parfois de nouveaux membres totalement novices en matière de forum...

Y'a peut-être un moyen plus simple... [ d'insérer un lecteur Deezer ]

À part le bouton "deezer" qui permet d'économiser la frappe des balises d'ouverture et de fermeture, la fabrication du lien lui-même avec le "listen" et le numéro d'identifiant de la chanson, y'a pas : en fait, je pense que cette astuce est était fonctionnelle parce que Deezer veut rester compatible avec une époque où il proposait des liens d'intégration dans les forums, ce qui n'est plus le cas ( l'écoute gratuite / sans inscription a elle aussi bien évoluée : on ne peut plus qu'écouter 3s de n'importe quel morceau, et même la récupération du numéro d'ID demande un certain degré d'astuce si l'on est pas arrivé directement sur la page du morceau -- genre repérer les titres / artistes, faire une recherche google que sur Deezer pour trouver le lien avec "track" à l'intérieur )...

[Mlle Rose]

Bonne nouvelle pour les nuls en orthographe.

Rendez-vous sur scribens.fr

Maintenant, plus aucune excuse, même pour les dyslexiques
Il y a encore quelques erreurs qui passent à la trappe, j'ai testé, mais globalement c'est le meilleur correcteur que je connaisse. Il corrige même la grammaire et EN PLUS, il ne fait pas tout à votre place! Il suggère, redonne les règles, et permet d'apprendre!

C'est pas la classe ça ?

[pixelvois]

Waoow ! Et ça renseigne jusqu'aux règles de typographie ^^

J'suis rassuré : j'ai testé avec le contenu de mon post précédent le tien, et visiblement, il n'y a pas de lien de cause à effet

[sanders]

Adopté !
Je trouve que les rappels en encart sont bien vus, ils permettent de lever les doutes si parfois il n'y a pas d'erreur et comme tu le soulignes, ils rappellent les règles d'usage.
Merci Melle Rose ^^.

[pixelvois]

Introduction

Allez, je poste ici le script que je viens de pondre, un outil pour aider-faciliter la mise en place / gestion d'onglets en BBcode :

as-gestion-onglets+.zip

Pour l'instant ( car dans l'absolu rien ne dit que ce script n'évoluera pas vers un outil plus complet d'aide à la rédaction de BBcode en plus ou moins visuel ), je me suis concentré sur la fonction onglets, puisque c'est elle dont j'avais besoin dans un cadre particulier : au-delà de ce cadre, cela rendra peut-être quelques menus services à certains d'entre-vous-nous ?

Je crois que l'utilisation est simple, mais elle mérite peut-être quand même un minimum d'explications... alors, comme je n'ai pas intégré l'aide ( mis à part quelques infos-bulles -- dans cette première version en tout cas ), je vais faire un petit topo ci-dessous ( tiens, après tout plutôt sous forme d'onglets du coup ^^ )...

mode d'emploi

•
MODE
D'EMPLOI
•

installation

Une fois le fichier archive zip téléchargé et décompressé,on se trouve en possession d'un unique fichier html que l'on peut exécuter en local sur son navigateur préféré...

Enfin, probablement : je n'ai pas pris le temps de beaucoup le vérifier-débugger ailleurs que sur Firefox, et pas du tout sur m$ IE ( c'est à dire que je l'ai testé un minimum sur Chromium et compagnie sous Linux, donc le moteur webkit qui équipe la plupart des autres navigateurs... ce qui ne met pas à l'abri de surprise d'affichage ou de fonctionnement ^^ : les retours seront bien sûr bienvenus )

Bref, un double clic suffit en principe à démarrer...

étape 1

   1ère étape

Au démarrage, on se trouve en présence d'une grande zone de saisie de texte, surmontée du titre, d'une phrase d'indication et d'un bouton «VALIDER».

La première étape est donc simple : il s'agit de coller ( si on a déjà commencé la rédaction, ou dans le cas d'une édition ) le post où l'on veut se faciliter la vie avec les onglets, d'en commencer ici la rédaction, ou de directement valider et d'attendre la seconde étape pour intégrer du contenu.

étape 2

   2ème étape :

Une fois la première étape validée, on arrive sur le coeur de l'application : édition et affichage (pseudo-)WISIWIG des groupes d'onglets, ainsi que des parties textes en dehors des onglets. On se trouve donc maintenant en présence d'une zone d'affichage/prévisualisation ( non éditable pour le moment ) du post ( se résumant à un fin cadre pointillé si vous avez validé une zone de texte vide à la première étape ) surmonté maintenant du titre, d'une phrase de description spécifiant le nombre de groupes d'onglets trouvés, et deux deux boutons «EXPORTER» et «RECOMMENCER».

• Le bouton «EXPORTER» permet de passer à la troisième étape, et de récupérer le texte dans son ensemble, avec les balises BBcodes des onglets.
  Si des modifications n'ont pas été validées, une boîte de dialogue de confirmation vous préviens, et les libellés des onglets modifiées et non validés passent en rouge ( les zones de textes hors des onglets restent inchangées, beaucoup plus facilement repérables ).

• Le bouton «RECOMMENCER» permet de revenir à la 1ère étape, en conservant la zone de texte préremplie telle qu'elle l'était lors de la validation, mais en perdant les modifications éventuellement apportées entre temps.

Nous verrons plus loin comment éditer les différentes zones, et passons ( rapidement ) à la 3ème étape pour finir ce tour d'ensemble.

étape 3

   3ème étape :

Cette dernière étape ressemble beaucoup à la première, si ce n'est la phrase d'aide qui a disparue, et le bouton «VALIDER» qui a laissé place aux boutons suivants :

• Le bouton «<< RETOUR <<» permet de repasser à l'étape 2 ( édition ) sans prendre en compte les éventuels changements apportés au résultat de l'exportation dans la zone de saisie de texte. On retrouve ainsi aussi les modifications en cours qui n'ont pas été validées à l'étape 2, et donc qui n'ont pas été prises en compte lors de l'exportation ( passage à l'étape 3 ).

• Le bouton «SÉLECTIONNER TOUT» permet de sélectionner l'ensemble du résultat dans la zone de saisie de texte, afin de faciliter le copier-coller qu'il s'agit maintenant de faire, vers la page/onglet du navigateur internet qui enverra le post sur le forum ad-hoc ( adulte-surdoue.fr étant celui pour lequel ce script a été développé, un autre utilisant le même module d'onglet pourrait être utilisé )

• Le bouton «RÉÉDITER» permet comme le premier bouton de repasser à l'étape d'édition, mais en prenant en compte les changements éventuellement apportés "manuellement" à l'étape 3. L'édition est alors réinitialisée, et les modifications non validées à l'étape 2 ( et, du même coup, non prise en compte lors du passage à l'étape 3 ) sont alors définitivement perdues.

• Le bouton «RECOMMENCER» qui a la même fonction qu'à l'étape 2, avec les mêmes limitations ( perte définitive de toutes les modifications apportées jusqu'alors ).

Voyons maintenant en détails l'utilisation de la seconde étape d'édition à proprement parler...

édition

Pour rendre une zone éditable il suffit de double cliquer sur celle-ci : zone de texte, partie "contenu" d'un onglet, ou zone de libellé d'un onglet.

Ormis quelques spécificités d'outils pour les zones de groupes d'onglets, ainsi que pour l'édition des libellés d'onglets, le principe reste globalement le même, avec deux bouton «VALIDER» et «ANNULER» attachés sous les zones d'édition.

Pour le moment, les zones de texte en dehors des onglets sont juste éditables "manuellement", seul un bouton pour insérer un nouveau groupe d'onglet à la position du curseur est présent au-dessus de la zone d'édition. Une pression sur ce bouton, et la zone de texte en édition correspondante est validée, coupée en deux à la position du curseur, et un groupe d'onglet est inséré. Si une sélection est présente lors de l'activation du bouton, le nouveau groupe d'onglet contiendra dans l'unique onglet qui le compose au départ le texte sélectionné.


Passons maintenant aux spécificités de l'édition des groupes d'onglets...

groupes d'onglets

On passe ( évidemment ? ) d'un onglet à un autre au sein d'un groupe d'onglet en cliquant sur son libellé.
On peut éditer plusieurs onglets d'un même groupe "en même temps" ( le passage d'un onglet à l'autre garde en mémoire l'état de chacun ).
Les onglets en cours d'éditions ont le libellé écrit en gras.

Un double-clic sur le libellé permet de modifier celui-ci, via une boîte de dialogue.

Pour modifier le contenu de la zone de texte d'un onglet, on double-clique à l'intérieur, comme sur une zone de texte normale, la différence étant que l'on a pas le bouton pour insérer un groupe d'onglet ( logique ? cette balise faisant partie de celles qui ne peuvent pas s'imbriquer dans elle-même ^^ ).

À droite ( à la fin ) de la liste de libellés d'onglets, un onglet spécial, marqué «+», permet d'ajouter un onglet.

Au dessus du groupe d'onglet se trouve une barre avec les autres outils de gestions des onglets :

► Afficher le texte

• À gauche une case à cocher «confirmer suppression» : décochée, permet d'éviter la confirmation par boîte de dialogue OK/ANNULER à chaque fois ( utile si on doit supprimer plusieurs onglets à la suite par exemple ).

• À droite une case à cocher «1er onglet fixe» : permet de ne pas prendre en compte le 1er onglet lors des opérations de tri et déplacement d'onglets ( utile si le premier onglet doit servir de "couverture" par exemple )

• Deux boutons de suppression, un pour supprimer l'onglet actif ( sélectionné, visible -- «×» ) et l'autre pour supprimer le groupe d'onglet ( et tous les onglets qu'il contient -- «∅» ).

• Quatre boutons de déplacement de l'onglet actif : au début ( ««» ), à gauche ( «‹» ), à droite ( «›» ) et à la fin( «»» )

• Trois boutons de tri : «trier» opère un tri par ordre alphabétique, «mélanger» donne un ordre au hasard, et «inverser» inverse l'ordre actuel des onglets ( par exemple, pour un ordre alphabétique inverse, presser successivement le premier et le troisième bouton ).

conclusion

Rien de sorcier ou d'extraordinaire, j'espère cependant que ce script pourra dépanner certain d'entre vous...

Si ça se trouve, je le reprendrai et le ferait évoluer plus tard : on pourrait imaginer y rajouter la prévisualisation d'un certain nombre d'effets/balises, comme les gras, italiques, soulignés, barrés assez simplement, la prévisualisation des images ( voire la vérification des liens ) assez pratiquement ( et pourquoi pas un module de gestion des images d'ailleurs ), etc...

Mais c'est déjà pas mal que j'ai pu m'astreindre à bidouiller jusqu'à finaliser ce script pour qu'il soit opérationnel pour les onglets : j'ai la mauvaise habitude de m'arrêter quand j'ai saisi comment faire, et qu'il ne reste plus qu'à exécuter pour faire propre, pendant que des idées d'améliorations ( code et fonctions ) surgissent encore, sous-entendant reprendre tout plus ou moins depuis le début et/ou complexifier le projet ^^


Bref, je me suis quand même bien bien amusé à bidouiller ce truc, et je ne suis pas ( trop ) mécontent de moi, même si, forcément, je vois plein de choses qui pourrait l'améliorer

Pix'.

 
[ edit ]
Mise à jour du post avec la nouvelle syntaxe d'onglets... ( cet outil est donc obsolète... j'en ai fait une deuxième version compatible en entrée avec l'ancienne syntaxe afin de faciler la conversion : n'hésitez pas à me la réclamer -- je la posterai éventuellement plus tard, mais vu le non-succès de la première, je ne pense pas que cela urge )

Hors-sujet

Depuis la mise à jour du forum, la balise align semble moins "permissive" qu'avant, et ne permet pas/plus de contenir certains autres balises comme par exemple la balise attachment utilisée pour l'insertion d'un pièce jointe à un endroit précis du post plutôt qu'automatiquement en fin de post

[pixelvois]

Petite mise à jour du script de gestion des onglets ( voir le post précédent pour le nouveau fichier ), avec divers correctifs et améliorations, dont, pour le plus visible, l'ajout d'un bouton pour commencer l'édition directement avec un groupe d'onglet vide dès la première étape ( merci Joe' pour les retours ).


J'ai planché sur une future évolution du script pour en faire un éditeur plus complet... la tâche s'annonce tout de même vraiment ( très ) ardue, surtout si je veux ne pas être trop éloigné du rendu final sur le forum, et encore plus si je veux conserver la possibilité d'importer du BBcode pré-écrit : cela suppose gérer l'ingérable, à savoir les éventuelles erreurs de codage ( balises mal imbriquées par exemple ) qui peuvent avoir des résultats tout à fait surprenant, jusqu'à "casser" dans une certaine mesure la mise en page du site. Pour un éditeur simple ( sans importation ), ce problème n'existerait pas, puisque aucune balise ne serait susceptible d'être ajoutée "manuellement". Il faudra donc que je me fasse une raison sur les limites de la fonction importation si je souhaite poursuivre ^^

Si la tâche est ardue ( notamment car il paraît difficilement envisageable de juste ajouter des fonctionnalités à ce que j'ai déjà fait, bien trop centré sur les groupes d'onglets ), elle est ( reste ) très motivante : j'ai ainsi entraperçu un moyen de faire de l'édition directement sur des zones avec mise en forme pour pouvoir réaliser un éditeur encore plus "wysywyg" ( actuellement, l'édition à proprement parler se fait comme sur le site, en insérant des balises BBcodes dans du texte non formaté ) générant directement un aperçu et masquant les balises. En revanche, une amélioration possible assez rapidement ( sans nécessairement tout reprendre de -- presque -- zéro ) sur la présente version serait de mettre en place l'aperçu d'un certain nombre de mises en formes, pour peu que l'on ne soit pas trop regardant sur les défauts en cas d'erreurs dans le BBcode importé...


En revanche, outre le temps que le développement risque de demander, j'ai, ces derniers jours, planché sur un autre projet ( donc il faut/faudra que je me replonge dans le bain ) qui va encore me demander des corrections-améliorations, et les jours prochains, prévu de repartir en vadrouille... on verra donc déjà d'ici 3 semaines à 1 mois, si je suis encore motivé pour poursuivre ( n'hésitez pas à me dire si vous êtes intéressés, cela pourrait jouer sur ma motivation, sans risquer de me faire me sentir obligé pour autant ).

[Joebar]

merci Joe' pour les retours .

Avec plaisir!!

n'hésitez pas à me dire si vous êtes intéressés, cela pourrait jouer sur ma motivation, sans risquer de me faire me sentir obligé pour autant ).

Je n'ai pas bien saisi... intéressé pour faire quoi???

[pixelvois]

Intéressé par l'utilisation d'un script plus élaboré d'édition de BBcode ^^ : ça peut changer ma motivation si je le fait que pour moi, ou si c'est pour en faire profiter d'autres ...

[Joebar]

un script plus élaboré d'édition de BBcode ^^

Je ne vois pas bien le truc en fait... ça servirait à écrire un message en mode "aperçu" pour avoir le rendu visuel en instantané et en dynamique avec genre un glissé déposé de off topic et on écrit dedans???

[pixelvois]

Genre...

Le glisser-déposer est en effet envisageable dans l'absolu, mais ne serait à envisager qu'une fois un gros travail déjà effectué : pas la peine de vouloir développer trop de fonctionnalité d'un coup, ce serait le meilleur moyen de ne jamais mener le projet au bout ^^

Mais une zone d'édition « en mode "aperçu" pour avoir le rendu visuel en instantané et en dynamique » où l'on cliquerait sur des boutons pour ajouter un off topic par exemple qui aurait l'apparence du off topic ( plutôt que juste la paire de balise ) et dans lequel il suffirait de cliquer pour éditer le contenu, oui.

[Joebar]

hannnn!!!
Perso, je ne l'utiliserait pas car j'ai l'aperçu en dynamique en tête avec confirmation par le bouton "aperçu" et je suis trop fainéant pour aller ouvrir un truc en plus du navigateur...
Pour les autres, ça peut le faire!
Pour y participer, j'adorerais apprendre et bidouiller!!! mais est ce possible de s'organiser à distance? sachant que je préférerais être sur place
On se ferait y pas une IRL scripto-bidouille avec mousse??? (pas trop loin du sud-sud ouest?)

[pixelvois]

Arf !
Sur un truc un peu complexe comme ça, ça va être chaud à gérer... autant à distance que IRL d'ailleurs : ça se torche pas en deux coups de cuillères à pot, et en plus je suis super bordélique dans ma tête dans mon organisation et la mise en place de ce genre de trucs : je vois, je viens de passer deux jours en Dordogne pour faire faire une initiation à javascript "juste" sur un projet de petit diaporama... j'm'en suis sorti, mais côté initiation, ça a été plutôt de l'observation ( un peu court pour faire faire/chercher ), et encore, le script+html+css marche pas du tout sur m$ ie ( fait ièch ce ie d'ailleurs ), et à des défauts certains : j'vais peut-être le reprendre avec du php pour finir ^^

Bref... je vais donc garder dans un coin de ma tête l'idée que j'avais déjà un peu d'ouvrir un topic sur le plaisir de coder / bidouiller la programmation, et si on trouve des idées de petits projets sur lesquels s'appuyer, on envisagera des tutos / initiations... et éventuellement on verra à la suite de ça dans quelle mesure y'a moyen de se faire « une IRL scripto-bidouille avec mousse??? (pas trop loin du sud-sud ouest?) » !

[pixelvois]

Ce matin j'ai un peu de temps au milieu de ma vadrouille, alors je m'en vais m'occuper de vous expliquer une petite astuce qui, je le sais, est attendue par certains ^^ :

[ edit ]
Ce post et cette astuce sont doublement obsolètes depuis la mise à jour du forum : les images en pièces jointes ne semblent plus souffrir du défaut présent dans l'ancienne version, et la balise table utilisée comme contournement du problème n'est plus disponible...
[ /edit ]

---

afficher les images en entier quand elles sont postées en pièces jointes
[ forum - infos diverses ]

ceci est une image postée en pièce jointe, et qui est affichée sans tronquer sa hauteur

Commençons par voir comment se comportent les pièces jointes quand il s'agit d'images... et accessoirement comment on peut joindre des fichiers à un post :

Pour joindre un fichier à un post, il faut être en mode "éditeur complet" ( éditeur avancé avec toutes les petites icônes de mise en forme du texte, la liste de smileys etc. ).

En bas de la zone de saisie du message, sous les boutons "envoyer", "aperçu" et "sauvegarder", on trouve deux onglets "options" et "ajouter des fichiers joints". En cliquant sur ce dernier, on affiche l'onglet permettant d'envoyer des fichiers à mettre donc en pièces jointes. La procédure est assez simple et intuitive : je ne la décris pas ici, en cas de besoin, faites-le savoir, je ferais un post pour cela ^^

Une fois le(s) fichiers envoyés, si on ne va pas plus loin, les pièces jointes seront affichées à la fin du post, en fonction du type dont elles sont : image(s), lecteur(s) son, ou juste le lien pour télécharger ( ou afficher directement, mais en téléchargeant alors de façon transparente, selon la configuration de votre navigateur ) si aucun "lecteur"/"afficheur" n'est prévu pour le type de fichier(s) en pièce(s) jointe(s)... Dans tous les cas, visuellement, la pièce jointe sera placée à l'intérieur d'un cadre en pointillé.

Ce cadre peut être évité, et la position des pièces jointes en fin de post modifiée où l'on souhaite dans le cours du message, en "insérant" celle-ci : après avoir cliqué sur "ajouter le fichier", la (les) pièce(s) jointes sont listées sous la zone de saisie de texte, juste avant les boutons "envoyer", "aperçu" et "enregistrer"; chacune disposant de deux boutons, "insérer dans le message" et "supprimer le fichier". En cliquant sur le premier, une paire de balises BBcode permettant l'affichage de la pièce jointe sera insérée à la position courante du curseur, qui ressemblera à :

Code : Tout sélectionner

[attachment=0]nom-du-fichier[/attachment]

Ce code pourra être déplacé n'importe où dans le post, affichant ainsi l'image ( où n'importe quelle pièce jointe ) à l'endroit qui nous conviendra...

Dans le cas des images, que la pièce jointe soit automatiquement insérée en fin de post, ou que l'endroit où elle doit apparaître soit spécifié, elle a une limite d'affichage en hauteur ( et bien sûr en largeur ). Si la largeur de n'importe quelle image est trop grande pour tenir dans la largeur du post, elle est redimensionnée pour s'adapter à la largeur disponible. La hauteur est donc recalculée proportionnellement. C'est le cas aussi pour une image en pièce jointe, mais sa hauteur ne rentrera peut-être pas dans la hauteur ( fixe ) du cadre pointillé. L'affichage sera alors tronqué, mais on pourra déplacer la photo pour modifier la zone visible à l'aide des "ascenseurs" ( barres de défilement ) verticaux et horizontaux.

Afin d'outrepasser ce comportement qui semble inévitable, j'ai donc trouvé une petite bidouille :

L'idée est de récupérer la vraie adresse de l'image postée, pour l'afficher dans une balise BBcode "img", afin d'avoir l'image affichée en entier, quelle que soit sa hauteur ( l'ensemble hauteur/largeur étant nécessairement adapté à la largeur disponible )... et de masquer l'affichage de la pièce jointe, puisqu'elle sera forcément au moins placée en fin de post si on ne lui spécifie pas de position particulière grâce à la balise BBcode "attachment".

La première partie ( récupérer la "vraie" adresse de l'image ) n'est pas très compliquée : on envoie le fichier ( à l'aide de l'onglet "ajouter des fichiers joints" et de son bouton "ajouter le fichier" ), on tape au moins un caractère dans la zone de saisie du post ( sinon on aura droit à un message du genre « votre message ne contient pas assez de caractères » ^^ ), puis on demande un aperçu. Dès lors, on a notre image qui s'affiche, éventuellement tronquée : on clique alors dessus avec le bouton droit de la souris pour afficher le menu contextuel, et on choisi "copier l'adresse de l'image" ( ou un libellé approchant, celui-ci pouvant varier selon les navigateurs ). Il ne reste plus qu'à coller cette adresse dans une paire de balise BBcode "img", ce qui donnera à peu près ( le nombre final étant nécessairement unique à votre pièce jointe ) ceci :

Code : Tout sélectionner

[img]http://adulte-surdoue.fr/ressources/image/783[/img]

La seconde partie ( masquer l'affichage d'un double de l'image en version tronquée ), consiste à commencer par insérer la pièce jointe ( en fin de message pour plus de commodité, mais grâce aux BBcodes, sinon on ne pourra pas y accéder au niveau du contenu du post ) grâce au bouton "insérer dans le message". Puis on va enfermer le code ainsi produit dans un certain nombre de balises sur ce modèle :

Code : Tout sélectionner

[table=font-size:0;][tr][td]
   [spoiler]
      [attachment=0]as-tst-img.jpg[/attachment]
   [/spoiler]
[/td][/tr][/table]

( les espaces et retours à la ligne ne sont ni nécessaires, ni gênant : ils sont ici pour une meilleure visualisation / compréhension du code )

Les balises "table", "tr" et "td" sont là pour construire un tableau d'une unique cellule ( case ) sur une unique ligne ( je reviendrai à l'occasion, dans un autre post, sur l'utilisation des tableaux en BBcode ). C'est grâce à ce tableau que l'on va pouvoir paramétrer une taille de caractère nulle ( donc invisible ), la balise BBcode "size" n'autorisant une taille minimale "que" de 1 ( ce qui est suffisant sur certains affichages, pas sur d'autres ). Le paramètre "font-size=0;" détermine donc la taille des caractères à l'intérieur du tableau, et doit donc rester tel quel ^^

La balise "spoiler" va permettre de masquer la pièce jointe tronquée : et puisque la taille de caractère est nulle, on ne verra pas et on ne pourra pas cliquer non plus sur la commande show-hide. On utilise pas la balise "spoil", car cette dernière resterait accessible et cliquable malgré une taille de caractères nulles, et surtout pas la balise "hidden" qui ne masque du contenu que dans des conditions très particulières ( voir la différence entre les trois dans le post sur les différentes façon de cacher du contenu dans ce même topic ).

Visuellement, ce dernier ensemble de code ne donne donc rien... et c'est bien le but recherché ! Il est d'ailleurs inséré à la fin de ce post, pour masquer la pièce jointe qu'est l'image d'exemple placé en début de message dans l'intégralité de sa hauteur, et tronqué, mais invisible ci-dessous ( vous pouvez le vérifier / observer en cliquant sur le bouton "citer" de ce post et en observant le BBcode qui sera placé dans une paire de balises "quote" ).

[table=font-size:0;][tr][td]

► Afficher le texte

as-tst-img.jpg

[/td][/tr][/table]

[pixelvois]

Concernant l'astuce permettant d'afficher un petit lecteur Deezer, il semblerait que ce site ait abandonné le support de cette fonction de lecteur externe à leur site : c'est bien dommage, et cela signifie qu'un certain nombre de nos posts sont "cassés" ^^

( j'ai édité le post de PK en question afin d'ajouter cette information )

[TourneLune]

Parce que régulièrement, je réinitialise firefox et que je me retrouve avec ce raccourcis clavier de m... qui me fait revenir sur la page précédente et perdre tout ce que j'ai écrit parce que j'ai voulu effacer mais que ma souris était pas où il fallait, je vous livre ce précieux lien qui explique comment virer ce raccourcis dangereux
http://kb.k-metamodule.com/logiciel/sup ... refox/122/