Discussion :

[elixes19]

Bonjour,

Je dois réaliser un fichier HTML grâce à un fichier XSL qui fait appel à du XML.

C'est un catalogue de piscines qui reprend automatiquement les données du fichier XML grâce à un template "photo" et donc qui crée lui même les div par rapport au nombre de piscines qui sont dans le fichier XML. (div id catalogue qui contient Xdiv class photo en fonction du nombre)

J'ai bien encodé le fichier XSL et le fichier XML en UTF-8 (XML : <?xml version="1.0" encoding="UTF-8"?> et XSL : <?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="2.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" xmlns:xs="http://www.w3.org/2001/XMLSchema" xmlns:fn="http://www.w3.org/2005/xpath-functions">
<xsl:output method="html" version="1.0" encoding="UTF-8" indent="yes"/>).

Cependant lors de la transformation en HTML, les accents pètent.. (ex : PRÉSENTATION) et du coup je ne comprends pas pourquoi.. une idée ?

[ame="http://www.flickr.com/photos/82018808@N02/7603009220/"]Capture d?e?cran 2012-07-19 a? 14.04.18 | Flickr - Photo Sharing![/ame]
[ame="http://www.flickr.com/photos/82018808@N02/7603009298/"]Capture d?e?cran 2012-07-19 a? 14.03.46 | Flickr - Photo Sharing![/ame]
[ame="http://www.flickr.com/photos/82018808@N02/7603009132/"]Capture d?e?cran 2012-07-19 a? 14.04.33 | Flickr - Photo Sharing![/ame]

J'aimerais également pouvoir lui préciser un doctype, cependant quand j'ajoute le doctype dans le fichier XSL, une fois le fichier transformé en HTML, le catalogue de piscine bug complètement (juste la partie CSS des div catalogue et photo), savez-vous pourquoi ?

[ame="http://www.flickr.com/photos/82018808@N02/7603021648/"]Capture d?e?cran 2012-07-19 a? 14.16.31 | Flickr - Photo Sharing![/ame]

Dernière question, j'ai une "div id banniere" qui doit contenir ce texte en javascript : "<script type="text/javascript">
document.write("<img name='pic' src='"+pic[mis[i]]+"' title='"+pic[mis[i]]+"' alt='js'>");
</script>"

[ame="http://www.flickr.com/photos/82018808@N02/7603026706/"]Capture d?e?cran 2012-07-19 a? 14.18.00 | Flickr - Photo Sharing![/ame]

Savez-vous comment je peux écrire cette partie de code javascript en XSL ?

D'avance merci beaucoup pour votre réponse. (tous les liens sont les captures d'écran)

[polymorphisme]

Bonjour,

J'ai bien encodé le fichier XSL et le fichier XML en UTF-8 (XML : <?xml version="1.0" encoding="UTF-8"?> et XSL : <?xml version="1.0" encoding="UTF-8"?>
<xsl:stylesheet version="2.0" xmlnssl="http://www.w3.org/1999/XSL/Transform" xmlnss="http://www.w3.org/2001/XMLSchema" xmlns:fn="http://www.w3.org/2005/xpath-functions">
<xsl:output method="html" version="1.0" encoding="UTF-8" indent="yes"/>).

C'est un bon début, mais cela ne suffit pas toujours. Il faut vérifier si tes fichiers ont bien été enregistrer en prenant en charge UTF-8 et il y a peu être ton processeur XSLT à configurer, vérifier aussi éventuellement les arguments de ta ligne de commande, ...

J'aimerais également pouvoir lui préciser un doctype

C'est avec l'élément xsl:output que tu peux faire cela.

Savez-vous comment je peux écrire cette partie de code javascript en XSL ?

Utilise les éléments xsl:element et xsl:attribut si ton code est fonction de tes données.
Sinon, si ton code javascript ne change pas alors tu peux utiliser

Code :

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

1
2
 
<![CDATA[ ton code javascript ici  ]]>

[elixes19]

Bonjour,

merci pour ta réponse !

- Pour la configuration du processeur, j'utilise XML Spy comme programme et je sais pas trop où chercher, je connais pas trop, mais je vais essayer d'exporer cette piste. (ca semble pourtant jouer selon l'image ci-dessous)

[ame="http://www.flickr.com/photos/82018808@N02/7603224164/"]Capture d?e?cran 2012-07-19 a? 15.06.15 | Flickr - Photo Sharing![/ame]

- Pour le doctype, c'est justement quand je lui ajoute un doctype avec xsl:output que ca fait bugger le css :/

- Parfait mon code ne change pas, j'ai donc écrit :

<![CDATA[<script type="text/javascript">
document.write("<img name='pic' src='"+pic[mis[i]]+"' title='"+pic[mis[i]]+"' alt='js'>");
</script>]]>

Merci beaucoup

[thelvin]

- Pour la configuration du processeur, j'utilise XML Spy comme programme et je sais pas trop où chercher, je connais pas trop, mais je vais essayer d'exporer cette piste. (ca semble pourtant jouer selon l'image ci-dessous)

Il est probable que la page HTML soit bel et bien en utf-8, mais que le navigateur n'ait aucun moyen de le savoir.

Il faudrait que dans les <head>...</head> tu ajoutes :

Code :

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

<meta charset="utf-8" />

Ça devrait améliorer les choses.

- Pour le doctype, c'est justement quand je lui ajoute un doctype avec xsl:output que ca fait bugger le css :/

Attention, mettre un doctype ou ne pas en mettre, ça change pas mal de choses avec CSS.
Lis ce que tu peux trouver sur l'opposition quirks mode/standart mode, et sur le doctype-switching.
Il y a tout un monde là-dedans, mais en résumé, on ne fait pas le même CSS si on met un doctype ou si on n'en met pas.

Au passage : il faut choisir. Soit tu fais du HTML, soit du XHTML. output="html" n'est pas adapté pour faire du XHTML. Les risques ne sont pas énormes, mais il y en a.
Et soit dit en passant, le XHTML c'est dépassé. Du bon vieil HTML est plus habituel. XSLT ne peut pas générer de doctype HTML5, donc il faudra se rabattre sur un doctype HTML 4.01.

[polymorphisme]

Je n'avais pas vu qu'il y avait des liens au dessus des images

En fait, vu que utilise un navigateur, donc un serveur aussi j'imagine, c'est toute la chaîne qu'il faut érifier pour la prise en charge de l'UTF-8 : l'éditeur de XML, le fichier XML, le processeur XSLT, ton fichier HTML effectivement avec une balise meta, mais aussi l'en-tête de tes requêtes http, la prise en charge par ton navigateur (par exemple avec Firefox, Affichage >> Encodage des caractères) et éventuellement, puisque tu utilise du javascript, le code qui va avec. J'en ai oublié, mais c'est déjà pas mal

Sinon pour générer du HTML5, il faudrait, à priori utiliser :

Code :

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

1
2
3
4
5
<xsl:output
     method="xml"
     doctype-system="about:legacy-compat"
     encoding="UTF-8"
     indent="yes" />

[elixes19]

J'ai bien le <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">, donc c'est pas ça non plus je pense.

Sinon je fais bien du html4.

En fait je dois reproduire un fichier html avec le XSL. Le fichier HTML ayant comme doctype :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

J'aimerais bien pouvoir avoir le même doctype une fois la transformation XSL faite, mais c'est la que ca fait bugger le CSS.

Pour l'encodage, ce n'est pas un problème de firefox (il gère de toute facon l'UTF-8), c'est une fois que je fais la transformation avec le fichier XSL qu'un fichier HTML avec les caractères qui pètent est généré. Donc ce serait plutot dans le programme XSL, mais comme j'ai dit avant, j'ai vérifié dans les options..

Sinon y'a aussi un souci avec le javascript dans la div, il me remplace les "<" et ">" par des &lt; --'