Option de liste charger a partir de fichier

**crochepatte** · 16/05/2007, 11h55

Bonjour,

Voila j'aimerai savoir si il est possible de creer une liste de selection à partir d'un fichier contenant les différents choix...

Par exemple, j'ai une page html

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
 
<HTML>
<HEAD></HEAD>
<BODY>
         <input type=file id=file name=file></input>
          <select name=liste id=liste></select>
</BODY>
</HTML>

Dans ce cas, une fois que l'utilisateur a entrer un fichier dans l'input file, le javascript se charge de lire et interpreter le fichier pour inialiser la liste avec les différentes options interprétées...

J'espere que j'ai été assez clair...mais je doute que cela soit possible...

Quelqu'un peut m'aider?
Merci

Crochepatte

**SpaceFrog** · 16/05/2007, 12h00

peux tu utiliser php ?

sinon en javascript deux possibilités
mettre les choix dasn des variables dans des fichiers js ...

ou alors dasn un fichier texte ou xml et le taper avec ajax ...

**crochepatte** · 16/05/2007, 12h13

Ok merci pour ta reponse,

1° non, je peux pas utiliser Javascript...
2° je souhaite que les variables soient variables (

) en fonction du fichier rentré en parametre via le meme formulaire html...Passer par un fichier texte ou xml, qui est stocké quelque part reviens à fixer ces valeurs une fois pour toute,non?

**SpaceFrog** · 16/05/2007, 12h39

1° non, je peux pas utiliser Javascript...

y'a erreur là non ?

**crochepatte** · 16/05/2007, 13h42

oui en effet

je ne peut pas utiliser PHP
Excuse...

**SpaceFrog** · 16/05/2007, 13h44

^^ donc

soit un fichier js
soit une horrible bidoulle avec un iframe et un fichier html
soit un fichier texte xml ou csv avec ajax ...

**crochepatte** · 16/05/2007, 13h48

On tourne en rond

Peux tu etre plus precis, je ne connais pas de fonction concernant l'ouverture de fichier ou de manipulation de flux en Javascript...
Je suis pour ecrire un fichier JS, sans probleme, mais que puis je mettre dedans...

**SpaceFrog** · 16/05/2007, 14h01

ben tu peux avoir un fichier js (blabla.js) externe avec dedans un array

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
var MesOptions=new Array()
 
MesOptions[0]=["val0","texte 0"]
MesOptions[1]=["val1","texte 1"]
MesOptions[2]=["val2","texte 2"]
MesOptions[3]=["val3","texte 3"]
MesOptions[4]=["val4","texte 4"]
MesOptions[5]=["val5","texte 5"]

dans ta pages html tu mets un :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script language="JavaScript" src="blabla.js" type="text/JavaScript"></script>

Puis :

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
 
<script type='text/javascript'>
function populateSelect(){
var leSel=   document.getElementById('monselect')
leSel.options.length=0;
for(i=0;i<MesOptions.length;i++){
	leSel.options.length=i+1;
    leSel.options[i].value=MesOptions[i][0];
        leSel.options[i].innerHTML=MesOptions[i][1];
}
}
 
</script>
</head>
 
<body onload="populateSelect()">
<select id='monselect'></select>
</body>

**SpaceFrog** · 16/05/2007, 14h06

et plus précisément adpaté avec le input typefile :

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
<script type='text/javascript'>
 
function populateSelect(){
var leSel=   document.getElementById('monselect')
leSel.options.length=0;
for(i=0;i<MesOptions.length;i++){
	leSel.options.length=i+1;
    leSel.options[i].value=MesOptions[i][0];
        leSel.options[i].innerHTML=MesOptions[i][1];
}
}
 
 
function modify(){
document.getElementsByTagName('script')[0].src=document.getElementById('jsfile').value
populateSelect();
}
 
</script>
</head>
 
<body >
<input id="jsfile" type="file" onchange="modify()"   />
<select id='monselect'></select>
</body>
 
</html>

**crochepatte** · 16/05/2007, 14h12

On a vraiment du mal a se comprendre...

En fait j'aimerai que la liste (equivalent a ton tableau dans le fichier) soit dynamique...qu'elle soit fonction des données du fichier passé dans un iput de type file de la meme page html...

2° je souhaite que les variables soient variables ( ) en fonction du fichier rentré en parametre via le meme formulaire html...Passer par un fichier texte ou xml, qui est stocké quelque part reviens à fixer ces valeurs une fois pour toute,non?

c vrai que c'est pas forcement tres explicite...
Don en fait dans la partie script, il faudrait que la fonction prenne en parametre un handle ou autre chose pour pouvoir lire le fichier passé en parametre par l'utilisateur ...

J'espere que c'est plus clair...

**SpaceFrog** · 16/05/2007, 14h13

Si si j'ai parfaitement compris ... mais je voulais juste éveiller ta curiosité et te faire arriver à trouver le resultat par toi même...
Mais comme j'ai bein senti un coup de mou à ce niveau là j'avais entre temps repris le code avec l'inout type file ... cf ci-dessus

**crochepatte** · 16/05/2007, 14h16

OK je viens de comprendre ce que tu as compris...
En fait, je ne dispose pas du fichier que l'utilisateur va passé en parametre...De plus, ce fichier necessite un traitement spécifique pour que je puisse recuperer certaines données...Donc il est impératif que je puisse ouvrir ce fichier dans le code Javascript...

**SpaceFrog** · 16/05/2007, 14h21

là tu m'à largué ...
j'ai décroché ...

**crochepatte** · 16/05/2007, 14h36

Ok, j'essaie d'etre un peu plus clair...
Voila un exemple d'execution:

Contexte:
"application web sur serveur distant"

Le client utilise une interface html simple (un input file + une liste vide):

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
 
<HTML>
<HEAD></HEAD>
<BODY>
         <input type=file id=file name=file></input>
          <select name=liste id=liste></select>
</BODY>
</HTML>

Il rentre un fichier depuis son poste: fichier A

Fichier A
Exemple
les donneés a exporter sont
A 3
B 4
C 5
fin de fichier

la page html, via une utilisation de Javascript mets à jour automatiquement la liste de choix initialement vide avec les données du fichier A,B,C
Donc dans le code Javascript, l'algo serai le suivant

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
ouverture du fichier (ou recuperer le flux sur le fichier)
traiter les données du fichier 
mettre a jour la liste html

Attention, ce fichier n'est pas stocké sur le serveur où la page web est accessible...
Par ailleurs, dans ce cas, une liste de fichiers prédéfinie sur le serveur web serai plus approprié au lieu d'un input file...ce serait plus cohérent...

Allez dis moi que c'est clair!!!!

**SpaceFrog** · 16/05/2007, 14h51

j'ai bien compris que le fichier était sur le poste client ...
ce que je ne comprends pas est il est de quel format ?

comment comptes tu maitriser son format ?

**crochepatte** · 16/05/2007, 14h59

Ben c un format special (oa4 si tu veux tout savoir)...
rassure toi, c'est toujours le meme format de fichier...
Et je sais comment recuperer les données dans ce type de fichier, il suffira a adapter le code Javascript pour interpreter ce fichier...

Moi ma question, c'est peut on manipuler des flux de données en Javascript!!!

**SpaceFrog** · 16/05/2007, 15h08

non ...
il ne te reste plus qu'a passer par ajax pour recupérer le responseText du fichier ...

**crochepatte** · 16/05/2007, 15h18

Ok merci
Je vais fouiller sur le net...

Vive AJAX et vive la liberté

**SpaceFrog** · 16/05/2007, 15h36

Ce serait une grosse faille de securité que de pouvoir acceder en javascript directement au contenu des fichiers locaux ...
C'est possible sous IE avec fso ...