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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
| <script>
var tableau = document.getElementById("tableau");
function ajouterLigne()
{
var tableau2 = document.getElementById("tableau");
var ligne = tableau2.insertRow(-1);//on a ajouté une ligne
var colonne0 = ligne.insertCell(0);//on a une ajouté une cellule
colonne0.innerHTML += "<select><option>ATT</option><option>CTL</option><option>EVL</option></select>";
var colonne1 = ligne.insertCell(1);
colonne1.innerHTML += document.getElementById("cabine").value;
var colonne2 = ligne.insertCell(2);
colonne2.innerHTML += document.getElementById("indicatif").value;
var colonne3 = ligne.insertCell(3);
colonne3.innerHTML += document.getElementById("ETD").value;
var colonne4 = ligne.insertCell(4);
colonne4.innerHTML += document.getElementById("ADEP").value;
var colonne5 = ligne.insertCell(5);
colonne5.innerHTML += document.getElementById("ADES").value;
var colonne6 = ligne.insertCell(6);
colonne6.innerHTML += document.getElementById("Detail_PLN").value;
var colonne7 = ligne.insertCell(7);
colonne7.innerHTML += document.getElementById("IFF_SIF").value;
var colonne8 = ligne.insertCell(8);
colonne8.innerHTML += document.getElementById("Nb_AC").value;
var colonne9 = ligne.insertCell(9);
colonne9.innerHTML += document.getElementById("num").value;
var colonne10 = ligne.insertCell(10);
colonne10.innerHTML += "<input type=\"button\" onclick=\"myFunction();\" value=\"Modifier\"/>";
document.getElementById("myForm").reset();
setColorsByOption();
}
var colorByOption = {
"ATT": "green",
"CTL": "red",
"EVL": "yellow",
"STB": "white",
"FIN": "blue"
};
tableau.addEventListener("change", setColorsByOption);
function setColorsByOption(){
foreach(tableau.rows, function(row){
var valueChosen = row.querySelector("select").value;
row.style.color = colorByOption[valueChosen];
});
// petite fonction utilitaire à moi
function foreach(arraylike, iterator){
return Array.prototype.forEach.call(arraylike, iterator);
}
}
function supprimerLigne_indexN(){
var n;
// on récupère l'identifiant (id) de la table qui sera modifiée
var tableau1 = document.getElementById("tableau");
// nombre de lignes dans la table (avant suppression de la ligne n)
var nbLignes = tableau.rows.length;
n = prompt("Numéro de la ligne à supprimer ?\nEntrez une valeur entre 1 et " + (nbLignes-1));
if (n < 1 || n > (nbLignes))
{
alert("Erreur, valeur incorrecte");
return;
}
if (tableau1.rows.length)
{
tableau1.deleteRow(n); // suppression d'une ligne à l'index n
}
}
</script>
<script>
var index
function sort_int(p1,p2) { return p1[index]-p2[index]; } //fonction pour trier les nombres
function sort_char(p1,p2) { return ((p1[index]>=p2[index])<<1)-1; } //fonction pour trier les strings
function TableOrder(e,Dec) //Dec= 0:Croissant, 1:Décroissant
{ //---- Détermine : oCell(cellule) oTable(table) index(index cellule) -----//
var FntSort = new Array()
if(!e) e=window.event
for(oCell=e.srcElement?e.srcElement:e.target;oCell.tagName!="TH";oCell=oCell.parentNode); //determine la cellule sélectionnée
for(oTable=oCell.parentNode;oTable.tagName!="TABLE";oTable=oTable.parentNode); //determine l'objet table parent
for(index=0;oTable.rows[0].cells[index]!=oCell;index++); //determine l'index de la cellule
//---- Copier Tableau Html dans Table JavaScript ----//
var Table = new Array()
for(r=1;r<oTable.rows.length;r++) Table[r-1] = new Array()
for(c=0;c<oTable.rows[0].cells.length;c++) //Sur toutes les cellules
{ var Type;
objet=oTable.rows[1].cells[c].innerHTML.replace(/<\/?[^>]+>/gi,"")
if(objet.match(/^\d\d[\/-]\d\d[\/-]\d\d\d\d$/)) { FntSort[c]=sort_char; Type=0; } //date jj/mm/aaaa
else if(objet.match(/^[0-9£?$\.\s-]+$/)) { FntSort[c]=sort_int; Type=1; } //nombre, numéraire
else { FntSort[c]=sort_char; Type=2; } //Chaine de caractère
for(r=1;r<oTable.rows.length;r++) //De toutes les rangées
{ objet=oTable.rows[r].cells[c].innerHTML.replace(/<\/?[^>]+>/gi,"")
switch(Type)
{ case 0: Table[r-1][c]=new Date(objet.substring(6),objet.substring(3,5),objet.substring(0,2)); break; //date jj/mm/aaaa
case 1: Table[r-1][c]=parseFloat(objet.replace(/[^0-9.-]/g,'')); break; //nombre
case 2: Table[r-1][c]=objet.toLowerCase(); break; //Chaine de caractère
}
Table[r-1][c+oTable.rows[0].cells.length] = oTable.rows[r].cells[c].innerHTML
}
}
//--- Tri Table ---//
Table.sort(FntSort[index]);
if(Dec) Table.reverse();
//---- Copier Table JavaScript dans Tableau Html ----//
for(c=0;c<oTable.rows[0].cells.length;c++) //Sur toutes les cellules
for(r=1;r<oTable.rows.length;r++) //De toutes les rangées
oTable.rows[r].cells[c].innerHTML=Table[r-1][c+oTable.rows[0].cells.length];
}
</script> |
Faisabilité d'une opération
Répondre avec citation
Envoyé par AngePierre
Partager