Discussion :

[Koobor]

Bonjour,

Sur mes diff�rentes pages html, j'ai des fonctions javascript qui effectuent diff�rentes op�rations.

Comme certaines fonctions �taient utilis�es par plusieurs pages html, je les ai r�unies dans un fichier "fonctions.js" que j'ai inclu dans ces pages html.

Je me suis dit ensuite que ce serait bien d'avoir toutes mes fonctions javascript dans un seul fichier que je pourrai alors inclure dans toutes mes pages, comme je l'ai fait pour mes pages PHP.

J'ai constat� ensuite que les fonctions javascript qui n'�taient pas utilis�es par certaines pages html �taient quand m�me lues et provoquaient des erreurs (par exemple lors de l'initialisation de variables javascript en r�cup�rant des variables php qui ne sont pas connues dans ces pages html). Ces erreurs emp�chent les autres fonctions d'�tre appel�es (un message me dit que la fonction est introuvable alors qu'elle est bien l�).

J'ai compris ce probl�me en isolant la fonction que je voulais utiliser dans un fichier. En incluant ce fichier, cela fonctionne � nouveau.

Ma question : Y'a-t-il un moyen d'avoir toutes mes fonctions javascript dans un fichier ?

Si cela n'est pas possible, je pense que je vais devoir �clater mes fonctions dans plusieurs fichiers (1 fonction = 1 fichier) et inclure chacun de ces fichiers dans les bonnes pages html...

Merci pour votre aide.

Alex

[marcha]

Salut,

d'un point de vue des performances, il faut savoir qu'une fois ton fichier
charg�, il va rester en cache. Maintenant cela d�pend du comportement
des utilisateurs pour pouvoir te dire si c'est rentable ou pas.

En ce qui concerne l'organisation de ton code tu peux faire des espaces
de nommage

Un exemple simple:

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
 
var util = {
 
  message: function(msg) {
    alert("Erreur: " + msg);
  },
 
  calcul: function(a, b) {
    return a + b;
  }
};
 
var navigation = {
 
  goto: function(path) {
    document.location.href = "http://www.monsite.com/" + path;
  }
}

A l'usage:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
 
  navigation.goto('index.html');
  alert( util.calcul(2, 4) );

C'est une piste parmi d'autres :-)

[Koobor]

Merci mais �a ne m'aide pas vraiment (ou alors j'ai pas encore tout compris, ce qui est fort probable vu que je ne suis pas un d�veloppeur confirm�...)

Ma question ne se rapportait pas � la performance de cette m�thode mais � sa faisabilit�.

Mon probl�me, c'est qu'une fonction n'est plus ex�cut�e car elle n'est plus trouv�e. Elle n'est plus trouv�e car une autre fonction (qui n'est pas utilis�e) provoque une erreur. Je voulais savoir s'il existait un moyen pour �viter ce probl�me.

Pour donner un exemple concret :

J'ai une fonction CheckString qui remplace un caract�re interdit par un retour arri�re dans un input box. Cette fonction est utilis�e dans tous mes formulaires.

J'ai une autre fonction Init_ChangeRequest qui doit initialiser un formulaire selon des donn�es contenues dans des variables PHP. J'initialise des variables javascript en recup�rant la valeur d'une variable PHP.

Or, cette 2�me fonction ne sera utilis�e que dans 2 formulaires. Pour les autres formulaires qui n'utilisent pas cette fonction, cela pose un probl�me car la variable PHP n'est pas connue, la variable javascript ne peut donc pas �tre initialis�e, ce qui va causer une erreur. La fonction CheckString ne sera pas ex�cut�e.

Meilleures salutations,
Alex

[marcha]

Salut,

Pour pouvoir t'aider, un petit bout de code illustrant le probl�me pourrait
servir.

[RomainVALERI]

La solution de premier abord semble �tre d'isoler ces deux fonctions et de ne les inclure que sur les pages pr�vues, o� elles ne provoquent donc pas d'erreur (je veux dire : pas a priori ).
Pour les autres, effectivement, tu peux tr�s bien les regrouper dans un seul fichier, avec �ventuellement un regroupage par espaces de noms comme le propose marcha, et l'inclure sur toutes les pages.

(mais pour plus de pr�cisions montre quand m�me ton code ^^)

[Koobor]

Voici le bout de code, comme demand�. Pour vous situer un peu, mon site permet aux administrateurs syst�me de demander des machines virtuelles. Ils peuvent �diter leur demandes, modifier les VM existantes, demander des clones, des templates, etc...

Dans mon fichier html, j'inclus le fichier de fonctions javascript :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
<?PHP
include("./incl_fonctions.js");
?>

La premi�re fonction est utilis�e lors de la modification d'une demande. Je vais r�cup�rer la config de la VM dans la DB que je stocke dans des variables PHP, puis je transmet ces valeurs dans des variables javascript. Selon la valeur de ces variables, certains �l�ments de mon formulaire sont activ�s, d�sactiv�s, affich�s, cach�s, ...

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
28
29
30
31
32
33
34
35
36
   function InitConfigOS()
      {
      var StrOSName = '<?php echo($StrOSName); ?>';
      var IntOSPreInst = '<?php echo($IntOSPreInst); ?>';
      var StrOSType = '<?php echo($StrOSType); ?>';
      var IntOSArch = '<?php echo($IntOSArch); ?>';
 
      if(IntOSPreInst == "1")	//OS pre-installe = oui
         {
         document.getElementById('OSYes').checked=true;
         }
      else
         {
         document.getElementById('OSNo').checked=true;
         document.getElementById('txtOSKey').value='';
         document.getElementById('txtOSKey').disabled=true;
         }
 
      if(StrOSType == "STANDARD")
         {
         document.getElementById('StandardOS').checked=true;
         document.getElementById('selOSid').disabled=false;
         document.getElementById('selOSid').value=StrOSName;
         document.getElementById('txtOSOther').value='';
         document.getElementById('txtOSOther').disabled=true;
         }
      else
         {
         document.getElementById('SpecificOS').checked=true;
         document.getElementById('txtOSOther').disabled=false;
         document.getElementById('txtOSOther').value=StrOSName;
         document.getElementById('selOSid').disabled=true;
         }
	  //Selection 32 ou 64bit
      document.getElementsByName('rbOS32-64')['OS'+IntOSArch].checked=true;
      } // fin fonction InitConfigOS

Voici une autre fonction qui est utilis�e � peu pr�s sur tous mes formulaires o� on trouve des input de type textbox. Par exemple, lorsque je demande une adresse IP, je remplace tout ce qui n'est pas des chiffres et des "." par un retour arri�re :

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
   function ChkStr(StrField, StrValue)
      {
      // Remplacement des caracteres interdits par un backspace lors de la frappe
      var digits = new RegExp(StrValue);
      var verif;
 
      for(i = 0; i < StrField.value.length; i++)
         {
         verif = digits.test(StrField.value.charAt(i));
 
         if(verif == false)
            {
            StrField.value = StrField.value.substr(0,i);
            }
         }
     }  //Function ChkStr

Cette 2�me fonction n'est pas ex�cut�e (le message dit qu'elle est introuvable) et j'obtiens un message d'erreur relatif � l'initialisation de la variable javascript "StrOSName" :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

var StrOSName = '<?php echo($StrOSName); ?>';

En effet, la variable PHP $StrOSName est inconnue (dans le cas o� on n'est pas en train d'�diter une demande) et il ne va pas plus loin.

Je pense que la solution la plus facile sera d'�clater ces fonctions dans diff�rents fichiers et de ne regrouper QUE les fonctions qui sont utilis�es partout.

Meilleures salutations,
Alex

[marcha]

Salut,

Est-ce que tu as FireFox avec les extensions Web Developper et FireBug ?

[Koobor]

Non, j'utilise Firefox mais jusqu'� maintenant, je m'en suis sorti avec la Console d'erreurs standard.

Mais je vais aller jeter un coup d'oeil sur ces extensions...