Discussion :

[marcel marie]

Bonjour,

Est-ce un hasard? une curiosité? une anomalie ?
En tout cas j'ai remarqué hier, et j'ai passé plusieurs heures (si, si !!) avant de m'en rendre compte, car j'ai affiché des images des centaines de fois,
je disais donc que j'ai remarqué hier que les images ayant un espace dans leur libellé ne s'affichent pas ...

En dehors du fait de me dire qu'il ne faut pas mettre d'espace dans le libellé, y a-t-il une raison, une explication, un palliatif à ce "phénomène" ? ou ai-je rêvé tout simplement?

Je vous remercie.
Marcel Marie

[Muchos]

Ahah! Quelle plume!
Ne mettant pas d'espace dans les noms de fichiers (on comprend pourquoi ), j'ai tout de même testé sous LAMPP (Wamp pour Linux).
Pour une image nommée "foo bar.jpg":

• <img alt="" src="foo%20bar.jpg" /> fonctionne;
• <img alt="" src="foo bar.jpg" /> fonctionne.

[Bisûnûrs]

j'ai remarqué hier que les images ayant un espace dans leur libellé ne s'affichent pas

Y a pas de raison. La vérité vient d'ailleurs.

[marcel marie]

Bonjour,
Effectivement c'est curieux.
Alors j'explique un peu au cas où une idée viendrait à naître.
Mon "phénomène" se produit aussi bien en local que sur le site.
Ces images sont dans un répertoire avec la hiérarchie suivante :
* répertoire de l'application avec tous les scripts
** s/répertoire général appelé "photos"
*** s/répertoire pour un utilisateur "client"
**** s/répertoire des photos d'un événement "mariage" et c'est donc là que se trouvent les images que je veux afficher.

Pour l'essai et la mise au point de l'application mes images étaient des images d'appellation simple, écrite simplement avec éventuellement des _ mais aucun "blanc".

Alors tout se passe bien et je passe à la dure réalité.
L'image ne s'affiche pas mais le programme la connait puisqu'il m'indique son nom, ses dimensions, son type et il me met le cadre exact de l'image, cadre vide.

Je fais divers essais et à un certain moment je fais défiler les images les unes après les autres en cliquant sur <suivant>, et tout à coup c'est la surprise puisqu'une image s'affiche aussi bien dans le sens montant (photo suivante) que dans le sens descendant (photo précédente).

Qu'avait donc cette photo qui lui valait "tant d'égards" ? sa taille? son âge ? son type ? ... rien de tout cela.

Puisque le chemin pour y accéder est paramétré par le client et l'événement et que je passe l'information par une variable je demande l'affichage de l'image par son nom en clair et ça marche .. je fais l'essai avec une autre image et ça marche aussi etc ... où était donc la différence? Je me rends compte que l'image d'origine a un espace entre son nom affecté par l'appareil photo et l'ordre de la photo mis par l'utilisateur (pas évident à voir cet espace blanc !!)
J'ai supprimé ce "blanc" à toutes les photos et tout va bien.
Je mets cet espace dans mes photos d'essai et ça ne s'affiche plus.
Je positionne cet espace n'importe où dans le nom et c'est l'échec.
J'écris des noms plus ou moins longs et rien ne s'affiche dès lors qu'il y a un espace.

C'est vrai que ce n'est pas normal. Mais Pourquoi ? profondeur de positionnement du répertoire de la photo par rapport à la racine ?!

J'arrête les essais puisqu'il y a une solution, mais c'est curieux. Le _ remplacera l'espace. C'est un petit travail dès lors que les photos ont déjà été renommés avec l'espace.

Bon réveillon et Bonne année 2014.
Merci.

Marcel Marie

[Bovino]

Tu as peut-être "oublié" de mettre des quotes autour de la valeur de l'attribut src...
Mais bon, sans code, c'est un peu difficile de t'aider

[Bisûnûrs]

et à un certain moment je fais défiler les images les unes après les autres en cliquant sur <suivant>

Mais par quelle magie satanique ?

[Muchos]

Mais bon, sans code, c'est un peu difficile de t'aider

Pour compenser, les messages sont en mode verbeux ^^

[marcel marie]

Hello, meilleurs voeux à vous pour 2014, espérant que j'aurais moins de questions à vous poser. MAIS cela serait de mauvaise augure pour moi !!!
** à Muchos : ce qui se conçoit bien s'énonce clairement et en écrivant des choses on se rend compte parfois de bêtises, ça oblige à mieux réfléchir.

** à Bisunurs : c'est un programme inédit écrit en php/html, pour afficher les photos de la famille

** à Bovino : la position des " ne doit pas changer grand chose puisque ça marche ou non selon l'absence ou la présence d'un espace.

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
$renom = "photos/gwenael/bidonanni/Anniversaire_a_Mareil 1.jpg";
--- ceci ne marche jamais pour un libellé avec espace ---
<img style="width: <?php echo"$wl"."px"; ?>; height: <?php echo"$wh"."px";?>; alt="la première" src=<?php echo "$renom";?> />  
<img style="width: <?php echo"$wl"."px"; ?>; height: <?php echo"$wh"."px";?>; alt="la première" src=<?php echo $renom;?> /> 
--- ceci ne marche pas
<img style="width: <?php echo"$wl"."px"; ?>; height: <?php echo"$wh"."px";?>; alt="la première" src="photos/gwenael/bidonanni/Anniversaire_a_Mareil 1.jpg"> /> 
--- ceci est bon, le nom du répertoire n'intervient donc pas
<img style="width: <?php echo"$wl"."px"; ?>; height: <?php echo"$wh"."px";?>; alt="la première" src="photos/gwenael/bidonanni/Anniversaire_a_Mareil1.jpg"> /> 
<img style="width: <?php echo"$wl"."px"; ?>; height: <?php echo"$wh"."px";?>; alt="la première" src="photos/gwenael/annecy/IMG_20130717_113638.jpg"> /> 
<img style="width: <?php echo"$wl"."px"; ?>; height: <?php echo"$wh"."px";?>; alt="la première" src="photos/gwenael/bidonanni/IMG_20130717_113638.jpg"> />

Et voilà ...
Et si, tout simplement, Windows se souvenait que DOS nacceptait pas d'espace dans le nom d'un fichier !!!!!! Sans vraie raison au souci, j'arrête donc cette discussion.
Bonne journée.
MERCI.

Marcel Marie

[Bovino]

la position des " ne doit pas changer grand chose puisque ça marche ou non selon l'absence ou la présence d'un espace.

Ben si justement !
D'ailleurs, si tu faisais un minimum de débogage avant de poster, tu pourrais voir dans la console des outils de développement les conséquences de ton erreur.

En HTML, les quotes autour des valeurs d'attribut sont optionnelles uniquement si cette valeur ne comporte ni espace ni caractère pouvant être interprété, sinon, le moteur HTML considérera le premier espace rencontré comme la fin de la valeur de l'attribut.
De ce fait, quand tu écris

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src=foo bar.jpg>

c'est interprété dans le navigateur comme

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="foo" bar.jpg>

donc l'adresse est fausse et l'image ne s'affiche pas.

[marcel marie]

Merci,
mais alors pourquoi la ligne 3 de mes exemples ne fonctionne pas ? car c'est bien entouré de " et il y a un espace dans le nom du fichier ....

Par ailleurs j'aimerais bien savoir comment on fait du debogage avec ces logiciels ?

Elle est où? elle apparaît où?

la console des outils de développement ...

Cela, je ne sais pas faire mais dès que je le saurai, je ne manquerai pas de m'en servir.

Merci encore.

Marcel Marie

[Bovino]

Conformément à Important : Les règles incontournables d'utilisation de ce forum il faudrait que tu montres le code HTML généré, le PHP n'est d'aucune utilité ici et peut masquer certaines erreurs possibles...

Les infirmations données dans Comment déboguer un script JavaScript ? sont aussi valables pour inspecter le code HTML. Sinon, tu peux aussi utiliser un validateur (par exemple celui du W3C) pour vérifier que ton code HTML ne contient pas d'erreur.

[Invité]

Tu as peut-être "oublié" de mettre des quotes autour de la valeur de l'attribut src...
Mais bon, sans code, c'est un peu difficile de t'aider

@Bovino : bien vu ! et sans voir code en plus ! Respect !!

Bonjour Marcel Marie, et bonne année,

[mode verbiage]
Ne pense pas que j'ai une dent contre toi mais...
Tant que tu penseras "tant que ça marche, je ne fais rien...", tu seras confronté à des erreurs qui peuvent être très simplement corrigées en acceptant d'écrire "proprement" le code, c'est-à-dire en suivant les règles.
Ce n'est pas le code qui va se plier à ta volonté.
Et ce n'est pas pour rien que des règles de normalisation sont mises en place...
[/mode verbiage]

Si je reprends ton exemple (ligne 3) :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

<img style="width: <?php echo"$wl"."px"; ?>; height: <?php echo"$wh"."px";?>; alt="la première" src=<?php echo "$renom";?> />

Ca donne en "code html généré" :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<img style="width: 300px; height: 200px; alt="la première" src=nom image avec espace.jpg />

Vois-tu maintenant le problème, ou toujours pas ?
Il manque plusieurs ", d'autres sont en trop (ou inutiles).
Et tu sembles confondre le rôle de ceux du code PHP avec ceux du code html.

L'écriture correcte :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

<img style="width: <?php echo $wl; ?>px; height: <?php echo $wh; ?>px;" alt="la première" src="<?php echo $renom;?>" />

Ce qui donne en "code html généré" :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<img style="width: 300px; height: 200px;" alt="la première" src="nom image avec espace.jpg" />

Compare les colorations syntaxiques (mise en couleur du code).

Je t'invite donc à lire quelques tutoriels récents, afin de remettre ton code à niveau.

Il me semble avoir lu qu'avant la retraite, tu étais artisan... boulanger (?).
Il est tmeps de remettre la main à la pâte : tu as du pain sur la planche !

[Bisûnûrs]

J'ai jamais compris aussi l'intérêt d'entourer une variable de guillemets, genre :

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

echo "$toto";

[NoSmoking]

Bonjour à tous et bonne année.

Pourquoi ne pas en profiter pour user de urlencode($renom)?

[Bisûnûrs]

@NoSmoking : Tu ne peux pas utiliser urlencode() ou rawurlencode() sur toute l'URL. Les / seront remplacés par %2F (entre autres) et le lien ne fonctionnera plus.

[NoSmoking]

Je sous entendais (!) le nom du fichier uniquement!

[Bovino]

le lien ne fonctionnera plus

En même temps, il ne fonctionne déjà pas, donc c'est pas bien grave...
Désolé, je suis en mode taquin ce matin...

[marcel marie]

Réponse à Jreaux62

Merci et effectivement ça marche. C'est mon fils qui va être content car il va être dispensé de renommer ses fichiers.

Pour ceci :

Tant que tu penseras "tant que ça marche, je ne fais rien...",

je confirme ma position car j'ai trop souvent vu des (jeunes) gens s'auto-alimenter en travail en essayant d'être au top de la façon de faire. Ce qui est souvent inutile ...
Par contre si j'apprends de nouvelles choses je les applique avec plaisir surtout si ça s'avère plus efficace. Il faut toujours appliquer les nouveautés avec discernement ... et ne pas revenir en arrière "ce qui est fait .. est fait" quoi qu'on fasse.

Par contre, et c'est ainsi que je suis preneur de la façon de faire pour obtenir le code html généré. Cela me sera certainement utile pour ce que je ferai de nouveau, surtout si ça ne fonctionne pas.

Merci pour tout et surtout ce dernier point.

Marcel Marie

[Invité]

...en essayant d'être au top de la façon de faire....

Tu remarqueras que j'ai (volontairement) utilisé l'expression "remettre ton code à niveau", et non "être au top".

Et suffit simplement d'écrire le code "de la bonne manière" :

• de ne pas oublier des "" pour les attributs (par exemple)
• de ne pas oublier la fermeture d'une balise
• ...

Et aussi de penser qu'un site internet est destiné à être vu/lu par d'autres, et qu'ils ont le choix du navigateurs.
Les navigateurs acceptant de moins en moins les "petites erreurs" d'écriture...

Le fait est que cette discussion prouve que j'ai raison, et que t'entêter ne fera que t'amener à ouvrir d'autres discussions, pour des problèmes similaires...

[marcel marie]

Justement pour éviter ce que tu dis et que tu envisages, j'attends ta réponse à ma question :

je suis preneur de la façon de faire pour obtenir le code html généré.

Le reste est pratique certes mais aussi philosophique.
Donc j'attends la réponse.

Moi, personnellement, j'aime bien que les gens aient raison ...

Merci.

Marcel Marie