Option de liste charger a partir de fichier

Version imprimable

16/05/2007, 11h55
crochepatte

Option de liste charger a partir de fichier
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:

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
16/05/2007, 12h00
SpaceFrog

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 ...
16/05/2007, 12h13
crochepatte

Ok merci pour ta reponse,

1° non, je peux pas utiliser Javascript...
2° je souhaite que les variables soient variables (:lol: ) 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?
16/05/2007, 12h39
SpaceFrog

Citation:

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

:mouarf: :mouarf: :mouarf:

y'a erreur là non ?
16/05/2007, 13h42
crochepatte

oui en effet:oops:
je ne peut pas utiliser PHP
Excuse...
16/05/2007, 13h44
SpaceFrog
^^ 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 ...
16/05/2007, 13h48
crochepatte

On tourne en rond :lol:

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...:roll:

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

Code:

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:

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

Puis :

Code:

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>

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

Code:

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>

16/05/2007, 14h12
crochepatte

On a vraiment du mal a se comprendre...:lol:

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...

Citation:

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...
16/05/2007, 14h13
SpaceFrog

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
16/05/2007, 14h16
crochepatte

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...
16/05/2007, 14h21
SpaceFrog

là tu m'à largué ...
j'ai décroché ...
16/05/2007, 14h36
crochepatte
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:

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

Citation:

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:

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!!!!
16/05/2007, 14h51
SpaceFrog

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 ?
16/05/2007, 14h59
crochepatte

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!!!
16/05/2007, 15h08
SpaceFrog

non ...
il ne te reste plus qu'a passer par ajax pour recupérer le responseText du fichier ...
16/05/2007, 15h18
crochepatte

Ok merci
Je vais fouiller sur le net...

Vive AJAX et vive la liberté :aie:
16/05/2007, 15h36
SpaceFrog

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 ...
16/05/2007, 15h53
crochepatte

non, c pas acceder au fichier directement en local, mais plutot en copie sur le serveur...comme lors d'une requete POST
16/05/2007, 15h55
SpaceFrog

ben alors avec un formulaire tu fais ensuite un upload du fichier en php ... mais c'est plus du ressort de javascript et cela suposerait un rechargement de page ...

sinon envoyer avec ajax sur le serveur le contenu du fichier recupéré avec ajax en local ...
16/05/2007, 15h57
crochepatte

OK, je suis en train de regarder cela, en théorie ca a l'air simple...mais en pratique, c plutot galere...enfin pour moi...Mais je ne desepere pas!!!