Bonjour,

J'ai un fichier Javascript qui contient un script avec à l'intérieur une variable globale qui contient les infos d'une BDD :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
var bdd = [{"id":100, "name":"foo", ...}, ...];
Pour faciliter la maintenance du code, j'ai déclaré cette variable dans un fichier séparé qui se nomme "bdd.js".

Mon script principal utilise la variable de cette manière :
Code html : 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
<!doctype html>  
<html lang="fr">  
	<head>  
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1">
 
		<title>TITLE</title>  
 
		<link rel="stylesheet" href="styles.css">
	</head>
 
	<body>
		<div id="content">
		</div>
 
 
		<script src="js/jquery.js"></script>
		<script src="script.js"></script>
                <script src="bdd.js"></script>
	</body>  
</html>

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
$(document).ready(function() {
   updateWebPage(bdd);
});
La structure du code est bonne ?... Ma fonction updateWebPage() va s’exécuter uniquement si les deux fichiers .js sont chargés ?... que se passe va t'il se passer si le chargement de "bdd.js" prend du temps par rapport à "script.js" ?

PS : je ne veux pas utiliser AJAX car je veux que mon script fonctionne aussi en local pour faciliter les tests (pas besoin d'installer un outils comme MAMP sur le PC de dev).
PS2 : dans un second temps, j'aimerais pouvoir minimifier et fusionner tous les fichiers (html, css, js, images, ...)... existe t-il un outils simple d'installation et d’utilisation pour faire ça ?... c'est un petit projet, je n'ai donc pas envie d'installer une grosse toolchain pour faire ça.

Merci d'avance,