DOCTYPE et javascript

Version imprimable

Après de multiples tatonnements et quelques post sur ce forum, j'ai réussi à faire ce que je voulais avec CSS Javascript et le HTML et suis arrivé à cette conclusion :

pour pouvoir modifier le style d'un div ou autre Img, il faut l'initialiser dans la page HTML :

ex :

Code:

<img id="img1" src="xx.gif" style="top:50px">

si on utilise une feuille de style decrivant le ID "img1" impossible d'accéder simplement au top pour le modifier.

me gourre-je ?

MON NOUVEAU PROBLEME ! :

Après être passé chez un ami qui utilise un Mac, je me suis aperçu que ma page ne s'affichait pas du tout (son navigateur affiche carrement le code HTML).

J'ai donc repris ma pelle et ma pioche pour rendre ma page valide avec le validateur W3C.

resultat : j'ai corrigé quelques erreurs et me retrouve dans la situation suivante :

avec la définition :

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

ma page est conforme mais les animations Javascript qui manipulent les paramètres de style ne fonctionnent plus.

si je désactive la définition DOCTYPE : ma page fonctionne parfaitement sous IE ou Firefox.

il doit y avoir un problème dans l'entete de page !

mais je ne sais pas ou creuser !

ci-dessous le debut de la page en question :
Code:

1 2 3 4 5 6 7 8 9 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" > <meta http-equiv="Content-script-type" content="text/javascript" > <meta http-equiv="Content-style-type" content="text/css" > <meta http-equiv="Content-language" content="fr" > <script language="javascript" type="text/javascript" src="plus.js"></script> <title>xxx</title> <link rel="stylesheet" type="text/css" href="style.css" media="screen" >
Si vous avez une idée, merci d'avance

29/03/2006, 13h14
Matthieu2000

utilise des tag autofermant!

Citation:

<XXX att1=val1 />
29/03/2006, 13h21
javatwister

il faut que tu nous mettes l'adresse de ta page, on verra mieux: les normes se faufilent partout, donc, si tu as 150 erreurs, autant qu'on voit l'ensemble...
29/03/2006, 13h22
lacsap49
je les avais supprimé pour valider la page

un

Code:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

genere l'erreur suivante :
Code:

1 2 3 Error Line 4 column 75: character data is not allowed here. ... content="text/html; charset=iso-8859-1" />
mais ça ne chage rien au fait que le javascript ne s'execute pas comme si je n'avais pas inclus les definition de style dans la balise que je veux modifier.

?
29/03/2006, 13h24
lacsap49

réponse à javatwister

je n'ai pas d'erreur la page est validée Ok

je n'ai pas d'erreur d'execution javascript.

pas d'erreur mais ça ne marche plus simplement par la présence du DOCTYPE

?
29/03/2006, 13h37
Matthieu2000

Citation:

content="text/html" charset="iso-8859-1" />

:idea:
29/03/2006, 13h40
javatwister

écoute, je te propose gentiment de mettre un lien ici! c'est pourtant simple non? on va passer 15 posts à échanger des questions pour rien!
29/03/2006, 14h14
lacsap49

bon, eh bien je vous remercie gentiment aussi pour votre aide, mais je ne peux pas mettre l'adresse de ce site ici, il n'est pas publié et ne le sera pas pour des raisons que je ne peux pas non plus vous exposer.

je vous remercie pour votre aide.

je vais reprendre ma pelle et ma pioche...

pascal
29/03/2006, 15h18
FMaz

Citation:

si on utilise une feuille de style decrivant le ID "img1" impossible d'accéder simplement au top pour le modifier.

1)
Les feuilles de style utilisent des classes, pas les ID il me semble.

2)
Et il est tout a fait possible de modifier les valeurs style.top en javascript. A condition de mettre L'UNITÉ DE MESURE

3) Ok, ne pas mettre le lien de la page c'Est une chose, mais la ligne de java que tu prétend qui ne fonctionne pas ca pourrait etre utile.
29/03/2006, 17h07
javatwister

Citation:

les animations Javascript qui manipulent les paramètres de style ne fonctionnent plus

tout est là... le code est incorrect puisqu'il produit un bug, même sans erreur explicite;