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