Bonsoir. J'aurais besoin d'un petit coup de main pour modifier le fonctionnement d'un portail captif ( wifi public )

Actuellement lorsqu'un visiteur se connecte au wifi il est redirigé vers une page de connexion ou il doit encoder le nom d'utilisateur / mot de passe qui lui a été attribué. Le problème est que ce wifi doit être public et que je dois pouvoir fournir un login / mot de passe automatiquement à l'utilisateur
( login / mot de passe identique pour chaque utilisateur, renouvelé de temps en temps )

Le constructeur du gestionnaire de points d'accès ( portail captif ) fourni des pages HTML personnalisables à uploader dans l'appareil qui intègre un petit serveur web (Mais pas de PHP sur ce serveur, serveur web basique )

Je voudrais pouvoir personnaliser cette page de connexion de sorte que l'utilisateur soit obligé de fournir son nom, prénom et adresse email, valide des conditions d'utilisation, que ces informations soient envoyées soit par mail ( sans mailto ) soit stockées dans une base de données.

Je voudrais aussi que sur cette même page il reçoive les noms d'utilisateur et mot de passe en retour de cet envoi de formulaire.

( si possible un bouton qui envoie les données du formulaire et qui retourne en même temps les codes d'accès, voir au pire qui affiche un iframe d'une page web stockée sur le serveur web "externe" ou qui affiche un texte qui était caché avant la validation )

Ci-joint un morceau de code que j'ai personnalisé.

A préciser : je peux placer un petit serveur WEB APACHE/PHP/MYSQL pour gérer ces formulaires, étant donné que l'appareil lui même ne possède qu'un serveur WEB.

Quelqu'un a t'il une idée de la meilleure manière de s'y prendre, si c'est possible ?

Merci et bonne soirée à tous et toutes.

Raphaël

PS : je suis sysadmin et pas développeur, ayez donc pitié de moi :-) par contre si je peux aider quelqu'un en réseau/ admin je suis dispo
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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>Login</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="shortcut icon" href="logo.ico" type="image/x-icon">
<link rel="stylesheet" type="text/css" href="../customize/css/Hospitality.css">
<style>
.previewMask{position:absolute; right:0px; bottom:0px; width:100%; height:100%; background-color:#FFFFFF; filter:alpha(opacity=5); -moz-opacity: 0.05; opacity: 0; z-index:5;}
.auto-style1 {
        margin-left: 30px;
}
</style>
<script language="JavaScript">
 
 
function chkError(){
 
if(window.name == "preview")
{
	document.getElementById("prevwmask").className="previewMask";
}	
 
if(typeof $e !== "undefined")
{
	var errorno=$e;
}	
else
{
	var errorno=0;	
}	
	if( errorno != 0){
		document.error.error_num.value = errorno;
		document.error.submit();
	}
	//document.login.username.select();
	//document.login.username.focus();
}
 
function multi_lingual(wording, filename){
	document.write(eval(filename+'[0].'+wording));
}
</script>
</head>
<body onload='chkError();'>
<div class="wrapper">
<div class="content">
<div id="form_wrapper" class="form_wrapper">
<form name="login" action="/login.cgi" enctype="application/x-www-form-urlencoded" method="post" autocomplete="off" class="loginHotel activeHotel">
<div class="hloginTop"><div class="hlogo"></div></div>
<div class="textword"><br />
	<img alt="Les galeries" height="118" src="../customize/images/logo-galeries.jpg" width="244" /><img alt="w" height="75" src="../customize/images/wifi.jpg" width="75" /><br />
	<br />
	Bonjour et bienvenue sur le <strong>Wi-Wi GRATUIT</strong> 
	Merci de bien vouloir marquer votre accord à propos des 
	conditions d'utilisation décrites ci-dessous.<br />
	<br />
	<textarea name="TextArea1" style="width: 335px; height: 67px">Bla bla bla et bla blablazfzerferferrferfBla bla bla et bla blablazfzerferferrferfBla bla bla et bla blablazfzerferferrferfBla bla bla et bla blablazfzerferferrferfBla bla bla et bla blablazfzerferferrferfBla bla bla et bla blablazfzerferferrferfBla bla bla et bla blablazfzerferferrferf</textarea>
	<br />
	<br />
	<input name="Checkbox1" type="checkbox" value="J'accepte les conditions d'utilisation" />&nbsp; 
	J'accepte les conditions d'utilisation.<br />
	<br />
	<input class="auto-style1" name="Nom" style="height: 47px" type="text" /><input name="Prenom" style="height: 46px" type="text" /><input name="Email" style="height: 47px" type="text" /><br />
	<br />
	<input name="Button1" style="width: 330px" type="button" value="Obtenir les codes d'accès maintenant !" /><br />
	<br />
	<br />
	Enter user name / password and click to login.</div>
<div>
<label>- Username</label>
<input type="text" name="username" >
</div>
<div>
<label>- Password</label>
<input type="password" name="password">
</div>
<div class=bottom>
<input type="submit" value="Login" class="buttonBtoom">
</center>
<div class="clear"></div>
</div>
</form>
</div>
</div>          
</div>
<form name= 'error' action="/webauth_error.cgi"
	enctype="application/x-www-form-urlencoded" method="post" autocomplete="off" target="_blank">
	<input type="hidden" name="error_num" value=0>
</form>
<div id=prevwmask>&nbsp;</div>
</body>
</html>