Remplacer la balise <marquee> ?

Version imprimable

Bonjour,

Je voudrais remplacer ma balise <marquee> par un JavaScript afin que mon site soit compatible W3C et n'utilise pas de balises plus ou moins propriétaires...

Voici mon code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 <div id="live_informations"> <marquee id="scrollup" scrollamount="1" direction="up" height="38px" onmouseover="javascript:scrollup.stop()" onmouseout="javascript:scrollup.start()"> informations ici... </marquee> </div>
Savez-vous comment remplacer cette balise par du code JavaScript ?

Quelle méthode employer, déplacement d'un div supplémentaire ?
Code:

1 2 <div id="live_informations"><div id="scrollup">informations ici...</div></div>
Merci d'avance,
Mathieu

Bonjour,

J'ai commencé à écrire le code suivant :

Code:

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
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
	<head>
		<title>ScrollUp</title>
		<meta http-equiv="content-language" content="fr"/>
		<meta http-equiv="content-type" content="text/html; charset=iso-8859-15"/>
		<meta http-equiv="content-style-type" content="text/css"/>		
		<style type="text/css">
			body
			{
				font-family		: Verdana;
				font-size			: 10px;
			}
			#live_informations
			{
				background-color	: #FFCE73;
				border			: 1px solid #000000;
				height			: 25px;
				/*overflow			: hidden;*/
				width			: 400px;
			}
			#scrollup
			{
				background-color	: #CCC;
				position			: relative;
			}
		</style>
		<script type="text/javascript">
			function scrollup()
			{
				setTimeout("scrollup()", 500);
			}
		</script>
	</head>
	<body onload="javascript:scrollup();">
		<div id="live_informations">
			<div id="scroolup">
				15/08 18:50 : XXXX<br/>
				15/08 14:30 : YYYY<br/>
				15/08 12:12 : ZZZZ<br/>
				15/08 10:18 : AAAA<br/>
				15/08 06:45 : BBBB<br/>
				15/08 04:32 : CCCC<br/>
				14/08 23:47 : DDDD<br/>
				14/08 10:19 : EEEE
			</div>
		</div>
	</body>
</html>

Je pense faire défiler le div "scrollup" dans le div "live_informations" de haut en bas.

Est-ce une bonne solution ?

Merci,
Mathieu

15/08/2006, 14h55
Fabster

Moi aussi j'ai voulu opter pour du javascript au lieu de ces balises marquee.
Mais au lieu de re-inventer la roue :mrgreen: j'ai opter pour un script ou tout est expliquer ici, et qui est pas mal foutu du tout. (il fait tourner des div dans un conteneur, exactement ce que tu essaies de faire j'ai l'impression)
Je te conseille de jeter un coup d'oeil ;)
15/08/2006, 15h12
MaTHieU_

Salut,

C'est effectivement ce que je suis en train de faire, j'ai bien avancé, mon div défile correctement dans mon conteneur. Je n'ai plus qu'à gérer la fin de l'affichage pour le remettre à zéro et c'est terminé :)

Merci,
Mathieu