1633 sujets

Formats, encodage, internationalisation, XML

XSL : Code HTML non interprété

Salut a tous,

je suis encore confronté à un probleme d'affichage entre IE et FF.
Dans IE mon code HTMl (compris dans un CDATA dans le fichier XML) fest interprété, et pas sous FF.

Voici le code
<xsl:value-of select="texte" disable-output-escaping="yes"/>


Quelqu'un a une idée?
Bonjour,

Je me demande à quoi les CDATA peuvent bien te servir.

Par ailleurs le code fourni n'est ni bon ni mauvais : il n'y a pas d'erreur de syntaxe, mais comment savoir s'il convient avec si peu d'éléments relatifs à ce qui l'entoure ?
effectivement il y a peu d'élément... je balance tout.

Le fichier XML
<?xml version="1.0" encoding="windows-1252"?>
<?xml-stylesheet type="text/xsl" href="/site/index.xsl"?>
<content>
<news>
<id><![CDATA[/c02/content.nsf/page.xml?readform&id=page3dda]]></id>
<image><![CDATA[/c02/content.nsf/IsoPageLookup/page3922/$file/Finnnforest 2.jpg]]></image>
<texte><![CDATA[
<h1 style="MARGIN: 0cm 0cm 0pt"><font style="BACKGROUND-COLOR: #ffffff" color="#333399" size="2"></font></h1>
<h1 style="MARGIN: 0cm 0cm 0pt"><font style="BACKGROUND-COLOR: #ffffff" color="#333399" size="2">Des atouts majeurs pour le d&eacute;veloppement durable</font></h1>
<p style="MARGIN: 0cm 0cm 0pt">&nbsp;</p>]]></texte>
<color><![CDATA[804000]]></color>
</news>
<page>
<numero><![CDATA[1]]></numero>
<current><![CDATA[1]]></current>
</page>
</content>



Le fichier XSL
<?xml version="1.0" encoding="iso-8859-1"?> <!DOCTYPE xsl:stylesheet  [
	<!ENTITY nbsp   "&#160;">
	<!ENTITY copy   "&#169;">
	<!ENTITY reg    "&#174;">
	<!ENTITY trade  "&#8482;">
	<!ENTITY mdash  "&#8212;">
	<!ENTITY ldquo  "&#8220;">
	<!ENTITY rdquo  "&#8221;"> 
	<!ENTITY pound  "&#163;">
	<!ENTITY yen    "&#165;">
	<!ENTITY euro   "&#8364;">
]>



<xsl:stylesheet 
version="1.0" 
xmlns:xsl="http://www.w3.org/1999/XSL/Transform" 
xmlns:xhtml="http://www.w3.org/1999/xhtml">

<xsl:output 
method="html" version="1.0" indent="yes" encoding="ISO-8859-1" 
doctype-public = "-//W3C//DTD XHTML 1.0 Strict//EN" 
doctype-system = "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" />                  
  
  
<xsl:template match="/">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr"> 



	<head>
<title> Multispécialiste, Isoroy est un partenaire préférentiel sur le marché des panneaux de bois.</title>
<meta name="description"  content=" Conception, fabrication et vente de panneaux de bois et dérivés pour l'ameublement, l'agencement, la construction, et la décoration." />
<meta name="keywords" lang="français" content=" panneau base bois, panneau particule, fibre de bois, panneau de fibre bois, panneau m1, fournisseur panneau, industriel panneau, isolant acoustique, isolant phonique, isolant naturel, isolant ecologique, isolant thermique, isolation toiture, isolation sol, sous couche parquet, sous couche plancher, isotoit, isorel, thermisorel, stepisorel, phaltex, isolation fibre de bois, lameply, pyroply, triply, osb 2, osb 3, osb 4, osb m1, ossature bois, Novoplac, contreventement, panneau agencement, legium, medium hydrofuge, medium ignifuge, composant meuble, panneau decoratif, panneau hydrofuge, panneau ignifuge, panneau laqué, panneau melamine, panneau stratifie, stratifié, topan, medium teinte, essences fines." />

		<link rel="stylesheet" type="text/css" href="/site/panneaux/script-www/webv2.css" />
		<link rel="stylesheet" type="text/css" media="screen" title="Style" href="/site/_css/styles_home.css" />
        <script language="JavaScript" src="/site/_js/scripts.js" type="text/javascript"></script>
	</head>

<body>
<!-- Debut de conteneur_site -->
		<div id="conteneur_site">
			<!-- Debut de conteneur_entete -->
			<div id="conteneur_entete">
				<!-- Debut de conteneur_entete_logo -->
				<div id="conteneur_entete_logo">
					<a href="/site/index.htm"><img src="/site/_images/interface/logo.gif" alt="Home" width="208" height="40" border="0" /></a>
				</div>
				<!-- Fin de conteneur_entete_logo -->
				<!-- Debut de conteneur_entete_menu -->
				<div id="conteneur_entete_menu">
					<p><a href="http://www.sonae-industria-tafisa.com/" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image86','','/site/_images/interface/menu_home_right/bt_sonae_industria_on.gif',1)"><img class="lien_image" src="/site/_images/interface/menu_home_right/bt_sonae_industria.gif" alt="Sonae industria" name="Image86" width="121" height="15" /></a></p>
					<p><a href="http://www.novolam.com/" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image87','','/site/_images/interface/menu_home_right/bt_novolam_on.gif',1)"><img class="lien_image" src="/site/_images/interface/menu_home_right/bt_novolam.gif" alt="Novolam" name="Image87" width="111" height="17" /></a></p>
					<p><a href="http://www.isoroy.fr/__C1256E5B0030150F.nsf/" target="_blank" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image88','','/site/_images/interface/menu_home_right/bt_phototheque_on.gif',1)"><img class="lien_image" src="/site/_images/interface/menu_home_right/bt_phototheque.gif" alt="Photothèque" name="Image88" width="111" height="17" /></a></p>
					<p><a href="/site/presse/index.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image89','','/site/_images/interface/menu_home_right/bt_presse_on.gif',1)"><img class="lien_image" src="/site/_images/interface/menu_home_right/bt_presse.gif" alt="Presse" name="Image89" width="142" height="17" /></a></p>
				</div>
				<!-- Fin de conteneur_entete_menu -->
			</div>
			<!-- Fin de conteneur_entete -->
			<!-- Debut de conteneur_home -->
			<div id="conteneur_home">
				<!-- Debut de conteneur_home_gauche -->
				<div id="conteneur_home_gauche">
					<!-- Debut de conteneur_home_actualite -->
					<div id="conteneur_home_actualite">
						<p><a href="/site/actualites/news/index.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image76','','/site/_images/home/rub_news_on.gif',1)"><img class="home_actualite_menu" src="/site/_images/home/rub_news.gif" alt="News" name="Image76" width="136" height="10" /></a></p>
						<p><a href="/site/actualites/revue_presse/index.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image77','','/site/_images/home/rub_revue_presse_on.gif',1)"><img class="home_actualite_menu" src="/site/_images/home/rub_revue_presse.gif" alt="Revue de presse" name="Image77" width="136" height="10" /></a></p>
					</div>
					<!-- Fin de conteneur_home_actualite -->
					<!-- Debut de conteneur_home_activites -->
					<div id="conteneur_home_activites">
						<p><a href="/site/activites/produits/index.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image78','','/site/_images/home/rub_produits_appli_on.gif',1)"><img class="home_activites_menu" src="/site/_images/home/rub_produits_appli.gif" alt="Produits applications" name="Image78" width="136" height="23" /></a></p>
						<p><a href="/site/activites/reseau_commercial/index.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image79','','/site/_images/home/rub_reseau_commercial_on.gif',1)"><img class="home_activites_menu" src="/site/_images/home/rub_reseau_commercial.gif" alt="Réseau commercial" name="Image79" width="136" height="23" /></a></p>
					</div>
					<!-- Fin de conteneur_home_activites -->
					<!-- Debut de conteneur_home_corporate -->
					<div id="conteneur_home_corporate">
						<p><a href="/site/corporate/entreprise/index.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image80','','/site/_images/home/rub_entreprise_on.gif',1)"><img class="home_corporate_menu" src="/site/_images/home/rub_entreprise.gif" alt="L'entreprise" name="Image80" width="136" height="10" /></a></p>
						<p><a href="/site/corporate/sites/index.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image81','','/site/_images/home/rub_sites_on.gif',1)"><img class="home_corporate_menu" src="/site/_images/home/rub_sites.gif" alt="Les sites" name="Image81" width="136" height="10" /></a></p>
						<p><a href="/site/corporate/developpement_durable/index.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image82','','/site/_images/home/rub_dev_durable_on.gif',1)"><img class="home_corporate_menu" src="/site/_images/home/rub_dev_durable.gif" alt="Développement durable" name="Image82" width="136" height="22" /></a></p>
						<p><a href="/site/corporate/communication_financiere/index.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image83','','/site/_images/home/rub_com_financiere_on.gif',1)"><img class="home_corporate_menu" src="/site/_images/home/rub_com_financiere.gif" alt="Communication financière" name="Image83" width="136" height="22" /></a></p>
					</div>
					<!-- Fin de conteneur_home_corporate -->
					<!-- Debut de conteneur_home_carrieres -->
					<div id="conteneur_home_carrieres">
						<p><a href="/site/carrieres/politique/index.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image84','','/site/_images/home/rub_politique_on.gif',1)"><img class="home_carrieres_menu" src="/site/_images/home/rub_politique.gif" alt="Notre politique" name="Image84" width="136" height="10" /></a></p>
						<p><a href="/site/carrieres/emplois/index.htm" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image85','','/site/_images/home/rub_emplois_on.gif',1)"><img class="home_carrieres_menu" src="/site/_images/home/rub_emplois.gif" alt="Emplois et stages" name="Image85" width="136" height="10" /></a></p>
					</div>
					<!-- Fin de conteneur_home_carrieres -->
					<!-- Debut de conteneur_home_docservice -->
					<div id="conteneur_home_docservice">
						<a href="/site/docs_service/index.htm"><img class="lien_image" alt="" src="/site/_images/home/bt_doc_service.gif" width="177" height="108" /></a>
					</div>
					<!-- Fin de conteneur_home_docservice -->
					<!-- Debut de conteneur_home_maison_3d -->
					<div id="conteneur_home_maison_3d">
						<a href="javascript:ouverture_fenetre('/site/maison_3d/animation_maison_3d.html', 'maison_3d', '605', '595', 0, 0, 0, 0, 0, 0, 0, 0, 0, 1);"><img class="lien_image" alt="" src="/site/_images/home/deco_3d.gif" width="179" height="108" /></a>
					</div>
					<!-- Fin de conteneur_home_maison_3d -->
				</div>
				<!-- Fin de conteneur_home_gauche -->
				<!-- Debut de conteneur_home_droite -->
				<div id="conteneur_home_droite">
					<!-- Debut de conteneur_home_animation_flash -->
					<div id="conteneur_home_animation_flash">
						<object type="application/x-shockwave-flash" data="/site/_images/home/anim_home.swf" style="width:430px;height:342px">
							<param name="movie" value="/site/_images/home/anim_home.swf" />
							<param name="menu" value="false" />
							<param name="quality" value="best" />
							<param name="bgcolor" value="#FFFFFF" />
						</object>
					</div>
					<!-- Fin de conteneur_home_animation_flash -->
					<!-- Debut de conteneur_home_informations -->
					<div id="conteneur_home_informations">
                    
                         <!-- BEGIN FOR -->
                        <xsl:for-each select="content/news"> 

                          <table width="100%" cellpadding="0" cellspacing="0" border="0">
                             <tr>
                               <td align="right" class="OtherNews">
                                 <a href="/site/actualites/news/index.htm"><img src="/site/_images/home/bt_autres_news.gif" alt="Voir les autres news" name="Image80news" width="135" height="14" border="0" /></a>    
                               </td>
                             </tr>
                             <tr>
                               <td align="center" height="83"> 
                               <xsl:attribute name="STYLE">
                                       background-image:url(<xsl:value-of select="image" />); 
                               </xsl:attribute>

                                            <strong>
                                                <a>
                                                <xsl:attribute name="HREF"><xsl:value-of select="link" /></xsl:attribute>
                                                  <font size="1">
                                                  <xsl:attribute name="COLOR"><xsl:value-of select="color" /></xsl:attribute>
                                                    
                                                    
                                                    <xsl:value-of select="texte" disable-output-escaping="yes"/>
                                                    
                                                  
                                                   </font> 
                                                </a>
                                            </strong>
                                  
                               </td>
                             </tr>
                           </table>
                            
                         </xsl:for-each>
                         <!-- END FOR -->                       


					</div>
					<!-- Fin de conteneur_home_informations -->
				</div>
				<!-- Fin de conteneur_home_droite -->
			</div>
			<!-- Fin de conteneur_home -->
			<!-- Debut de conteneur_pied_de_page -->
			<div id="conteneur_pied_de_page">
				<p><a href="/site/plans/index.htm">PLAN DU SITE</a> | <a href="/site/plans/plan_acces.htm">PLAN D'ACCES</a> | <a href="http://www.isoroy.biz" target="_blank">ISOROY.BIZ</a> | <a href="/site/contacts/index.htm">CONTACTS</a> | COPYRIGHT <a href="/site/panneaux/index.htm" class="lienplan">ISOROY</a> 2005</p>
			</div>
			<!-- Fin de conteneur_pied_de_page -->
		</div>
		<!-- Fin de conteneur_site -->
</body>
</html>

</xsl:template>
</xsl:stylesheet>


merci Smiley cligne
Je ne vois pas de différence entre FF et IE6.

Cependant ton code est très verbeux cette fois ci. Il contient en particulier des références à des images et des scripts externes, ce qui ne permet pas d'avoir la même vision que toi.

Si tu veux vraiment que quelqu'un regarde, essaye de bâtir un exemple complet (xsl et xml complets) mais se limitant à 1 ou 2 éléments en sortie, sans objets externes (script ou autre), permettant de mettre en évidence le problème.

Sinon je confirme que les CDATA sont inutiles, et contraires aux bonnes pratiques.
Enfin tu génères du code invalide car en XHTML strict la balise <font> n'existe pas.
Ah, j'ai exactment le même problème !!! Smiley biggol

Sous IE, le code HTML dans mes CDATA est interprété. Par contre, sous Firefox, il est affiché tel quel. J'ai essayé de triturer un peu "tiens, on enlève les CDATA, on encode les specialchars, on les décode, etc.", mais rien de satisfaisant. La seule chose que j'ai réussi à faire, c'est afficher juste le texte et pas les balises et c'est pas du tout ce que je veux ! Smiley confus

Je ne comprends pas. Smiley bawling

Feignasse en désespoir. Smiley decu
Bonjour Feignasse,

Je te conseille d'ouvrir un nouveau sujet relatif à ton problème, et de l'exposer à l'aide d'un exemple XML+XSL court et représentatif de ce qui coince, sans oublier la description du contexte (d’où vient le XML, qui le transforme, etc…)
Sujet clos
Aller à