Javascript et XSL

Invité · 07/06/2011, 16h27

Bonjour à tous.

Je débute en XSL. Je souhaite transformer un document XML en un document XHTML à l'aide d'une feuille XSL. Et ma page XHTML utilise du Javascript.

Or, si j'appelle un fichier .JS entre les balises <head> (comme ci-dessous), il n'y a aucun problème.

Code :

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

1
2
3
4
 
<head>
    <script type="text/javascript" src="script.js"></script>
</head>

En revanche, si j'ajoute du Javascript entre les balises <script> (celles de <head> ou d'autres <script type="text/javascript"></script> dans la page), le Javascript n'est pas pris en compte, voire génère des erreurs, notamment lorsqu'il contient les signes < ou >.

Dans ce dernier cas, mon navigateur affiche :
"Erreur d'analyse XML : mal formé" etc.

Pourtant le CSS ne me pose pas ce problème, je peux en placer où je veux.

Est-il normal que le XSL ne traite pas le Javascript inclus dans la page?
Y a-t-il un moyen de régler ce problème ou suis-je condamné à utiliser un fichier externe?

Merci.

**Loceka** · 07/06/2011, 16h38

Essaye de le mettre entre <![CDATA[ //... ]]>.

Invité · 07/06/2011, 17h43

Merci pour cette réponse Loceka.

L'utilisation de la balise CDATA semble fonctionner.

A l'exception de document.write('texte');, pour ce que j'ai pu tester pour l'instant.

Merci encore.

**polymorphisme** · 07/06/2011, 19h08

Bonjour,

je ne vois vraiment pas pourquoi le code :

Code :

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

document.write('texte');

ne passerait pas !

**alain.couthures** · 07/06/2011, 21h13

document.write n'est pas autorisé en XHTML car il faut utiliser le DOM pour bien respecter la structure.

-Alain

Invité · 08/06/2011, 10h01

@polymorphisme : Moi non plus je ne vois pas pourquoi document.write() pose problème.

@alain.couthures : Et le XHTML ne semble pas poser de problème : dans un fichier XHTML au format .HTML, il n'y a aucun problème pour utiliser cette fonction.

**Loceka** · 08/06/2011, 10h39

De tout façon c'est mal d'utiliser document.write() alors ça te fait une bonne raison de t'en passer.

Sinon je ne vois pas non plus pourquoi ça marcherait pas dans un CDATA si tout le reste du js passe...

**thelvin** · 08/06/2011, 10h55

Envoyé par kéraunos

@alain.couthures : Et le XHTML ne semble pas poser de problème : dans un fichier XHTML au format .HTML, il n'y a aucun problème pour utiliser cette fonction.

Avec une emphase sur semble.

En réalité, les navigateurs traitent généralement le XHTML comme si c'était du HTML 4.01, parce que son content-type déclaré est le text/html rétrocompatible, et non pas application/xml ni application/xhtml+xml.

Généralement, mais là le XHTML est généré avec une stylesheet, qui par défaut produit du XML, au content-type application/xml.
Pour le navigateur, c'est donc bien du XML et non pas du HTML 4.01, et document.write() est désactivée pour respecter la structure.

Test simple : ajouter

Code :

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

<xsl:output method="html"/>

document.write() remarche immédiatement.

Invité · 08/06/2011, 11h35

Thelvin, sur Safari 5 et Firefox 4 en tout cas, l'ajout de la balise <xsl:output> (avec le doctype complet ou juste la 'method' html) ne change rien : document.write(); ne fonctionne pas.

Mais bon, je me fais une raison: mieux vaut utiliser document.getElementById().innerHTML = '';

**thelvin** · 08/06/2011, 12h18

Avec ce fichier style.xsl :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<xsl:stylesheet version="1.0"
  xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
 
  <xsl:output method="html"/>
 
  <xsl:template match="/">
    <html xmlns="http://www.w3.org/1999/xhtml">
      <head>
        <script><![CDATA[
          window.onload = function() {
            try {
              document.write('<p>Hello World!</p>');
            } catch(e) {
              alert(e);
            }
          };
        ]]></script>
      </head>
      <body>
      </body>
    </html>
  </xsl:template>
 
</xsl:stylesheet>

Et en ouvrant ce fichier :

Code :

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

1
2
3
<?xml version="1.0"?>
<?xml-stylesheet type="text/xml" href="style.xsl"?> 
<root/>

Firefox 4 affiche Hello World sans problème.

Vire le <xsl:output> et tu as un alert() disant que document.write() n'existe pas.

Mais bon, je me fais une raison: mieux vaut utiliser document.getElementById().innerHTML = '';

+1 pour ça.

Invité · 08/06/2011, 13h27

Au temps pour moi, ton code fonctionne.

Les dysfonctionnements provenaient certainement de mon mauvais usage du Javascript, puisqu'au lieu de placer dans <head> une fonction s'exécutant à l'ouverture de la page comme tu l'as fait, je plaçais mon script dans <body> de la manière suivante :

Code :

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

1
2
3
4
5
6
7
8
 
<body>
	<script type="text/javascript">
		<![CDATA[
		document.write('<p>Hello World!</p>');
		]]>
	</script>
</body>

**thelvin** · 08/06/2011, 13h32

Ah tiens, en effet. Mais cela ressemble à un bug, ou du moins une limitation, des navigateurs.

Javascript et XSL

XSL/XSLT/XPATH XML

Discussions similaires

Partager

Partager