Discussion :

[patatort]

Bonsoir/Bonjour

Depuis plus d'une semaine je peaufine un thème wordpress afin qu'il passe sous FF Opéra et bien sûr IE 7 + IE6.

Etant enfin parvenu à régler les derniers problèmes sous IE6, j'ai voulu voir ce que ça donnait au validateur et là patatrac 44 erreurs.

Depuis ce matin, je suis donc là-dessus et là enfin j'y suis presque puisqu'il ne me reste plus qu'une seule erreur mais autant le dire de suite je ne trouve pas ce qui ne va pas. En effet cette erreur concerne une ligne de code Javascript et bien sûr vous l'aurez compris, je n'y comprends rien

Si vous pouviez me dire ce qui cloche, ce serait vraiment sympa de votre part.

L'erreur en question se trouve aux environs de la ligne 16 soit dans le bloc ci-dessous :

Code :

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

1
2
3
4
5
6
<script type="text/javascript">
/* Optional: Temporarily hide the "tabber" class so it does not "flash"
   on the page as plain HTML. After tabber runs, the class is changed
   to "tabberlive" and it will appear. */
document.write('<style type="text/css">.tabber{display:none;}</style>');
</script>

et l'erreur retournée par le validateur est :

Line 19, Column 38: document type does not allow element "style" here.
document.write('<style type="text/css">.tabber{display:none;}</style>');

Pour peut-être mieux voir, je l'ai mis en ligne à cette adresse :
http://ac.iweb.free.fr/test_encours_0208/

Merci d'avance.

[Auteur]

bonjour,

tu essayes d'écrire des balises style entre deux balises script Ce qui revient à ça :

Code html :

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

1
2
3
4
5
6
7
8
9
 
<script type="text/javascript">
/* Optional: Temporarily hide the "tabber" class so it does not "flash"
on the page as plain HTML. After tabber runs, the class is changed
to "tabberlive" and it will appear. */
    <style type="text/css">
           .tabber{display:none;}
     </style>
</script>

[patatort]

Bonjour à tous et merci Auteur pour ta participation.

Si effectivement comme tu le dis et le validateur aussi à savoir que :
-document type does not allow element "style" here. -

cela signifie donc que cette insertion de style Css n'a rien à faire là mais si je l'enlève alors il n'y a plus rien dans ce code javascript car j'imagine que le texte qui se trouve entre les /* et */ ce n'est que du commentaire.

Je dois t'avouer que malgré ta réponse je ne sais pas trop ce qu'il faut faire ou alors il y a quelque chose que je n'ai pas saisi

J'ai bien la solution de supprimer cette partie de code. Le cadre contenant les onglets continuera de fonctionner mais ceux qui sont sous IE auront à chaque fois une fenêtre d'erreur de script et là ça ne va plus.

Nota : Quand tu dis "Tu essayes d'écrire des balises style entre deux balises script" je pense que tu auras compris que ce n'est pas moi qui ai écrit cela mais que c'était déjà présent dans le thème.

Merci

[SpaceFrog]

insère ton css ailleurs et mets des commentaires html pour le script

Code :

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

1
2
3
4
5
6
7
<script type="text/javascript">
<!--
/* Optional: Temporarily hide the "tabber" class so it does not "flash"
on the page as plain HTML. After tabber runs, the class is changed
to "tabberlive" and it will appear. */
-->
   </script>

[patatort]

Re et merci à toi SpaceFrog

insère ton css ailleurs

-----> je l'ai donc viré

et mets des commentaires html pour le script

-----> là ???? (pourquoi mettre des commentaires html apparemment tout est bon pour le html, là je coince)

Enfin toujours est-il qu'en enlevant tout ce qui concerne la balise style css cette fois le validateur passe au vert, la dernière erreur ayant disparu.

Après modification, le code ressemble donc à ceci (voir ci-dessous). Et on en a pas parlé jusqu'à maintenant mais si je me gourre pas document.write fait bien partie du code javascript car je vois que dans le message/réponse précédent il a été enlevé.

Code :

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

1
2
3
4
5
6
7
 
<script type="text/javascript">
/* Optional: Temporarily hide the "tabber" class so it does not "flash"
   on the page as plain HTML. After tabber runs, the class is changed
   to "tabberlive" and it will appear. */
document.write;
</script>

Donc si du côté validateur c'est Ok par contre IE7 et 6 persistent à ouvrir une fenêtre en disant qu'il y a une erreur à la ligne 520 puis Erreur: le type ne correspond pas.

J'étais content d'être arrivé à la compatibilité entre les navigateurs mais là c'est bien la première fois que je rencontre ce genre de difficulté. D'ailleurs comme vous pouvez vous en rendre compte depuis mon inscription c'est ma première question (ça s'arrose )

Oula, je viens juste de me rendre compte que c'était un grand Chef qui m'avait répondu en dernier.

Merci à vous deux de vous être penché sur mon problème.

[Auteur]

C'est bien pour résoudre un problème tu supprimes la ligne en question. Tu avais 44 erreurs, je me demande s'il reste quelque chose dans ta page web .


Sais-tu à quoi correspond l'instruction document.write() ? Visiblement non

Maintenant pourquoi des commentaires HTMl dans du code Javascript ?

Code html :

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

1
2
3
4
5
6
7
 
<script type="text/javascript">
<!--
 
 
//-->
</script>

pour que les (vieux, très vieux) navigateurs qui n'interprètent pas je JS n'affichent pas le code dans la page.
Commentaires HTML :

Code html :

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

1
2
 
<!-- Commentaire HTMl -->

Commentaires JS

Code javascript :

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

1
2
3
4
5
 
// Commentaire sur une ligne
 
/*Commentaire
sur plusieurs lignes :D */

[patatort]

Salut

Code :

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

Tu avais 44 erreurs, je me demande s'il reste quelque chose dans ta page web .

Manifestement tu n'as pas lu mon premier post ou alors en diagonale car il y a un lien pour voir cette page.

Code :

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

Sais-tu as quoi correspond l'instruction document.write() ? Visiblement non

Là aussi je disais dans ce premier post "une ligne de code Javascript et bien sûr vous l'aurez compris, je n'y comprends rien " donc je te confirme ne pas savoir à quoi ça sert.

Enfin bref, ce n'est pas évident de venir poser une question de ce genre dans un forum de spécialistes (que je ne suis pas désolé ).

Mais Merci tout de même d'avoir pris sur votre temps pour me répondre.

[Auteur]

Manifestement tu n'as pas lu mon premier post ou alors en diagonale car il y a un lien pour voir cette page.

je plaisantais Et j'ai bien vu ton lien

Là aussi je disais dans ce premier post "une ligne de code Javascript et bien sûr vous l'aurez compris, je n'y comprends rien " donc je te confirme ne pas savoir à quoi ça sert.

Enfin bref, ce n'est pas évident de venir poser une question de ce genre dans un forum de spécialistes (que je ne suis pas désolé ).

Tu n'as pas à être désolé, les débutants sont les bienvenus

document.write("un texte à inclure dans la page"); permet d'inclure le contenu entre parenthèses dans la page, avec une particularité : le texte est inclus dans la page à l'endroit où la fonction est appelée. Cette fonction étant du javascript, elle doit être placée entre des balises

Code :

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

1
2
3
4
5
6
7
8
 
<script type="text/javascript">
<!--
 
// ton code javascript :
 
//-->
</script>

C'est pour cette raison que ton write("<style.....") de ton code initial se retrouve "coincé" entre deux balises script.


Voici une documentation sur document.write