Forum d'entraide PHPFrance

Bonjour,

je cherche à remplacer des numéro par des images correspondante

exemple: le numéro 12 sera au final:
<img src="1.png"><img src="2.png">

J'ai fait ce code avec tout ce que j'ai pu trouvé sur le web mais il ne fonctionne pas:

[javascript]<script type="text/javascript">
var img = new Array(10);
img[0] = '<img src="0.png" alt="0" />';
img[1] = '<img src="1.png" alt="1" />';
img[2] = '<img src="2.png" alt="2" />';
img[3] = '<img src="3.png" alt="3" />';
img[4] = '<img src="4.png" alt="4" />';
img[5] = '<img src="5.png" alt="5" />';
img[6] = '<img src="6.png" alt="6" />';
img[7] = '<img src="7.png" alt="7" />';
img[8] = '<img src="8.png" alt="8" />';
img[9] = '<img src="9.png" alt="9" />';
var num = new Array(10);
num[0] = 0;
num[1] = 1;
num[2] = 2;
num[3] = 3;
num[4] = 4;
num[5] = 5;
num[6] = 6;
num[7] = 7;
num[8] = 8;
num[9] = 9;
function replace_numero(numero) {
t = numero.length;
j = 0;
while(j<t) {
var bru = num[j];
var rep = num[j];
myString = myString.replace(bru, rep);
j++;
}
return myString;
}
</script>[/javascript]

Bonjour,

Une erreur dans : var rep = num[j]; il faut utiliser le tableau img au lieu de num. Correction:
[javascript]function replace_numero(numero) {
t = numero.length;
j = 0;
while(j<t) {
var bru = num[j]; //numero
var rep = img[j]; //image
myString = myString.replace(bru, rep);
j++;
}
return myString;
}[/javascript]

Merci mais ça ne fonctionne toujours pas

le navigateur IE me marque cette erreur:
EDIT: je n'ai plus d'erreur mais j'ai le message "undefined" qui s'affiche, voici mon code:
[javascript] var image = new Array(10);
image[0] = 'a';
image[1] = 'b';
image[2] = 'c';
image[3] = 'd';
image[4] = 'e';
image[5] = 'f';
image[6] = 'g';
image[7] = 'h';
image[8] = 'i';
image[9] = 'j';
var num = new Array(10);
num[0] = 0;
num[1] = 1;
num[2] = 2;
num[3] = 3;
num[4] = 4;
num[5] = 5;
num[6] = 6;
num[7] = 7;
num[8] = 8;
num[9] = 9;

function replace_numero(numero) {
var t = numero.length;
var j = 0;
var myString;
while(j<t) {
var bru = num[j]; //numero
var rep = image[j]; //image
myString = myString.replace(bru, rep);
j++;
}
return myString;
}[/javascript]
PS: j'ai mis des lettres le temps du debugage

Ton replace est à l'envers et myString pointe sur du vide...

Voici une version correcte :
[javascript] var image = new Array(10);
image[0] = 'a';
image[1] = 'b';
image[2] = 'c';
image[3] = 'd';
image[4] = 'e';
image[5] = 'f';
image[6] = 'g';
image[7] = 'h';
image[8] = 'i';
image[9] = 'j';
var num = new Array(10);
num[0] = 0;
num[1] = 1;
num[2] = 2;
num[3] = 3;
num[4] = 4;
num[5] = 5;
num[6] = 6;
num[7] = 7;
num[8] = 8;
num[9] = 9;

function replace_numero(numero) {
var t = numero.length;
var j = 0;
var myString = numero;
while(j<t) {
var bru = num[j]; //numero
var rep = image[j]; //image
myString = myString.replace(rep, bru);
j++;
}
return myString;
}

alert(replace_numero("abcde"));[/javascript]

01234

merci pour ce coup de pouce mais en fait c'est l'inverse que je souhaite (numéro vers image)

voici mon code (qui affiche les numéro mais pas les lettres...):
[javascript]function replace_numero(numero) {
var t = numero.lenthg;
var j = 0;
var myString = numero;
for(j;j<=t;j++) {
var bru = num[j]; //numero
var rep = image[j]; //image
myString = myString.replace(rep, bru);
//j++;
}
return myString;
}[/javascript]

appelle à la function: replace_numero(54545) (n'importe quel numéro)

EDIT: return t; me retourne undefined

[javascript] var image = new Array(10);
image[0] = 'a';
image[1] = 'b';
image[2] = 'c';
image[3] = 'd';
image[4] = 'e';
image[5] = 'f';
image[6] = 'g';
image[7] = 'h';
image[8] = 'i';
image[9] = 'j';
var num = new Array(10);
num[0] = 0;
num[1] = 1;
num[2] = 2;
num[3] = 3;
num[4] = 4;
num[5] = 5;
num[6] = 6;
num[7] = 7;
num[8] = 8;
num[9] = 9;

function replace_numero(numero) {
var t = numero.length;
var j = 0;
var myString = numero;
while(j<t) {
var bru = num[j]; //numero
var rep = image[j]; //image
myString = myString.replace(bru, rep);
j++;
}
return myString;
}

alert(replace_numero("01234"));

[/javascript]

abcde

NB : length et non lenthg

Merci mais ça me retourne toujours en chiffre et pas en lettre:

j'utilise mon code comme ceci:

....innerHTML = replace_numero(seconde)

c'est un compteur qui se met à jour toutes les secondes

innerHTML = replace_numero(seconde) m'affiche les secondes mais pas de lettres

Salut, je viens de comprendre ce que tu veux faire : remplacer plusieurs chiffres par leurs images d'un coup.

Voici la correction:
[javascript]<script type="text/javascript">
var images = new Array(10);
images[0] = '<img src="0.png" alt="0" />';
images[1] = '<img src="1.png" alt="1" />';
images[2] = '<img src="2.png" alt="2" />';
images[3] = '<img src="3.png" alt="3" />';
images[4] = '<img src="4.png" alt="4" />';
images[5] = '<img src="5.png" alt="5" />';
images[6] = '<img src="6.png" alt="6" />';
images[7] = '<img src="7.png" alt="7" />';
images[8] = '<img src="8.png" alt="8" />';
images[9] = '<img src="9.png" alt="9" />';

function replace_numero(numero) {
taille = numero.length;
myString = '';
j = 0;
while(j<taille) {
var n = parseInt(numero[j]);
var rep = (!isNaN(n)&&n>=0&&n<=9) ? images[n] : numero[j];
myString += rep;
j++;
}
return myString;
}
</script>
<div onclick="this.innerHTML=replace_numero(this.innerHTML)">20/12/2012 23:59:59</div>[/javascript]

Merci, on vas y arriver.

Le code ne fonctionne pas si je l'utilise de cette manière:

<div onclick="this.innerHTML=replace_numero(1585)">20/12/2012 23:59:59</div>

Pourquoi ?

EDIT: j'ai trouvé; suffit de rajouter des apostrophe.

Merci beaucoup pour votre aide

Résultat sous IE: undefined

J'ai réussi:

[javascript]function replace_numero(numero) {
taille = numero.length;
myString = '';
j = 0;
while(j<taille) {
var n = parseInt(numero.substring(j,j+1),10);
//var n = parseInt(numero[j],10);
var rep = (!isNaN(n)&&n>=0&&n<=9) ? images[n] : numero[j];
myString += rep;
j++;
}
return myString;
}[/javascript]

j'ai remplacé la ligne:

[javascript]var n = parseInt(numero[j],10);[/javascript]
par
[javascript]var n = parseInt(numero.substring(j,j+1),10);[/javascript]

Très bien.

Il faut aussi remplacer le deuxième numero[j] dans la valeur de rep:
[javascript]function replace_numero(numero) {
taille = numero.length;
myString = '';
j = 0;
while(j<taille) {
var valeur = numero.substring(j,j+1);
var n = parseInt( valeur ,10);
var rep = (!isNaN(n)&&n>=0&&n<=9) ? images[n] : valeur;
myString += rep;
j++;
}
return myString;
}[/javascript]

sert à afficher le numéro (texte) si l'image correspondante n'est pas dans l'array ?

yes.

oki, merci pour l'aide et joyeuses fêtes à tous !