Salve a tutti, sono un giovane che si sta affacciando sul mondo della programmazione, ho creato un semplice database ed un login. Per database si intende una tabella interattiva, non un database di MYSQL. Il login funziona perfettamente e dopo del login mi va sulla pagina della tabella, funziona tutto solo che io vorrei fare in modo che quando creo una tabelle le novità e modifiche che inserisco dal sito con le funzioni varia rimangano online e non che una volta modificate se scompaiano. Vi allego l'index.php spero possiate aiutarmi.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Di</title>
<style>
table.tabella{
border: 2px solid #CCCCCC;
}
table.tabella th{
background-color : blue;
font-size : 16px;
color : white;
padding : 2px;
}
table.tabella td{
background-color : cyan;
color : back;
padding : 2px;
}
</style>
<script type='text/javascript'>
/*
- Preleviamo il riferimento alla tabella e al tbody
- Calcoliamo il numero di colonne presenti
- Cicliamo e per ogni cella nuova chiediamo da prompt il testo
- Nidifichiamo il testo nel td e il td nel tr
- Aggiungiamo la nuova riga tr nel tbody
*/
function aggiungiRiga(id_table){
var table = document.getElementById(id_table);
var tbody = table.getElementsByTagName('tbody')[0];
var colonne = table.getElementsByTagName('th').length;
var tr = document.createElement('tr');
for(var i=0; i<colonne; i++){
var td = document.createElement('td');
var tx = document.createTextNode(prompt("Inserisci il testo secondo i canoni "+(i+1),""));
td.appendChild(tx);
tr.appendChild(td);
}
tbody.appendChild(tr);
}
</script>
</head>
<body>
<b><h1>Benvenuto nel Database dei </h1> <br> <h2>Per inserire un prodotto clicca su "Aggiungi prodotto" e inserisci secondo l'ordine predefinito.</h2></b> <br>
<table border='2' id='my_table' class='tabella' cellspacing='0' cellpadding='0'>
<thead><tr><th>Numero Identificativo</th><th>Prodotto</th><th>Prezzo</th><th>Marca</th><th>Data</th><th>Quantita'</th><th>Commenti</th></tr></thead>
<tbody>
<body background="Sfondo.jpg">
</tbody>
</table><br/>
<input type='button' value='Aggiungi prodotto' onClick="aggiungiRiga('my_table')" />
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Di</title>
<style>
table.tabella{
border: 2px solid #CCCCCC;
}
table.tabella th{
background-color : blue;
font-size : 16px;
color : white;
padding : 2px;
}
table.tabella td{
background-color : cyan;
color : back;
padding : 2px;
}
</style>
<script type='text/javascript'>
/*
- Preleviamo il riferimento alla tabella e al tbody
- Calcoliamo il numero di colonne presenti
- Cicliamo e per ogni cella nuova chiediamo da prompt il testo
- Nidifichiamo il testo nel td e il td nel tr
- Aggiungiamo la nuova riga tr nel tbody
*/
function aggiungiRiga(id_table){
var table = document.getElementById(id_table);
var tbody = table.getElementsByTagName('tbody')[0];
var colonne = table.getElementsByTagName('th').length;
var tr = document.createElement('tr');
for(var i=0; i<colonne; i++){
var td = document.createElement('td');
var tx = document.createTextNode(prompt("Inserisci il testo secondo i canoni "+(i+1),""));
td.appendChild(tx);
tr.appendChild(td);
}
tbody.appendChild(tr);
}
</script>
</head>
<body>
<b><h1>Benvenuto nel Database dei </h1> <br> <h2>Per inserire un prodotto clicca su "Aggiungi prodotto" e inserisci secondo l'ordine predefinito.</h2></b> <br>
<table border='2' id='my_table' class='tabella' cellspacing='0' cellpadding='0'>
<thead><tr><th>Numero Identificativo</th><th>Prodotto</th><th>Prezzo</th><th>Marca</th><th>Data</th><th>Quantita'</th><th>Commenti</th></tr></thead>
<tbody>
<body background="Sfondo.jpg">
</tbody>
</table><br/>
<input type='button' value='Aggiungi prodotto' onClick="aggiungiRiga('my_table')" />
</body>
</html>