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
| <!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Gestionnaire de la base de connaissances - Outil de recherches</title>
<script type="text/javascript">
Condition_ajouter = function() {
var groupe = document.createElement("fieldset");
groupe.setAttribute("condition",Conditions.length);
var champ = document.createElement("input");
champ.setAttribute("type","button");
champ.setAttribute("value","supprimer cette condition");
champ.setAttribute("onClick","Condition_supprimer(this);");
groupe.appendChild(champ);
for(var c in Condition_type) {
switch(typeof Condition_type[c]) {
case 'object':
var champ = document.createElement("select");
champ.setAttribute("name",c);
for(var cc in Condition_type[c]) {
var champ_enfant = document.createElement("option");
champ_enfant.innerHTML = Condition_type[c][cc];
champ_enfant.setAttribute("value",cc);
champ.appendChild(champ_enfant);
}
groupe.appendChild(champ);
break;
case 'string':
var champ = document.createElement("input");
champ.setAttribute("type","text");
champ.setAttribute("name",c);
groupe.appendChild(champ);
break;
}
}
Conditions.push(Formulaire.appendChild(groupe));
};
Condition_supprimer = function(element) {
var fieldset = element.parentElement;
fieldset.parentElement.removeChild(fieldset);
};
var Condition_type = {
"operateur": {"ET":"&-et","OU":"|-ou"},
"colonnes": {"id":"identifiant","idext":"identifiant extérieur"},
"valeur": "",
}
var Formulaire = null;
var Conditions = [];
window.addEventListener("load",function() {
Formulaire = document.getElementsByTagName("form")[0];
Condition_ajouter()
});
</script>
</head>
<body>
<div id="page">
<input type="button" onClick="Condition_ajouter();" value="ajouter une condition" />
<form>
</form>
</div>
</body>
</html> |
Partager