Bonjour,
mon code ne marche pas il ne reconnaît pas le require body-parser je crois
j'ai npm install express socket.io ent...
Voici mon code inscription.jsheader.js
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 // dépendance api express var bodyParser = require('body-parser'), app = require('express')(), server = require('http').createServer(app), io = require('socket.io').listen(server), ent = require('ent'), fs = require('fs'); //app.use(bodyParser.urlencoded({ extended: false })); var urlencodedparser = bodyParser.urlencoded({ extended: false }); //serveur html /*app.get('/', function(req, res) { res.sendFile( __dirname + '/index.html'); })*/ app.post('/index.html', urlencodedparser, function(req, res) { //console.log(req.body.nom); //window.alert(req.body.nom); //res.sendFile( __dirname + '/index.html'); //res.send('Hello World !'); var params = [req.body.nom,req.body.prenom,req.body.email,req.body.password]; for(var i = 0; i < params.length;i++) { console.log("param= " + params[i]); } }); server.listen(8080);index.html
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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56 window.onload = header; //windows. execute une methode de chargement de la page var lesBlocsDeMenus = []; function header(e){ var menuElements = ["acceuil","connexion","preferences"]; var FC = document.body.firstChild; for(var i = 0; i < menuElements.length; i++){ var menuSection = factory(i*10, 0, 80, 30,FC); setData(menuSection, "index", i); menuSection.innerHTML = menuElements[i]; menuSection.style.display = "inline-block"; menuSection.addEventListener("click", onClick); lesBlocsDeMenus.push(menuSection); } //navigation(0); } /* Fonction de gestion de bloc */ function factory(x, y, width, height,FC){ console.log("Créer bloc", width + "x" + height); var monBloc = document.createElement("div"); document.body.insertBefore(monBloc,FC); monBloc.style.top = y + "px"; monBloc.style.left = x + "px"; monBloc.style.width = width + "px"; //existe aussi 'em' et '%' monBloc.style.height = height + "px"; monBloc.style.position = "relative"; return monBloc; } function onClick(e){ var index = getData(e.target, "index"); console.log("menu click"+ index); //navigation(index); } function setData (bloc, field, value) { bloc.setAttribute("data-" + field, value); } function getData(bloc, field){ if(bloc.hasAttribute("data-" + field)) return bloc.getAttribute("data-" + field); return ""; }
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
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="block.css"/> </head> <body> <script type="text/javascript" src="inscription.js"></script> <div id="inscription"> <form method="post" action="index.html"> <fieldset> <legend>Inscription</legend> <label for="nom">Nom :</label> <input type="text" name="nom"><br> <label for="prenom">Prénom :</label> <input type="text" name="prenom"><br> <label for="email">Email :</label> <input type="email" name="email"><br> <label for="password">Mot de passe :</label> <input type="password" name="password"> <input type="submit" value="Envoyer"> </fieldset> </form> </div><!-- INSCRIPTION --> <script type="text/javascript" src="qry.js"></script> <script type="text/javascript" src="header.js"></script> <script type="text/javascript" src="inscription.js"></script> </body> </html>
Partager