trotteuse qui n'apparait pas

Version imprimable

Bonjour,

je n'arrive pas à faire marcher mon script pour la trotteuse, pouvez-vous m'aider svp ? Merci d'avance.

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
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
	<html>
			<head>
 
<title>Graine de beaute</title>
 
<script type="text/javascript">
 
 
/* Modified to support Opera */
function bookmarksite(title,url){
if (window.sidebar) // firefox
	window.sidebar.addPanel(title, url, "");
else if(window.opera && window.print){ // opera
	var elem = document.createElement('a');
	elem.setAttribute('href',url);
	elem.setAttribute('title',title);
	elem.setAttribute('rel','sidebar');
	elem.click();
} 
else if(document.all)// ie
	window.external.AddFavorite(url, title);
}
</script>
 
 
 
<meta http-equiv="Content-Script-Type" content="text/Javascript">
<SCRIPT type="text/javascript">
 
function trotteuse(){ 
var chaine_date=new Date(); 
heure=chaine_date.getHours();
if(heure<10) {
heure="0"+heure; 
}
min=chaine_date.getMinutes(); 
if(min<10) {
min="0"+min; 
}
sec=chaine_date.getSeconds(); 
if(sec<10) {
sec="0"+sec; 
} 
time=heure + ":" + min+":" + sec;
document.form.horloge.value=time;
setTimeout("trotteuse()",1000);}
 
</SCRIPT>
 
<link rel="stylesheet" href="styles.css" type="text/css">
<link rel="stylesheet" href="menuderoulant.css" type="text/css">
 
<link rel="shortcut icon" type="image/x-icon" href="icone.ico">
 
			</head>
 
	<body onload"trotteuse()" VLINK="#000000" ALINK="#FFFF66" LINK="#FFFF66">
 
<div id="bas">
 <img src="fav.gif"> <a href="javascript:bookmarksite('Graine de beaute','http://jcamal.online.fr/index2.html')"> Ajoutez aux favoris</a> <img src="cal.gif"> <script type="text/javascript">
var chaine_date=new Date(); jour=chaine_date.getDate();
mois= chaine_date.getMonth() + 1;
an= chaine_date.getFullYear(); document.write(jour +"/"+ mois +"/"+ an);
</script>
 
<form name="form">
<input type="text" name="horloge" size="6" value="">
</form>
 
</div>
 
	</body>
</html>

07/05/2010, 10h09
vermine
Bonjour,

J'aurais plutôt joué avec un setInterval, mais quoiqu'il en soit, vous avez simplement oublié un égal:
Code:

1 2 <body onload="trotteuse()"
07/05/2010, 10h27
kelyly

Ah oui^^ Merci beaucoup. Et est-ce qu'on peut changer le fond blanc en une autre couleur?
07/05/2010, 10h28
vermine

Le fond de quoi ? La page ? De l'élément qui a la trotteuse (dans votre cas un input) ?
07/05/2010, 11h04
kelyly

Le fond de l'élément.
Ça me donne :
http://img132.imageshack.us/img132/6538/testtg.jpg

Est-ce que je peux mettre un cadre orange comme le fond ou pas?
07/05/2010, 11h07
vermine

Oui.

Mais est-ce que vous avez vraiment besoin de voir apparaitre ça dans un input ? Ne serait-ce pas plus facile dans un span ou bien une div ? Désolé, je ne vois pas l'image (le pare-feu filtre les sites d'upload et de download, quelle drôle d'idée :P).
07/05/2010, 11h32
kelyly
Ah ok ^^

sinon voici le lien de l'image : http://img132.imageshack.us/img132/6538/testtg.jpg

Sinon je ne vois pas trop comment je peux faire pour le mettre à l'intérieur de mon div :
Code:

1 2 3 4 5 <div id="bas"> <form name="form"> <input type="text" name="horloge" size="6" value=""> </form> </div>
il faudrait donc que je le mette de cette façon ???
Code:

1 2 <div id="bas" type="text" name="horloge" size="6" value=""> </div>
Mais ça me parait bizarre .. pcq il n'y aurait pas de rappel à l'intérieur du div...
07/05/2010, 11h38
dukej
Citation:
Envoyé par kelyly

Ah ok ^^

sinon voici le lien de l'image : http://img132.imageshack.us/img132/6538/testtg.jpg

Sinon je ne vois pas trop comment je peux faire pour le mettre à l'intérieur de mon div :

Code:

1 2 3 4 5 <div id="bas"> <form name="form"> <input type="text" name="horloge" size="6" value=""> </form> </div>

il faudrait donc que je le mette de cette façon ???

Code:

1 2 <div id="bas" type="text" name="horloge" size="6" value=""> </div>

Mais ça me parait bizarre .. pcq il n'y aurait pas de rappel à l'intérieur du div...
tu fais un simple

Code:

document.getElementById('span').innerHTML = mavaleur
07/05/2010, 11h44
vermine
Oui mais sans oublier:
Code:

1 2 3 4 <div id="bas"> <span id="span"></span> </div>
07/05/2010, 12h36
kelyly
Merci mais je ne comprend toujours pas :S

en fait je dois mettre comme ça ?
Code:

1 2 3 <div id="bas"> <span id="span">document.getElementById('span').innerHTML = mavaleur</span> </div>
07/05/2010, 13h28
vermine
Hihi, non non. ;)

Dans la fonction trotteuse, vous changez cette ligne-ci:
Code:

1 2 document.form.horloge.value=time;
par:
Code:

1 2 document.getElementById('span').innerHTML = time;
Ca veut dire que vous allez récupérer l'élément qui a pour id "span" et lui attribuer une valeur. Cet élément est à mettre où vous voulez, par exemple dans la div:
Code:

1 2 3 4 <div id="bas"> <span id="span"></span> </div>
07/05/2010, 13h51
kelyly

Ah oui :D merci beaucoup!
12/05/2010, 14h22
kelyly

Nouveau problème : la trotteuse n'apparait pas sous IE. Quelqu'un aurait-il une solution svp?
12/05/2010, 14h33
vermine

Pourrions-nous avoir le code HTML généré ?

Dans head :

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
<!-- Script pour "trotteuse qui donne l'heure" -->
 
<meta http-equiv="Content-Script-Type" content="text/Javascript"> 
<SCRIPT type="text/javascript"> 
 
function trotteuse(){ 
var chaine_date=new Date(); 
heure=chaine_date.getHours();
if(heure<10) {
heure="0"+heure; 
}
min=chaine_date.getMinutes(); 
if(min<10) {
min="0"+min; 
}
sec=chaine_date.getSeconds(); 
if(sec<10) {
sec="0"+sec; 
} 
time=heure + ":" + min+":" + sec;
document.getElementById('span').innerHTML = time;
setTimeout("trotteuse()",1000);}
 
</SCRIPT>

Dans le body :

Code:

1
2
3
4
5
6
7
8
 
<body  onload="trotteuse()">
 
<div id="bas"> 
 <img src="hor.gif" alt="erreur"> <span id="span"></span> 
 </div>
 
</body>

12/05/2010, 14h56
vermine

Ce code fonctionne sur IE7 et FF3.6.

:?
13/05/2010, 12h32
Auteur

Code:

document.getElementById('span').innerHTML = time;

et

Code:

<span id="span"></span>

:aie: :aie:

ne pas donner comme valeur à un id le nom d'une balise ou d'un mot clef JS !

Ensuite dans ta fonction déclare tes variables "time" et "heure", "min","sec" avec le mot clef var. Tu l'as fait pour "chaine_date" pourquoi pas avec les autres :koi:

Et puis je m'aperçois que tu joues volontiers avec les types : "heure", "min", "sec" sont d'abord des entiers puis des chaines de caractères... Il faut faire attention, un moment ou un autre tu vas te mélanger les pinceaux ;)