Comment corriger mon javascript ?

**tidus_6_9_2** · 28/01/2008, 17h12

Bonjour à toutes et à tous,

J'essaye en ce moment de corriger mes fautes avec le w3c. Malheureusement toutes les fautes qu'il trouve sont dues à un morceau de mon code javascript qui fait défiler du texte ou des images.

Es ce normal ou es-ce qu'il ne corrige pas bien le javascript ?

Merci d'avance.

**Auteur** · 28/01/2008, 17h23

bonjour,

quelle est l'erreur ?

**tidus_6_9_2** · 28/01/2008, 18h09

he bien voilà je te passe le lien et toutes les erreurs sont dues au javascript...

Heu je sais pas si je dois le faire, mais je vois que y'en a qui le font, je te met peut etre mon code javascript

Dans head j'ai ca :

Code :

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

1
2
3
4
5
6
7
<script type="text/JavaScript">
function Init_Page(){
  montre();
  fillup();
}
window.onload=Init_Page;
</script>

Puis ensuite dans mon body j'ai ca :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<script type="text/javascript">
var sliderwidth= "100%";
var sliderheight="40px";
var slidespeed=2;
slidebgcolor="#FFFFFF";
var leftrightslide=new Array();
var finalslide='';
leftrightslide[0]='<img src="../../Dos/Img/Blanc.gif">'
leftrightslide[1]='<font color="#800000" size="+1" face="Arial, Helvetica, sans-serif"><strong>Avec Univie... bâtissez votre futur</strong></font>'
leftrightslide[2]='<img src="../../Dos/Img/Blanc.gif">'
leftrightslide[3]='<font color="#800000" size="+1" face="Arial, Helvetica, sans-serif"><strong>Avec Univie... bâtissez votre futur</strong></font>'
leftrightslide[4]='<img src="../../Dos/Img/Blanc.gif">'
leftrightslide[5]='<font color="#800000" size="+1" face="Arial, Helvetica, sans-serif"><strong>Avec Univie... bâtissez votre futur</strong></font>'
 
var copyspeed=slidespeed;
leftrightslide='<nobr>'+leftrightslide.join(" ")+'</nobr>';
var iedom=document.all||document.getElementById;
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>');
var actualwidth='';
var cross_slide, ns_slide;
 
function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2;
cross_slide2=document.AgetElementById? document.getElementById("test3") : document.all.test3;
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide;
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth;
cross_slide2.style.left=actualwidth+20+"px";
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2;
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3;
ns_slide.document.write(leftrightslide);
ns_slide.document.close();
actualwidth=ns_slide.document.width;
ns_slide2.left=actualwidth+20;
ns_slide2.document.write(leftrightslide);
ns_slide2.document.close();
}
lefttime=setInterval("slideleft()",30);
}
window.onload=Init_Page;
 
function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px";
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+20+"px";
 
if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px";
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+20+"px";
 
}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed;
else
ns_slide.left=ns_slide2.left+actualwidth+20;
 
if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed;
else
ns_slide2.left=ns_slide.left+actualwidth+20;
}
}
if (iedom||document.layers){
with (document){
document.write('<table width="80%" align="center" border="0" cellspacing="0" cellpadding="0"><td>');
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">');
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:"#FFFFFF" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">');
write('<div id="test2" style="position:absolute;left:0;top:0"></div>');
write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>');
write('</div></div>');
}
else if (document.layers){
write('<ilayer width='+sliderwidth+' height='+"+sliderheight+"+' name="ns_slidemenu" bgColor="#FFFFFF">');
write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');
write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');
write('</ilayer>');
}
document.write('</td></table>');
}
}
        </script>

**SpaceFrog** · 29/01/2008, 08h53

partout où tu as du javascript il faut le commenter ...

comme ceci:

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<script type="text/JavaScript">
<!--
function Init_Page(){
montre();
fillup();
}
window.onload=Init_Page;
-->
</script>

**tidus_6_9_2** · 29/01/2008, 10h18

Ok désolé c'est corrigée ^^

**SpaceFrog** · 29/01/2008, 11h17

Pourquoi désolé ?
ça a résolu ton problème ou pas ??
Tu passes au validateur ?

**tidus_6_9_2** · 29/01/2008, 11h45

Oups, pardon j'avais mal compris ta phrase, en faite j'avasi pas vu les



Je pensais que tu disais qu'il fallait mettre dans une porsion de code comme ceci

Code :

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

du code

Je vais essayer maintenant tout de suite ^^ merci et désolé pour le malentendu.

**tidus_6_9_2** · 29/01/2008, 12h01

Alors j'ai rajouté, mais cela ne change rien. Regarde par toi même ici

**Auteur** · 29/01/2008, 12h29

utiliser document.write()....

et j'ai l'impression que ce code n'est pas récent

**tidus_6_9_2** · 29/01/2008, 14h08

Oui je sais il a été fait pour éviter les bugs de netsceap à la base (repause en paix), mais le problème c'est que je suis pas doué en javascript, j'ai modifié comme je le pouvais le code. Le problème c'est que j'ai peur d'effacer qqch qu'il ne faut pas... Pourais tu me dire ce qu'il faut que j'efface pour l'instruction netscape ?

Sinon vois-tu pourquoi il me compte faut (le w3c) des choses toute bête tel que des </div> il me met en rouge la fin c'est à dire le >, mais je ne comprend pas pourquoi ? C'est toujours de fautes comme ca, soit c'est le < soit c'est le > qu'il compte faux. Es ce mon code ou le w3c qui ne détecte pas qu'il s'agit de javascript ?

**SpaceFrog** · 29/01/2008, 16h19

heu oui mais là les erreurs qui restent n'ont rien à voir avec javascript ce sont des erreurs html ..
si ton javascript génère un html pourri ce n'est pas de la faute de javascript, c'est que l'on lui demande de générer du html pourri ...
Principalement des balises non ouvertes ... ou qui n'existent pas ...
en plus en transitionnal ... ce n'est pourtant pas compliqué de faire du transitionnal qui reste très premissif ...

**tidus_6_9_2** · 30/01/2008, 10h20

Pourtant mes balises sont belle et bien ouvertes, et fermée par la suite... c'est pour ça que sa me parait un peu étrange...

Petit exemple d'une ligne comptée comme faut par le w3c

Code :

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

1
2
3
4
5
6
leftrightslide[0]='<img src="../../Dos/Img/Blanc.gif">'
leftrightslide[1]='<font color="#800000" size="+1" face="Arial, Helvetica, sans-serif"><strong>Avec Univie... bâtissez votre futur   </strong></font>'
leftrightslide[2]='<img src="../../Dos/Img/Blanc.gif">'
leftrightslide[3]='<font color="#800000" size="+1" face="Arial, Helvetica, sans-serif"><strong>Avec Univie... bâtissez votre futur   </strong></font>'
leftrightslide[4]='<img src="../../Dos/Img/Blanc.gif">'
leftrightslide[5]='<font color="#800000" size="+1" face="Arial, Helvetica, sans-serif"><strong>Avec Univie... bâtissez votre futur   </strong></font>'

Par exemple, dans ce morceau de code, il me compte comme faut le </strong> et le </font>... Pourtant je les aient ouvent juste avant en faisant un <font ".....">

Peut-être que la manière dont je procède est fausse ? Mais j'en ai pas l'impression, à moins qu'il ne faille fermer les balises en dehors, c'est à dire apres le ' du leftrightslide ?

Alors j'ai essayé la dernière solution, mais cette dernière est fausse, lorsque je fais cela, mon code plante, et donc rien ne s'affiche

**SpaceFrog** · 30/01/2008, 10h25

une balise img est auto fermante:

Code :

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

1
2
<img src="../../Dos/Img/Blanc.gif" />

et puis franchement des balises font et strong ...

tu connais le css ?

**tidus_6_9_2** · 30/01/2008, 10h32

Oui bien sur, mais je ne sais pas si cela fonctionne avec le javascript c'est pour ca en faite... Je vais peut-être me renseigner un peu sur le js avant de continuer, sa me sera plus utile plutôt que de pauser des quéstion un peu bebette pour vous ^^ Merci en tout cas. Puis pour ce qui est des images le w3c ne les comptes pas fausses ^^

C'est surtout des balises fermante qu'il compte faux, alors qu'elles sont ouvertes :S (par exmple ceux des </font> il me compte toujours faux le >)

**SpaceFrog** · 30/01/2008, 11h10

de toute façon à partir du moment ou ton "html" est contenu dans des variables javascript et que le code javascript est masqué par

Code :

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

 <! -- -->

Les validateurs W3c ne peuvent pas valider le html généré par javascript ... docn tu peux mettre n'importe qule code pourri dasn tes variables passera au validateur vu que le validateur ne verifie que le code du fichier et non le code généré par javascript

**tidus_6_9_2** · 30/01/2008, 11h26

Attend, tu veux dire que si je met <! -- --> dans mon code, le validateur W3C fait abstraction du html ?

Si c'est le cas, il y a quelque chose qui déconne, vu que j'ai bien mis <! -- --> exactement comme tu m'a dis de le mettre... Et pourtant le W3C ne fait pas abstraction du code html à l'intérieur de mon code js.

**SpaceFrog** · 30/01/2008, 11h29

<!-- sans espace

oui puisque tu le comment le validateur ne le voit pas ...
si il le voit c'est que tu l'as mal commenté

**tidus_6_9_2** · 30/01/2008, 11h32

Es-ce que je l'ai mal mis ?

Code :

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

1
2
3
4
5
6
7
8
9
10
 
<script type="text/JavaScript">
<!--
function Init_Page(){
  montre();
  fillup();
}
window.onload=Init_Page;
-->
</script>

J'ai fait exactement pareil pour le reste du code qui suit. (Celui qui est un peu plus haut)

**SpaceFrog** · 30/01/2008, 11h36

là non mais il n'y a pas de html là dedans ^^

**tidus_6_9_2** · 30/01/2008, 11h38

Oui je sais hehe mais après j'ai ca

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
    <script type="text/javascript">
<!--
var sliderwidth= "100%";
var sliderheight="40px";
var slidespeed=2;
slidebgcolor="#FFFFFF";
var leftrightslide=new Array();
var finalslide='';
leftrightslide[0]='<img src="../../Dos/Img/Blanc.gif">'
leftrightslide[1]='<font color="#800000" size="+1" face="Arial, Helvetica, sans-serif"><strong>Avec Univie... bâtissez votre futur</strong></font>'
leftrightslide[2]='<img src="../../Dos/Img/Blanc.gif">'
leftrightslide[3]='<font color="#800000" size="+1" face="Arial, Helvetica, sans-serif"><strong>Avec Univie... bâtissez votre futur</strong></font>'
leftrightslide[4]='<img src="../../Dos/Img/Blanc.gif">'
leftrightslide[5]='<font color="#800000" size="+1" face="Arial, Helvetica, sans-serif"><strong>Avec Univie... bâtissez votre futur</strong></font>'
 
var copyspeed=slidespeed;
leftrightslide='<nobr>'+leftrightslide.join(" ")+'</nobr>';
var iedom=document.all||document.getElementById;
if (iedom)
document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-9000px">'+leftrightslide+'</span>');
var actualwidth='';
var cross_slide, ns_slide;
 
function fillup(){
if (iedom){
cross_slide=document.getElementById? document.getElementById("test2") : document.all.test2;
cross_slide2=document.AgetElementById? document.getElementById("test3") : document.all.test3;
cross_slide.innerHTML=cross_slide2.innerHTML=leftrightslide;
actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth;
cross_slide2.style.left=actualwidth+20+"px";
}
else if (document.layers){
ns_slide=document.ns_slidemenu.document.ns_slidemenu2;
ns_slide2=document.ns_slidemenu.document.ns_slidemenu3;
ns_slide.document.write(leftrightslide);
ns_slide.document.close();
actualwidth=ns_slide.document.width;
ns_slide2.left=actualwidth+20;
ns_slide2.document.write(leftrightslide);
ns_slide2.document.close();
}
lefttime=setInterval("slideleft()",30);
}
window.onload=Init_Page;
 
function slideleft(){
if (iedom){
if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+8))
cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed+"px";
else
cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth+20+"px";
 
if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+8))
cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed+"px";
else
cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth+20+"px";
 
}
else if (document.layers){
if (ns_slide.left>(actualwidth*(-1)+8))
ns_slide.left-=copyspeed;
else
ns_slide.left=ns_slide2.left+actualwidth+20;
 
if (ns_slide2.left>(actualwidth*(-1)+8))
ns_slide2.left-=copyspeed;
else
ns_slide2.left=ns_slide.left+actualwidth+20;
}
}
if (iedom||document.layers){
with (document){
document.write('<table width="100%" align="center" border="0" cellspacing="0" cellpadding="0"><td>');
if (iedom){
write('<div style="position:relative;width:'+sliderwidth+';height:'+sliderheight+';overflow:hidden">');
write('<div style="position:absolute;width:'+sliderwidth+';height:'+sliderheight+';background-color:"#FFFFFF" onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed">');
write('<div id="test2" style="position:absolute;left:0;top:0"></div>');
write('<div id="test3" style="position:absolute;left:-1000;top:0"></div>');
write('</div></div>');
}
else if (document.layers){
write('<ilayer width='+sliderwidth+' height='+"+sliderheight+"+' name="ns_slidemenu" bgColor="#FFFFFF">');
write('<layer name="ns_slidemenu2" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');
write('<layer name="ns_slidemenu3" left=0 top=0 onMouseover="copyspeed=0" onMouseout="copyspeed=slidespeed"></layer>');
write('</ilayer>');
}
document.write('</td></table>');
}
}
-->
        </script>

Et j'ai bien mis les  correctement non ?

Comment corriger mon javascript ?

JavaScript

Discussions similaires

Partager

Partager