split - function avec image

**mimagyc** · 12/05/2008, 22h53

Bonsoir, je cherche a d�composer un chiffre qui sera forcement a 2 chiffre .
et j'ai fait des image de chaque chiffre �tant donner que j'arrive pas a utiliser une police sp�cial.

voici ce que j'ai fait et ca ne fonctionne pas forcement

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
valeurheure = valeurheure.split("");
horloge = image(valeurheure[0]);
horloge = horloge+""+image(valeurheure[1]);
 
document.getElementById("horloge").innerHTML = horloge;
 
 
function image(num) {
 
	image = '<img src="horloge/'+num+'.png" />';
	return image;
 
}

et lorsque je supprime la ligne horloge = horloge+""+image(valeurheure[1]); , ca fonctionne(sous FF et pas IE) .... (donc un chiffre) .

Merci.

edit : et de plus, les image ne change pas en fonction de l'horloge

**htr999** · 12/05/2008, 23h52

j'ai pens� b�tement � une division
14 -> 1~14/10 et 4~14%10
voici un code complet que tu pourrais essayer

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
<head>
<script>
function affiche(){
	var today = new Date();
	var heu = today.getHours();
	var min = today.getMinutes();
	var sec = today.getSeconds();
 
	var heu0 = parseInt(heu/10);
	var heu1 = heu%10;
	var min0 = parseInt(min/10);
	var min1 = min%10;
	var sec0 = parseInt(sec/10);
	var sec1 = sec%10;
 
	var txt = img(heu0)+" "+img(heu1)+" : "+img(min0)+" "+img(min1)+" : "+img(sec0)+" "+img(sec1);
 
	var elemDivHorloge = document.getElementById("horloge");
	elemDivHorloge.innerHTML = txt;
 
	setTimeout(affiche,1000);
}
 
function img(chf){
	txt = "<img src='horloge/"+chf+".png' alt='"+chf+"'/>";
	return txt;
}
</script>
</head>
 
<body onload="affiche();">
<div id="horloge"></div>
</body>

a+

**htr999** · 13/05/2008, 00h15

pour la solution avec Split, ce sera un peu plus long car il faut g�rer le cas o� l'heure (min, sec) < 10. dans ces cas l�, ton heure (min,sec) ne contient qu'un chiffre, donc il faudrait ajouter un "0" devant.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
heu = (heu >= 10)? heu.toString() : "0"+heu.toString();
	min = (min >= 10)? min.toString() : "0"+min.toString();
	sec = (sec >= 10)? sec.toString() : "0"+sec.toString();
 
	heu = heu.split("");
	min = min.split("");
	sec = sec.split("");
 
	var txt = img(heu[0])+" "+img(heu[1])+" : "+img(min[0])+" "+img(min[1])+" : "+img(sec[0])+" "+img(sec[1]);

le reste pas touche

!.!

**Matthieu2000** · 13/05/2008, 18h26

teste l'apres-midi ca marchera...
sino fais un boucle for sur la taille de ton tableau ...

**mimagyc** · 13/05/2008, 21h30

merci pour vos reponse, mais grossierement, c'est le meme principe que moi sauf que toi, les image se charge bien chaque seconde et pas moi ..

pourquoi ?

Merci.

**htr999** · 13/05/2008, 21h34

sans ton code complet �a va �tre difficile de comparer. Mais je suppose que tu te bloque sur la r�p�tition de chaque seconde.
si c'est le cas, c'est ce qui fait la fonction setTimeout(affiche,1000);

split - function avec image

JavaScript

Vue hybride

Discussions similaires

Partager

Partager