JavaScript et XHTML ?

p4bl0 · 22 Novembre 2006

Bonjour !

J'ai un petit problème : aucun javascript ne peut s'exécuter si je déclare le "Content-type" de mes pages web comme étant "application/xhtml+xml"...

Mon site est valide XHTML 1.1 et passe dans un parseur xml sans problème, mais le javascript ne marche pas sauf si je met le Content-type à "text/html"...

Je comprend pas. Quelqu'un aurait-il une explication ?

Anonyme · 22 Novembre 2006

Comme le xhtml 1.1 est obligatoirement du xml tu dois utiliser la section CDATA
pour éviter que la navigateur cherche à interpréter les éventuels codes html dans ton javascript.

Bloc de code:

<script type="text/javascript" >
[B]//<![CDATA[[/B]
  ...

// ]]>
</script>

P.S. : XHTML 1.1 tu aimes la difficulté.

p4bl0 · 22 Novembre 2006

gloup gloup a dit:
Comme le xhtml 1.1 est obligatoirement du xml tu dois utiliser la section CDATA
pour éviter que la navigateur cherche à interpréter les éventuels codes html dans ton javascript.

Bloc de code:

<script type="text/javascript" > [B]//<![CDATA[[/B] ... // ]]> </script>

P.S. : XHTML 1.1 tu aimes la difficulté.

Je sais pas si j'aime la difficulté ou si je suis trop geek pour me résigner à ne pas utiliser la dernière norme... :rateau:

Mes scripts sont tous dans des fichiers séparés (<srcipt src="..." type="text/javascript"></script>)

Le truc c'est que j'utilise une lib php pour faire du AJAX qui génère automatiquement le script donc je vais voir pour modifier la classe php que j'utilise, c'est opensource donc j'ai le droit

En tout cas merci, j'y avais même pas pensé... :casse:

PIAF: vous devriez gnagnagna avant d'en offrir de nouveau à gloup gloup...

p4bl0 · 22 Novembre 2006

Voilà j'ai poster ce qu'il faut faire sur leur wiki : http://wiki.xajaxproject.org/Tips_and_Tricks:Using_xajax_with_xhtml1.1

Si quelqu'un peut corriger les fautes d'anglais ça serait cool pour eux :siffle:

edit : par contre c'est bien mieux au niveau validité xml mais ça marche toujours pas en fait...

edit2 : y a plus que la recherche live qui marche pas en fait

edit 3 : ah ben non y a rien qui marche... en fait c'est assez aléatoire, sauf pour le recherche qui ne marche jamais.

p4bl0 · 22 Novembre 2006

sinon tant pis je n'ai qu'à mettre

Bloc de code:

header("Content-type: text/html; charset=utf-8");

à la place de

Bloc de code:

header("Content-type: application/xhtml+xml; charset=utf-8");

c'est dommage mais bon...

EDIT :
Après plusieurs test, je vois qu'en fait, le fait de mettre le script entre <![CDATA[ et ]]> n'améliore rien, c'est encore pire, il y a des fois ou ça ne marche pas même en text/html...

donc je vais laisser tel que c'est maintenant et mettre text/html comme content-type

edit 2 : du coup je supprime la page du wiki de xajax

Anonyme · 22 Novembre 2006

J'ai trouvé ça (passage en 1.0 si pas 1.1) :

Bloc de code:

<?
if(stristr($_SERVER["HTTP_ACCEPT"],"application/xhtml+xml")){
header("Content-Type: application/xhtml+xml; charset=UTF-8");
echo('<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" 

"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">');
} else {
header("Content-Type: text/html; charset=UTF-8");
echo ('<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">');
}
?>

source

Anonyme · 22 Novembre 2006

p4bl0 a dit:
EDIT :
Après plusieurs test, je vois qu'en fait, le fait de mettre le script entre <![CDATA[ et ]]> n'améliore rien, c'est encore pire, il y a des fois ou ça ne marche pas même en text/html...

donc je vais laisser tel que c'est maintenant et mettre text/html comme content-type

Ah faut faire un mix en fait (j'ai hésité entre ça ou l'autre et j'ai posté la mauvaise solution).

Bloc de code:

<script type="text/javascript" >
[B]<!--/*--><![CDATA[//><!--[/B]
  ...
[B]//--><!]]>[/B]
</script>

source (fin de l'article)

p4bl0 · 22 Novembre 2006

gloup gloup a dit:
Ah faut faire un mix en fait (j'ai hésité entre ça ou l'autre et j'ai posté la mauvaise solution).

Bloc de code:

<script type="text/javascript" > [B]<![CDATA[//><!]]>[/B] </script>

source (fin de l'article)

Mais c'est propre ce genre de commentaire là ?
c'est pas un peu foireux comme truc ?

edit : Je viens de voir que c'est conseillé par OpenWeb, ça doit être bien alors... j'essaye
edit 2 : ça marche bien si je laisse text/html, mais ça ne marche pas plus si je met application/xhtml+xml

Anonyme · 22 Novembre 2006

Dans l'article, pour que ça marche bien à tous les coups, il conseille de le mettre dans un fichier séparé :

Bloc de code:

<script type="text/javascript" src="nom_de_mon_fichier.js"></script>

Ah, il écrit le CDATA autrement, le problème vient peut-être de là :

Bloc de code:

<script type="text/javascript">
<![CDATA[

function valider(){
  // si la valeur du champ prenom est non vide
  if(document.formSaisie.prenom.value != "") {
    // les données sont ok, on peut envoyer le formulaire    
    return true;
  }
  else {
    // sinon on affiche un message
    alert("Saisissez le prénom");
    // et on indique de ne pas envoyer le formulaire
    return false;
  }
}

]]>
</script>

p4bl0 · 22 Novembre 2006

gloup gloup a dit:
Dans l'article, pour que ça marche bien à tous les coups, il conseille de le mettre dans un fichier séparé :

Bloc de code:

<script type="text/javascript" src="nom_de_mon_fichier.js"></script>

Oui j'ai vu, mais je ne peux pas, le javascript en question est généré à l'appelle de la page, si je veux le mettre dans un fichier séparé, il faudrait que j'écrive le fichier à chaque chargement de page, ce qui n'est pas envisageable.

En tout cas merci pour tes réponses !!

mais vBull' y veut pas qu'j'te boul'...

C'est pas grave je vais laisser comme ça, l'essentiel c'est que ça marche

JavaScript et XHTML ?

p4bl0

Membre expert

Anonyme

Invité

p4bl0

Membre expert

p4bl0

Membre expert

p4bl0

Membre expert

Anonyme

Invité

Anonyme

Invité

p4bl0

Membre expert

Anonyme

Invité

p4bl0

Membre expert

Sujets similaires