docW3C//DTD HTML 4.01 Transitional
download 
Plainte Transcription
W3C//DTD HTML 4.01 Transitional
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Requete_SQL</title>
<script src='/LemanOS/dwr/engine.js'>
</script>
<script src='/LemanOS/database.js'>
</script>
<script type="text/javascript">
var affichage1 = "";
var affichage2 = "";
var affichage3 = "";
var affichage4 = "";
function afficheTables(test){
switch (test) {
case "Livraisons":
var result1 = database.query("select * from Livraisons");
affichage1 = "<table border='1' cellspacing'1' cellpadding='1'><tr><td><b>No_p</b></td><td><b>No_u</
b></td><td><b>No_f</b></td><td><b>Quantite</b></td></tr>";
for (var i=0; i<result1.length; i++) {
affichage1 = affichage1 +"<tr><td>"+ result1[i].No_p +"</td><td>"+ result1[i].No_u +"</td><td>"+ res
ult1[i].No_f +"</td><td>"+ result1[i].Quantite+"</td></tr>";
}
affichage1 = affichage1 + "</table>";
document.getElementById("1").innerHTML = affichage1;
break;
case "Fournisseurs":
var result2 = database.query("select * from Fournisseurs");
affichage2 = "<table border='1' cellspacing'1'
cellpadding='1'><tr><td><b>No_f</b></td><td><b>Nom_f</b></td><td><b>Statuts</b></td><td><b>Ville</b></td
></tr>";
for (var i=0; i<result2.length; i++) {
affichage2 = affichage2 +"<tr><td>"+ result2[i].No_f +"</td><td>"+ result2[i].Nom_f +"</td><td>"+ re
sult2[i].Statuts +"</td><td>"+ result2[i].Ville+"</td></tr>";
}
affichage2 = affichage2 + "</table>";
document.getElementById("2").innerHTML = affichage2;
break;
case "Produits":
var result3 = database.query("select * from Produits");
affichage3 = "<table border='1' cellspacing'1'
cellpadding='1'><tr><td><b>No_p</b></td><td><b>Nom_p</b></td><td><b>Poids</b></td><td><b>Couleur</b></
td></tr>";
for (var i=0; i<result3.length; i++) {
affichage3 = affichage3 +"<tr><td>"+ result3[i].No_p +"</td><td>"+ result3[i].Nom_p +"</td><td>"+ r
esult3[i].Poids +"</td><td>"+ result3[i].Couleur+"</td></tr>";
}
affichage3 = affichage3 + "</table>";
document.getElementById("3").innerHTML = affichage3;
break;
case "Usines":
var result4 = database.query("select * from Usines");
affichage4 = "<table border='1' cellspacing'1'
cellpadding='1'><tr><td><b>No_u</b></td><td><b>Nom_u</b></td><td><b>Ville</b></td></tr>";
for (var i=0; i<result4.length; i++) {
affichage4 = affichage4 +"<tr><td>"+ result4[i].No_u +"</td><td>"+ result4[i].Nom_u +"</td><td>"+ r
esult4[i].Ville + "</td></tr>";
}
affichage4 = affichage4 + "</table>";
document.getElementById("4").innerHTML = affichage4;
break;
default:
}
}
function insereLivraisons(){
var a = document.getElementById("menuDeroulant1").value;
var b = document.getElementById("menuDeroulant2").value;
var c = document.getElementById("menuDeroulant3").value;
var d = document.getElementById("Quantite").value;
if (d=="") {
alert("Il faut entrer une valeur dans le champ Quantite");
} else {
var result = database.query("insert into Livraisons values("+a+","+b+","+c+","+d+")");
afficheTables("Livraisons");
}
}
function menuDeroulant(){
var menu1 = "";
var menu2 = "";
var menu3 = "";
var requete1 = database.query("select No_p, Nom_p, Couleur from Produits");
for (var i=0; i<requete1.length; i++) {
menu1 = menu1 + "<option value='"+parseInt(requete1[i].No_p)+"'>"+ requete1[i].Nom_p + "
"+ requete1[i].Couleur +"</option>";
}
document.getElementById("menuDeroulant1").innerHTML = menu1;
var requete2 = database.query("select No_u, Nom_u from Usines");
for (var i=0; i<requete2.length; i++) {
menu2 = menu2 + "<option value='"+parseInt(requete2[i].No_u)+"'>"+requete2[i].Nom_u+"</option>";
}
document.getElementById("menuDeroulant2").innerHTML = menu2;
var requete3 = database.query("select No_f, Nom_f from Fournisseurs");
for (var i=0; i<requete3.length; i++) {
menu3 = menu3 + "<option value='"+parseInt(requete3[i].No_f)+"'>"+requete3[i].Nom_f+"</option>";
}
document.getElementById("menuDeroulant3").innerHTML = menu3;
}
function resetTables(){
document.getElementById("1").innerHTML = ""
document.getElementById("2").innerHTML = ""
document.getElementById("3").innerHTML = ""
document.getElementById("4").innerHTML = ""
var reset = database.query("drop table if exists Livraisons");
var reset = database.query("drop table if exists Fournisseurs");
var reset = database.query("drop table if exists Produits");
var reset = database.query("drop table if exists Usines");
var reset = database.query("create table Usines (No_u int auto_increment primary key, Nom_u varchar(20),
Ville varchar(20))");
var reset = database.query("create table Fournisseurs (No_f int auto_increment primary key, Nom_f
varchar(20), Statuts varchar(20), Ville varchar(20))");
var reset = database.query("create table Produits (No_p int auto_increment primary key, Nom_p varchar(20),
Couleur varchar(20), Poids numeric(3))");
var reset = database.query("create table Livraisons (No_p int, No_u int, No_f int, Quantite int)");
var reset = database.query("insert into Usines values(null,'aaa','Lausanne')");
var reset = database.query("insert into Usines values(null,'bbb','Genève')");
var reset = database.query("insert into Produits values(null,'xxx','rouge',10)");
var reset = database.query("insert into Produits values(null,'yyy','jaune',15)");
var reset = database.query("insert into Produits values(null,'xxx','orange',10)");
var reset = database.query("insert into Fournisseurs values(null,'Uli','Sous-traitant','Lausanne')");
var reset = database.query("insert into Fournisseurs values(null,'Tom','Indépendant','Sion')");
var reset = database.query("insert into Fournisseurs values(null,'Max','Indépendant','Lausanne')");
var reset = database.query("insert into Livraisons values(1,1,1,120)");
var reset = database.query("insert into Livraisons values(1,1,2,30)");
var reset = database.query("insert into Livraisons values(2,1,1,15);");
menuDeroulant();
}
</script>
</head>
<body onload="menuDeroulant()">
<b><i>Test des requêtes SQL : Corrigé pour les menus déroulants</i></b><br>
<br>
<button onclick='resetTables()'>Réinitialisation des tables</button><br>
<br>
<table border="1" cellspacing="1" cellpadding="1">
<tr>
<td><b>No_p</b></td>
<td><b>No_u</b></td>
<td><b>No_f</b></td>
<td><b>Quantite</b></td>
</tr>
<tr>
<td>
<select id="menuDeroulant1">
</select>
</td>
<td>
<select id="menuDeroulant2">
</select>
</td>
<td>
<select id="menuDeroulant3">
</select>
</td>
<td><input id="Quantite"/></td>
</tr>
</table>
<button onclick='insereLivraisons()'>Insérer une livraison</button><br>
<br>
<table cellspacing="0" cellpadding="0">
<tr>
<td><button onclick='afficheTables("Livraisons")'>Afficher la table Livraisons</button></td>
<td><button onclick='afficheTables("Fournisseurs")'>Afficher la table Fournisseurs</button></td>
<td><button onclick='afficheTables("Produits")'>Afficher la table Produits</button></td>
<td><button onclick='afficheTables("Usines")'>Afficher la table Usines</button></td>
</tr>
<tr valign=top>
<td>
<div id="1">
</div>
</td>
<td>
<div id="2">
</div>
</td>
<td>
<div id="3">
</div>
</td>
<td>
<div id="4">
</div>
</td>
</tr>
</table>
</body>
</html>
