Javascript et XSL

Version imprimable

07/06/2011, 16h27
Invité

Javascript et XSL
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:

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.
07/06/2011, 16h38
Loceka

Essaye de le mettre entre <![CDATA[ //... ]]>.
07/06/2011, 17h43
Invité

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.
07/06/2011, 19h08
polymorphisme

Bonjour,

je ne vois vraiment pas pourquoi le code :

Code:

document.write('texte');

ne passerait pas !
07/06/2011, 21h13
alain.couthures

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

-Alain
08/06/2011, 10h01
Invité

@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.
08/06/2011, 10h39
Loceka

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

Sinon je ne vois pas non plus pourquoi ça marcherait pas dans un CDATA si tout le reste du js passe...
08/06/2011, 10h55
thelvin

Citation:

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:

<xsl:output method="html"/>

document.write() remarche immédiatement.
08/06/2011, 11h35
Invité

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 = '';

Avec ce fichier style.xsl :

Code:

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:

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.

Citation:

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

+1 pour ça.

08/06/2011, 13h27
Invité
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:

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

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