[Javascript] Problème d'espace et <select> [Résolu]

Marsh Posté le 04-08-2006 à 17:01:50

Bonjour à tous,

Je suis en train de développer une méthode en javascript qui me permet de gérer des colonnes dans un <select>.

Pour ce faire ma fonction reçoit l'id du <select> et parcourt toutes ces options. Chaque option contient à la base une chaîne dont les champs sont séparés par des ';'.

Code :

function FormatList(id)
{
lst = document.getElementById(id);
var col1 = 25;
var col2 = 10;
for(i = 0; i < lst.length; i++)
{
txt = lst.options[i].text;
arrTxt = txt.split(";" );
source = arrTxt[0];
display = source;
for(j = source.length; j < col1; j++)
display += " ";
code = arrTxt[1];
display += code;
for(j = code.length; j < col2; j++)
display += " ";
nb = arrTxt[2];
display += nb;
lst.options[i].text = display;
}
}

Voici la fonction simplifiée. Elle fonctionne très bien sous IE mais sous Firefox, les espace sont automatiquement enlevés...

Avez-vous déjà rencontré ce problème? bug?

Merci.

Nico.

Message édité par Shaps le 04-08-2006 à 19:09:34

Reply

Marsh Posté le 04-08-2006 à 17:01:50

Reply

Marsh Posté le 04-08-2006 à 17:10:17

met des  

Reply

Marsh Posté le 04-08-2006 à 17:13:16

J'ai déjà testé mais si je met des &nbsp dans mon code Javascript alors il m'affichera &nbsp dans la listbox...

Message édité par Shaps le 04-08-2006 à 17:13:33

Reply

Marsh Posté le 04-08-2006 à 17:29:51

il faut que tu utilises innerHTML plutot, un truc dans le genre:

Code :

var optNode= document.getElementById('a').getElementsByTagName('option');
for(var i=0; i<optNode.length; i++){
arrTxt = optNode[i].innerHTML.split(";" );
while(arrTxt[0].length<10){
arrTxt[0]+=" ";
}
while(arrTxt[1].length<25){
arrTxt[1]+=" ";
}
optNode[i].innerHTML = arrTxt.join("" );
}

Et j'en ai profité pour corriger plein de truc parce certaines doubles affections étaient vraiment pas belles
Aaah et attention aux caractères spéciaux genre é qui sont é dans le innerHTML