caricare file dentro un div con l' uso di template

**mamuthones** · 23-07-2013, 10:20

Salve,
sto rifacendo un piccolo gestionale che nella vecchia versione era sviluppato con i frame, html e php, vorrei migliorarlo con l' uso anche dei css e js/Ajax .

Mi sono creato un template con una pagina index.html al suo interno ho messo dei div con la colonna sinistra del menu e un div centrale dove vengono caricate le pagine in php richiamate dal menu, il file inserisci_anagrafica.php richiamato dal menu nel div centrale contiene una form che tramite il submit richiama un file elabora_anagrafica.php, il problema è che come viene richiamato elabora_anagrafica la pagina viene richiamata singolarmente e non dentro il div centrale...

ho letto un pò di documentazione su ajax e provato e riprovato alcuni esempi ma non riesco a venirne a capo.

Qualcuno ha qualche suggerimento ? Grazie

**Vindav** · 23-07-2013, 12:15

qua puoi vedere il codice per una chiamata ajax in js puro, per inserire i dati spediti da php usa innerHTML

**mamuthones** · 24-07-2013, 10:15

Grazie per il consiglio, sembra funzionare, l' unico problema e che non conosco innerHTML per passare i dati della form alla pagina in php che scrive sul database, allego i due file. Qualcuno ha qualche consiglio?

---------------------------------------------------------------------------------------
inserimento_anagrafica.php
<?php
echo "" . $_REQUEST['messaggio'] . "
";
?>

<html>

<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />

<script>
function loadXMLDoc()
{
var xmlhttp;
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("col-center").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","elabora_anagrafica.php",true);
xmlhttp.send();
}
</script>
</head>

<body>

<form name="moduloGuest" action="elabora_anagrafica.php" method="post">
<table>

<tr>
<td>cognome:</td><td><input type="text" name="cognome" size="30" maxlength="30"></td>
</tr>

<tr>
<td>nome:</td><td><input type="text" name="nome" size="30" maxlength="30"></td>
</tr>

<tr>
<td>nato:</td><td><input type="text" name="nato_a" size="30" maxlength="30"></td>
</tr>

<tr>
<td>data_nascita:</td><td><input type="text" name="data_nascita" size="11" maxlength="10"></td>
</tr>

<tr><td>Scegli il paese di residenza:
</td><td>

<select name="paese_residenza">
<option selected>ORISTANO</option>
<option>Abbasanta</option>
<option>Aidomaggiore</option>
<option>Albagiara</option>
<option>Ales</option>
<option>Allai</option>
<option>Arborea</option>
<option>Ardauli</option>

<option>Assolo</option>
<option>Asuni</option>
<option>Baradili</option>
<option>Baratili San Pietro</option>
<option>Baressa</option>
<option>Bauladu</option>
<option>Bidonì</option>
<option>Bonarcado</option>
<option>Boroneddu</option>

<option>Bosa</option>
<option>Busachi</option>
<option>Cabras</option>
<option>Cuglieri</option>
<option>Curcuris</option>
<option>Flussio</option>
<option>Fordongianus</option>
<option>Genoni</option>
<option>Ghilarza</option>

<option>Gonnoscodina</option>
<option>Gonnosnò</option>
<option>Gonnostramatza</option>
<option>Laconi</option>
<option>Magomadas</option>
<option>Marrubiu</option>
<option>Masullas</option>
<option>Milis</option>
<option>Modolo</option>

<option>Mogorella</option>
<option>Mogoro</option>
<option>Montresta</option>
<option>Morgongiori</option>
<option>Narbolia</option>
<option>Neoneli</option>
<option>Norbello</option>
<option>Nughedu Santa Vittoria</option>
<option>Nurachi</option>

<option>Nureci</option>
<option>Ollastra</option>
<option>Palmas Arborea</option>
<option>Pau</option>
<option>Paulilatino</option>
<option>Pompu</option>
<option>Riola Sardo</option>
<option>Ruinas</option>
<option>Sagama</option>

<option>Samugheo</option>
<option>San Nicolò d'Arcidano</option>
<option>San Vero Milis</option>
<option>Santa Giusta</option>
<option>Scano di Montiferro</option>
<option>Sedilo</option>
<option>Seneghe</option>
<option>Senis</option>
<option>Sennariolo</option>

<option>Siamaggiore</option>
<option>Siamanna</option>
<option>Siapiccia</option>
<option>Simala</option>
<option>Simaxis</option>
<option>Sini</option>
<option>Siris</option>
<option>Soddì</option>
<option>Solarussa</option>

<option>Sorradile</option>
<option>Suni</option>
<option>Tadasuni</option>
<option>Terralba</option>
<option>Tinnura</option>
<option>Tramatza</option>
<option>Tresnuraghes</option>
<option>Ulà Tirso</option>
<option>Uras</option>

<option>Usellus</option>
<option>Villa Sant'Antonio</option>
<option>Villa Verde</option>
<option>Villanova Truschedu</option>
<option>Villaurbana</option>
<option>Zeddiani</option>
<option>Zerfaliu</option>
</select>

</tr>

<tr>

<td>residente via e numero:</td><td><input type="text" name="via_numero" size="30" maxlength="60"></td>
</tr>

<tr>
<td>codice fiscale dipendente:</td><td><input type="text" name="codice_fiscale" size="16" maxlength="16"></td>
</tr>

<tr>
<td>phone mobile:</td><td><input type="text" name="phone_mobile" size="30" maxlength="16"></td>
</tr>

<tr>
<td>phone home:</td><td><input type="text" name="phone_home" size="30" maxlength="16"></td>

</tr>

<tr>
<td>fax:</td><td><input type="text" name="fax" size="30" maxlength="16"></td>
</tr>

<tr>
<td>e-mail:</td><td><input type="text" name="e_mail" size="30" maxlength="64"></td>
</tr>

<tr>
<td align="center" colspan="2"><button type="button" onclick="loadXMLDoc()">Change Content</button></td>

</tr>
</table>
</form>

</body>

</html>

---------------------------------------------------------------
elabora_anagrafica.php
<?php
$errori=array();
if (!isset($_POST['cognome'])|| empty($_POST['cognome']))
{

$errori[]='cognome';
}
if (!empty ($errori))
{
$messaggio="Errore nella compilazione dei campi del form";
header("Location: http://localhost/gestione_dipendenti...php?messaggio=$messaggio");

exit;
}
?>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<link rel="stylesheet" type="text/css" href="style.css" />
<TITLE>elaborazione dei dati anagrafici</TITLE>
</HEAD>
<BODY>

<?php
include ("connessione.php");
include ("funzioni.php");

?>

<?php
echo "elabora_anagrafica.php";
//parametri da passare alla tabella tab_anagrafica
$cognome=$_POST[cognome];
$nome=$_POST[nome];
$nato=$_POST[nato_a];
$data_nascita=$_POST[data_nascita];
$paese_residenza=$_POST[paese_residenza];
$via_numero=$_POST [via_numero];
$codice_fiscale=$_POST[codice_fiscale];

//parametri da passare alla tabella tab_contatti
$phone_mobile=$_POST[phone_mobile];
$phone_home=$_POST[phone_home];
$fax=$_POST[fax];
$email=$_POST[e_mail];

//formato la data
$data_nasc=convertiData("$data_nascita");

//adesso vado a scrivere i dati nella tabella tab_anagrafica

$inserimento=mysql_query ("insert into tab_anagrafica (cognome, nome, nato, data_nascita, residente, via_num, codice_fiscale)
values ('$cognome', '$nome', '$nato', '$data_nasc', '$paese_residenza', '$via_numero', '$codice_fiscale')");
$id=mysql_insert_id();//questa funzione mi restituisce id della query appena fatta !

$inserimento=mysql_query ("insert into tab_contatti (phone_mobile,phone_home ,fax,e_mail,id_anagrafica) values ('$phone_mobile','$phone_home','$fax','$email','$i d')");
/*if (!(mysql_query($inserimento, $connessione)))
{
header ('Locatin:aggancia_polizza.php');
exit;
}
else
{
echo"

Inserimento dati in tab_anagrafica fallito</p>";
echo"

".mysql_error() . "</p>";
}
*/

?>

<?php
include ("Kill_connessione.php");
?>
</BODY>
<HTML>
---------------------------------------------------------------------------

**Vindav** · 24-07-2013, 16:28

la parte js/html mi sembra a posto, l'unico errore è che manca l'elemento con id col-center

Discussione: caricare file dentro un div con l' uso di template

Strumenti discussione

Ricerca discussione

Visualizza

caricare file dentro un div con l' uso di template

Permessi di invio