I File
La form:
Il file index.php non farà altro che contenere la form e i link ai file .js. In effetti, potrebbe anche essere solo un .html, ma ho voluto farlo comunque in PHP, per lasciare più possibilità.
Ho lasciato layout il più scarno possibile. Il file è composto:
Come si vede ci sono tutti campi inseriti nella Tabella Utente, più, in fondo, tre select per la regione, la provincia e la città. Tutte e tre le select sono vuote all'inizio.Codice PHP:<?php
echo '<?xml version="1.0" encoding="UTF-8"?>';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xml:lang="it" >
<head>
<link rel="stylesheet" type="text/css" href="css/screen.css" />
<script type="text/javascript" src="js/mootools-1.2-core-yc.js"></script>
<script type="text/javascript" src="js/functions.form.js"></script>
</head>
<body>
<form action="script/actor.create.php" method="post" id="UserForm">
<div id="FormWrapper">
<h2>Registrazione Utente</h2>
<div>
<div class="floatedLeft">
Nome Utente:
</div>
<div class="floatedRight">
<div id="Result"></div><input type="text" name="username" id="username"/>
</div>
</div>
<hr/>
<div>
<div class="floatedLeft">
Nome:
</div>
<div class="floatedRight">
<input type="text" name="nome" />
</div>
</div>
<hr/>
<div>
<div class="floatedLeft">
Cognome:
</div>
<div class="floatedRight">
<input type="text" name="cognome" />
</div>
</div>
<hr/>
<div>
<div class="floatedLeft">
Password:
</div>
<div class="floatedRight">
<input type="password" name="password" />
</div>
</div>
<hr/>
<div>
<div class="floatedLeft">
Conferma Password:
</div>
<div class="floatedRight">
<input type="password" name="conferma" />
</div>
</div>
<hr/>
<div>
<div class="floatedLeft">
E-Mail:
</div>
<div class="floatedRight">
<input type="text" name="email" />
</div>
</div>
<hr/>
<div>
<div class="floatedLeft">
Indirizzo:
</div>
<div class="floatedRight">
<input type="text" name="indirizzo" size="30" />
</div>
</div>
<hr/>
<div>
<div class="floatedLeft">
CAP:
</div>
<div class="floatedRight">
<input type="text" name="cap" size="5" />
</div>
</div>
<hr/>
<div>
<div class="floatedLeft">
Codice Fiscale:
</div>
<div class="floatedRight">
<input type="text" name="codicefiscale" size="16" />
</div>
</div>
<hr/>
<div>
<div class="floatedLeft">
Regione:
</div>
<div class="floatedRight">
<select name="regione" id="regione">
</select>
</div>
</div>
<hr/>
<div>
<div class="floatedLeft">
Provincia:
</div>
<div class="floatedRight">
<select name="provincia" id="provincia">
</select>
</div>
</div>
<hr/>
<div>
<div class="floatedLeft">
Città:
</div>
<div class="floatedRight">
<select name="citta" id="citta">
</select>
</div>
</div>
<hr/>
<div style="text-align: center;">
<input type="submit" value="Inserisci Utente" disabled="true"/>
</div>
</div>
</form>
</body>
</html>
Da notare un Div con id="Result" all'interno del quale verrà visualizzato il risultato del controllo sull'Username.
Il secondo File è lo stle associato: screen.css:
Bisogna notare che il div con id="Result" ha altezza e larghezza fissa con un immagine di background, ho usato la classica immagine per il loading, un cerchietto che gira, inoltre è in Display none, perché fino a quando non inserisco caratteri nell'input username non voglio che si veda niente.Codice PHP:*{
margin: 0px;
padding: 0px;
}
body {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
background-color: #aaa;
}
#FormWrapper{
width: 600px;
margin: 20px auto;
padding-top: 10px;
background-color: #ddd;
border: 1px outset #777;
}
.floatedLeft{
width: 270px;
float: left;
text-align: right;
font-weight: bold;
height : 16px;
line-height: 16px;
}
.floatedRight{
width: 320px;
float: right;
height: 16px;
}
#Result{
width: 16px;
height: 16px;
float:right;
background: transparent url(../img/loading.gif) no-repeat;
margin-right: 200px;
display: none;
}
hr{
clear: both;
border: none;
}
#FormWrapper div{
margin-bottom: 15px;
}
h2{
text-align: center;
margin-bottom: 20px;
}
input, select{
font-size: 11px;
height: 16px;
line-height: 16px;
width:150px;
}
Collegamento con il DB
Per il collegamento con il DB ho usato l'esempio sulla guida pratica di HTML.it su PHP e MySQL: http://php.html.it/guide/leggi/77/gu...mysql-pratica/
File delle configurazioni config.inc.php:
File di definizione del Link Reference al DB db.inc.php:Codice PHP:<?php
$host_db = "rasputin.local";
$user_db = "usermanager";
$password_db = "usermanager";
$name_db = "User_Manager";
?>
Codice PHP:<?php
if(isset($host_db) && isset($user_db) && isset($password_db) && isset($name_db))
{
$db = mysql_connect($host_db, $user_db, $password_db);
if ($db == FALSE) die ("Errore nella connessione. Verificare i parametri nel file config.inc.php");
mysql_select_db($name_db, $db) or die ("Errore nella selezione del database. Verificare i parametri nel file config.inc.php");
}
if(!$db) die("Il link no è stato creato");
?>
Rispondi quotando