DOCTYPE et javascript

**lacsap49** · 29/03/2006, 13h10

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 :

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

<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 :

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

<!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 :

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

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

**Matthieu2000** · 29/03/2006, 13h14

utilise des tag autofermant!

**javatwister** · 29/03/2006, 13h21

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...

**lacsap49** · 29/03/2006, 13h22

je les avais supprimé pour valider la page

un

Code :

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

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

genere l'erreur suivante :

Code :

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

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.

?

**lacsap49** · 29/03/2006, 13h24

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

?

**Matthieu2000** · 29/03/2006, 13h37

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

**javatwister** · 29/03/2006, 13h40

é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!

**lacsap49** · 29/03/2006, 14h14

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

**FMaz** · 29/03/2006, 15h18

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.

**javatwister** · 29/03/2006, 17h07

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;

DOCTYPE et javascript

JavaScript

Discussions similaires

Partager

Partager