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