JS et doctype

**oceane751** · 14/10/2011, 11h46

Bonjour à tous,

J'ai un petit soucis
J'ai récupéré ce code sur un autre site.

Le hic est que sans le <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> il fonctionne très bien

Je mets quand même le code ici

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
92
93
94
95
96
 
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
</head>
 
<body>
 
<!-- DEBUT DU SCRIPT -->
<style type="text/css">
.ejs_scroll {font-size:11px;font-family:Verdana;color:#000000;text-decoration:none}
</style>
 
<script type="text/javascript">
 
 
var ejs_scroll_largeur = 450;
var ejs_scroll_hauteur = 100;
var ejs_scroll_bgcolor = '#33CC00';
/* Mettre ici le chemin de l'image de fond */
var ejs_scroll_background = "";
/* Mettre ici le temps en secondes */
var ejs_scroll_pause_seconde = 5;
 
var ejs_scroll_message = new Array;
'<BOUCLE_agenda (EVENEMENTS){age_fin <0}{par date}{statut=publie}>'
	ejs_scroll_message.push('<div style="width:450px; height:100px;">[(#TITRE|supprimer_numero)]</div>');
'</BOUCLE_agenda>'
 
function d(texte)
	{
	document.write(texte);
	}
 
d('<DIV ID=ejs_scroll_relativ STYLE="position:relative;width:'+ejs_scroll_largeur+'px;height:'+ejs_scroll_hauteur+'px;background-color:'+ejs_scroll_bgcolor+';background-image:url('+ejs_scroll_background+')">');
d('<DIV ID=ejs_scroll_cadre STYLE="position:absolute;width:'+(ejs_scroll_largeur-8)+'px;height:'+(ejs_scroll_hauteur-8)+'px;top:4;left:4;clip:rect(0 '+(ejs_scroll_largeur-8)+' '+(ejs_scroll_hauteur-8)+' 0)">');
d('<div id=ejs_scroller_1 style="position:absolute;width:'+(ejs_scroll_largeur-8)+'px;left:0;top:0;" CLASS=ejs_scroll>'+ejs_scroll_message[0]+'</DIV>');
d('<div id=ejs_scroller_2 style="position:absolute;width:'+(ejs_scroll_largeur-8)+'px;left:0;top:'+ejs_scroll_hauteur+';" CLASS=ejs_scroll>'+ejs_scroll_message[1]+'</DIV>');
d('</DIV></DIV>');
 
ejs_scroll_mode =1;
ejs_scroll_actuel = 0;
 
function ejs_scroll_start()
	{
	if(ejs_scroll_mode == 1)
		{
		ejs_scroller_haut = "ejs_scroller_1";
		ejs_scroller_bas = "ejs_scroller_2";
		ejs_scroll_mode = 0;
		}
	else
		{
		ejs_scroller_bas = "ejs_scroller_1";
		ejs_scroller_haut = "ejs_scroller_2";
		ejs_scroll_mode = 1;
		}
	ejs_scroll_nb_message = ejs_scroll_message.length-1;
	if(ejs_scroll_actuel == ejs_scroll_nb_message)
		ejs_scroll_suivant = 0;
	else
		ejs_scroll_suivant = ejs_scroll_actuel+1;
	if(document.getElementById)
		document.getElementById(ejs_scroller_bas).innerHTML = ejs_scroll_message[ejs_scroll_suivant];
	ejs_scroll_top = 0;
	if(document.getElementById)
		setTimeout("ejs_scroll_action()",ejs_scroll_pause_seconde*1000)
	}
 
function ejs_scroll_action()
	{
	ejs_scroll_top -= 1;
	document.getElementById(ejs_scroller_haut).style.top = ejs_scroll_top;
	document.getElementById(ejs_scroller_bas).style.top = ejs_scroll_top+ejs_scroll_hauteur;
	if((ejs_scroll_top+ejs_scroll_hauteur) > 0)
		setTimeout("ejs_scroll_action()",10)
	else
		ejs_scroll_stop()
	}
 
function ejs_scroll_stop()
	{
	ejs_scroll_actuel = ejs_scroll_suivant;
	ejs_scroll_start()
	}
 
window.onload = ejs_scroll_start;
 
 
</script>
 
</body>
</html>

Quelqu'un a une idée?

Merci beaucoup

**Bovino** · 14/10/2011, 12h12

Envoyé par oceane751

J'ai récupéré ce code sur un autre site.

Date de création : 27/05/2000

Tu sais, il n'y a pas que des codes antédiluviens sur internet...

**oceane751** · 14/10/2011, 13h01

donc il n'y a aucun moyen qu'il fonctionne correctement?

Invité · 14/10/2011, 13h16

bonjour

il faut ajout px pour les positions

Code :

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

1
2
	document.getElementById(ejs_scroller_haut).style.top = ejs_scroll_top +'px';
	document.getElementById(ejs_scroller_bas).style.top = ejs_scroll_top+ejs_scroll_hauteur +'px';

et ajoute un overflow hidden a cette endroit

Code :

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

d('<DIV ID=ejs_scroll_relativ STYLE="position:relative;overflow:hidden;width:'+ejs_scroll_largeur+'px;height:'+ejs_scroll_hauteur+'px;background-color:'+ejs_scroll_bgcolor+';background-image:url('+ejs_scroll_background+')">');

mais sinon il est vrait que ce code est obsolette et fait a l'ancienne