Séparer déclaration de variables et affectation des valeurs

**bk313142** · 25/08/2009, 10h44

Bonjour,

Voilà mon problème:
J'ai un script externe (qui fonctionne très bien) dans lequel je déclare une variable sous forme de tableau:

Code :

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

1
2
3
4
5
6
var contents=new Array()
// Ensuite suivent les valeurs associées: 
contents[0]='Texte exemple #1'
contents[1]='Texte exemple #2'
contents[2]='Texte exemple #3'
// ...etc...

et ensuite vient tout le reste du code du script.

J'aimerais pouvoir mettre cette portion du code (les valeurs affectées) dans un fichier séparé afin que les personnes qui devront changer lesdites valeurs dans l'avenir ne doivent pas ouvrir et modifier le fichier du script complet mais uniquement un fichier texte contenant ces valeurs.

Quelqu'un peut-il m'aider ?

Merci beaucoup

G.

**E.Bzz** · 25/08/2009, 10h48

Bonjour et bienvenue sur Developpez.com

il suffit de couper/coller ces lignes dans un fichier (par exemple param.js), puis d'ajouter dans la partie <head> de la page, le lien qui appelle ce param.js :

Code :

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

<script type="text/javascript" src="param.js"></script>

Attention : pas de balises <script> dans le .js

A+

**bk313142** · 25/08/2009, 10h53

Merci mais il s'agit déjà d'un script externe (un fichier .js) dans lequel il y a, entre autres, le code que j'ai mentionné dans mon message et c'est cette partie de code que j'aimerais mettre dans un fichier séparé et y faire appel depuis mon 1er fichier .js

En clair, j'aimerais séparé le code de mon fichier .js et les valeurs qui doit utiliser (valeurs qui devront être régulièrement modifiées par d'autres personne que moi) et j'aimerais donc un simple fichier contenant le minimum de lignes de code.

Merci

**E.Bzz** · 25/08/2009, 10h56

Envoyé par bk313142

Merci mais il s'agit déjà d'un script externe

Ca ne change pas grand chose

Il suffit d'en faire un 2° : tu auras un param_declare.js et un param_valeurs.js, par exemple ...
Il suffit de bien les lier tous les 2 à la page. Les include sont considérés comme faisant partie de la page qui les appelles, que tu en ais un ou plusieurs ...

A+

**bk313142** · 25/08/2009, 10h59

Il n'y a pas moyen de faire l'appel depuis le script en lui-même ?
Je suis pas Superman en javascript et j'ai vraiment besoin d'aide sur ce coup-là...

**E.Bzz** · 25/08/2009, 11h15

Envoyé par bk313142

Il n'y a pas moyen de faire l'appel depuis le script en lui-même ?

Je ne crois pas.

Quel en serait l'intérêt ?

A+

**kohsaka** · 25/08/2009, 11h16

tu pourrais aller chercher les info dans un xml.

voila une solution ici mais avec la lib jQuery
http://pckult.developpez.com/tutorie...e-fichier-xml/

**E.Bzz** · 25/08/2009, 11h18

Envoyé par kohsaka

tu pourrais aller chercher les info dans un xml.

voila une solution ici mais avec la lib jQuery
http://pckult.developpez.com/tutorie...e-fichier-xml/

Utiliser XML ou JQuery uniquement pour modifier la méthode d'include ?

Un peu lourd, non ?

A+

**bk313142** · 25/08/2009, 11h26

Bon,

J'ai essayé la solution proposée.
c.a.d:

Code :

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

<script type="text/javascript" src="param.js">

J'ai donc créé un fichier param.js dans lequel j'ai inséré (tel quel):

Code :

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

1
2
3
4
5
var contents=new Array()
// Ensuite suivent les valeurs associées: 
contents[0]='Texte exemple #1'
contents[1]='Texte exemple #2'
contents[2]='Texte exemple #3'

et que j'ai donc effacé de mon premier script

Dans <head> j'ai rajoutté :

Code :

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

<script type="text/javascript" src="param.js">

Donc, maintenant je voudrais savoir comment je dois modifier pour que cela fonctionne car bien sûr il doit manquer qq chose qq part.

**E.Bzz** · 25/08/2009, 11h30

Le param.js est bien dans le même répertoire que la page ?

**bk313142** · 25/08/2009, 11h34

ben oui.
Seulement il doit bien y avoir qq chose à modifier qq part en plus.
Depuis tantôt on me parle d'include, est-ce que je dois utiliser cela qq part ?
(ex. dans mon script)

**kohsaka** · 25/08/2009, 11h37

Envoyé par E.Bzz

Utiliser XML ou JQuery uniquement pour modifier la méthode d'include ?

Un peu lourd, non ?

A+

je ne fait que répondre a sa question.
et pour avoir un fichier externe, je ne vois pas comment faire autrement.
et j'ai proposé jQuery dans l'hypothèse ou elle est déjà incluse a son projet.

sinon j'aurais fait la première solution, que tu as proposé.

**bk313142** · 25/08/2009, 11h37

J'ai également essayé de laisser

Code :

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

1
2
3
var contents=new Array()

var i=0...

dans mon premier script et uniquement

Code :

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

1
2
3
contents[0]='Texte exemple #1'
contents[1]='Texte exemple #2'
contents[2]='Texte exemple #3'

dans param.js sans résultat

Est-ce qu'il ne devrait pas y avoir un appel ICI

Code :

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

1
2
3
var contents=new Array()
// ICI include qq chose ??
var i=0...

suis paumé

**bk313142** · 25/08/2009, 11h44

PS: Merci quand-même à kohsaka.
Mais si je ne m'en sors déjà pas avec un simple appel en js, t'imagine ce que je suis paumé en voyant le code avec xml... je nage

**E.Bzz** · 25/08/2009, 11h45

Code :

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

1
2
3
4
5
6
7
8
<html>
<head>
<script type="text/javascript" src="param1.js"></script>
<script type="text/javascript" src="param2.js"></script>
</head>
<body onload="essai();">
</body>
</html>

avec param1.js =

Code :

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

var message="Hello world !";

et param2.js =

Code :

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

1
2
3
function essai() {
alert(message);
}

Marche pas, ça ?

A+

**bk313142** · 25/08/2009, 12h11

Bon, ca fonctionne, voici ce que j'ai fait:

J'ai créé param.js dans lequel j'y ai mis:

Code :

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

1
2
3
4
5
var contents=new Array()
// Ensuite suivent les valeurs associées: 
contents[0]='Texte exemple #1'
contents[1]='Texte exemple #2'
contents[2]='Texte exemple #3'

Dans mon fichier html j'ai ajoutté:

Code :

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

1
2
3
<head>
<script type="text/javascript" src="param.js"></script>
</head>

Dans mon script initial, jai remplacé

Code :

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

1
2
3
4
var contents=new Array()
contents[0]='Texte exemple #1'
contents[1]='Texte exemple #2'
contents[2]='Texte exemple #3'

par

Code :

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

1
2
3
function data() {
alert(contents);
}

et cela fonctionne parfaitement.

Merci beaucoup pour votre aide à tous les deux, c'est grâce à ça que j'ai pu résoudre mon problème.

@+

**E.Bzz** · 25/08/2009, 12h16

Arf !
C'est donc ma faute si ça marchait pas du 1° coup : j'avais oublié les </script>

PS : si tu pouvais utiliser le bouton "#" au lieu des "gras" et "italic" pour tes passages de code, ça serait nickel

EDIT : </script> ajouté dans mes posts précédents

A+

**bk313142** · 25/08/2009, 12h20

je n'ai pas du tout dit que c'était de ta faute, au contraire j'ai dit que c'était grâce à vous, donc...
et le

Code :

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

</script>

, ça je l'avais vu, quand-même.

et ok pour #

et encore un grand merci...

**kernelfailure** · 25/08/2009, 12h23

Envoyé par bk313142

Seulement il doit bien y avoir qq chose à modifier qq part en plus.

Manque plus que ton code pour utiliser tes données.

Soit ton code est écrit dans ta page html, soit il est importé par ta page.

Ce genre de méthode fonctionne très bien. Respecte bien importation des données, puis le code.

Vérifications supplémentaires : nom strict des fichiers, emplacements, encodage...

**bk313142** · 25/08/2009, 12h24

Pour être clair c'est

Code :

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

1
2
3
function essai() {
alert(message);
}

qui m'a fait comprendre ce qui me manquait.

@+

G.

Séparer déclaration de variables et affectation des valeurs

JavaScript

Discussions similaires

Partager

Partager