Remplacer la balise <marquee> ?

**MaTHieU_** · 15/08/2006, 01h38

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 :

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

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 :

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

1
2
 
<div id="live_informations"><div id="scrollup">informations ici...</div></div>

Merci d'avance,
Mathieu

**MaTHieU_** · 15/08/2006, 12h13

Bonjour,

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

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

**Fabster** · 15/08/2006, 14h55

Moi aussi j'ai voulu opter pour du javascript au lieu de ces balises marquee.
Mais au lieu de re-inventer la roue

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

**MaTHieU_** · 15/08/2006, 15h12

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

Remplacer la balise <marquee> ?

JavaScript

Vue hybride

Discussions similaires

Partager

Partager