Bonjour,
J'ai un fichier Javascript qui contient un script avec � l'int�rieur une variable globale qui contient les infos d'une BDD :
Pour faciliter la maintenance du code, j'ai d�clar� cette variable dans un fichier s�par� qui se nomme "bdd.js".
Code : S�lectionner tout - Visualiser dans une fen�tre � part var bdd = [{"id":100, "name":"foo", ...}, ...];
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>
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" ?
Code : S�lectionner tout - Visualiser dans une fen�tre � part
1
2
3 $(document).ready(function() { updateWebPage(bdd); });
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,
Partager