Untitled

{% extends "base2.html" %}


{% block content %}


<head>
<title>graphe</title>

<script>
			$(document).ready(function() {

                              var uneref10= $('p.rep1953').text();
                          //alert(uneref10);
                        $('.my-progress-bar').simpleProgressBar();
                        $('.my-progress-bar2').simpleProgressBar();
                 });
		</script>


<style type="text/css">

input { border: 1px solid black;
        background-color:#FFFF70;}

input[type=submit]  {

     border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    cursor:pointer;
     margin-left:20px;
 }

#gauch{
width:140px ;
border: none;
float:left;
}

#droit{
float : left;
border: none;
width:50px ;
}


#gauche{
width:155px ;
border: solid 1px red;
float:left;
}

#droite{
float : left;
border: solid 1px blue;
width:155px ;
}


td { border: 1px solid black;
border-style: ridge;
     }


.my-progress-bar{
    overflow: hidden;
    display: inline-block;
    height: 4px;
    margin-left:0px;             /* Set height of bar */
    background: white;          /* Set background color or image */
    width: 200px;               /* Set width of bar */
}

.my-progress-bar div{
    margin-left:0px;
    height:5px;                /* For a horizontal bar, set fixed height, for vertical bar, set fixed width */
    background:#EA0000;         /* Set background color or image of current bar */

}
.my-progress-bar2{
    overflow: hidden;
    display: inline-block;
    height: 5px;               /* Set height of bar */
    background: white;          /* Set background color or image */
    width: 300px;               /* Set width of bar */
}

.my-progress-bar2 div{
    float:left;
    height:5px;                /* For a horizontal bar, set fixed height, for vertical bar, set fixed width */
    background:#EA0000;         /* Set background color or image of current bar */

    }


.my-progress-bar3{
    overflow: hidden;
    display: inline-block;
    height: 5px;               /* Set height of bar */
    background: white;          /* Set background color or image */
    width: 300px;               /* Set width of bar */
}

.my-progress-bar3 div{
    float:left;
    height:5px;                /* For a horizontal bar, set fixed height, for vertical bar, set fixed width */
    background:#EA0000;         /* Set background color or image of current bar */

    }

div#menu {
	float:left;
	width:300px;
	height:400px;

#menu2  {
max-with:960px;
margin-left:80px;
}

background-color:#FFFFFF;

    }

.MAP0 {
    margin-left:20px;
   // float:left;
width:320px;
height: 300px;

background-color:#FFFFFF;
border-width:1px;
border-style:dotted;
bottom:0px;
overflow:auto;


    }
div#contenu {
	float:left;
	margin-left:120px;
	width:300px;
	height:400px;
	background-color:#FFFFFF;
	}

div#pied_page {
	clear:both;
	width:600px;
	height:100px;
	background-color:#FFFFFF;
	}

.MAP {

    margin-left:20px;
    width:320px;
    float:left;
    }


.MAP1 {
    margin-left:30px;
    float:left;
width:300px;
height: 320px;

background-color:#FFFFFF;
border:none;
bottom:0px;
//overflow:auto;


    }


#contenu2 {
float:left;
	width:500px;
	height:400px;
	background-color:#FFFFFF;
}
#cont2  {
margin-left:50px;
}

#cont1  {
margin-left:50px;
}
#matfit {
margin-left:20px;
    height: 240px;
    width: 500px;
    }

#matfit .button {
        position: absolute;
        cursor: pointer;
    }


#matfit div.button {
        font-size: smaller;
        color: #999;
        background-color: #eee;
        padding: 2px;
    }

#matfit2 {
margin-left:20px;
    height: 240px;
    width: 500px;
    }

#matfit2 .button {
        position: absolute;
        cursor: pointer;
    }


#matfit2 div.button {
        font-size: smaller;
        color: #999;
        background-color: #eee;
        padding: 2px;
    }
.legend table, .legend > div { height: 94px !important; opacity: 1 !important; right: -140px; top: 1px; width: 80px !important; }
.legend table { border: 1px solid #555; padding: 15px; }


input.submit {
 background-color: #FFFFCC;
}


#placeholder {
    height: 240px;
    width: 500px;
  }
  .axisLabels {
    font-size: 12px;
    color: rgb(0, 0, 0);
  }
  .yaxisLabel {
    font-size: 12px;
    color: rgb(0, 0, 0);

    }

#trace2 {
    height: 240px;
    width: 500px;
  }
  .axisLabels {
    font-size: 12px;
    color: rgb(0, 0, 0);
  }
  .yaxisLabel {
    font-size: 12px;
    color: rgb(0, 0, 0);

    }

#placeholder .button1 {
        position: absolute;
        cursor: pointer;
    }

    #placeholder div.button1 {
        font-size: smaller;
        color: #999;
        background-color: #eee;
        padding: 2px;
    }
    .message {
        padding-left: 50px;
        font-size: smaller;
    }


#trace2 .button2 {
        position: absolute;
        cursor: pointer;
    }

    #trace2 div.button2 {
        font-size: smaller;
        color: #999;
        background-color: #eee;
        padding: 2px;
    }

    .message2 {
        padding-left: 50px;
        font-size: smaller;
    }

</style>


<script type="text/javascript">

$(document).ready(function () {

//$('.target').change(function() {


parent = $(this).parents();

var unetaille1= $('p.rep505').text();
var unetaille2= $('p.rep506').text();

var uneref1= $('p.rep3').text();        //  materiau  1
var uneref2= $('p.rep9').text();        //  materiau  2
var uneref3= $('p.rep4').text();        //  materiau  3
var uneref4= $('p.rep5').text();        //  materiau  4

var uneref10= $('p.rep20').text();      //  materiau  1
var uneref20= $('p.rep21').text();      //  materiau  2
var uneref30= $('p.rep22').text();      //  materiau  3
var uneref40= $('p.rep23').text();      //  materiau  4

allmat= $('p.rep132').text();

var vT1 = $('p.rep3000').text();
var vmin1 = $('p.rep3001').text();
var vmax1 = $('p.rep3002').text();

var vT2 = $('p.rep3003').text();
var vmin2 = $('p.rep3004').text();
var vmax2 = $('p.rep3005').text();

var vT3 = $('p.rep3006').text();
var vmin3 = $('p.rep3007').text();
var vmax3 = $('p.rep3008').text();

var vT4 = $('p.rep3009').text();
var vmin4 = $('p.rep3010').text();
var vmax4 = $('p.rep3011').text();

var vT10 = $('p.rep3012').text();
var vmin10 = $('p.rep3013').text();
var vmax10 = $('p.rep3014').text();

var vT20 = $('p.rep3015').text();
var vmin20 = $('p.rep3016').text();
var vmax20 = $('p.rep3017').text();

var vT30 = $('p.rep3018').text();
var vmin30 = $('p.rep3019').text();
var vmax30 = $('p.rep3020').text();

var vT40 = $('p.rep3021').text();
var vmin40 = $('p.rep3022').text();
var vmax40 = $('p.rep3023').text();

vT1= vT1.split(",");
vmin1= vmin1.split(",");
vmax1=vmax1.split(",");

vT2= vT2.split(",");
vmin2= vmin2.split(",");
vmax2=vmax2.split(",");

vT3= vT3.split(",");
vmin3= vmin3.split(",");
vmax3=vmax3.split(",");

vT10= vT10.split(",");
vmin10= vmin10.split(",");
vmax10=vmax10.split(",");


vT20= vT20.split(",");
vmin20= vmin20.split(",");
vmax20=vmax20.split(",");

vT30= vT30.split(",");
vmin30= vmin30.split(",");
vmax30=vmax30.split(",");


var dd1= [];


for (var i=0;i < vT1.length; i++)    {
  var elt =   [vT1[i], vmin1[i]]  ;
  dd1.push(elt);
}


var dd2= [];

for (var i=0;i < vT1.length; i++)    {
  var elt =   [vT1[i], vmax1[i]]  ;
  dd2.push(elt);
}


var dd7= [];

for (var i=0;i < vT2.length; i++)    {
  var elt =   [vT2[i], vmin2[i]]  ;
  dd7.push(elt);
}

var dd8= [];

for (var i=0;i < vT2.length; i++)    {
  var elt =   [vT2[i], vmax2[i]]  ;
  dd8.push(elt);
}

var dd9= [];

for (var i=0;i < vT3.length; i++)    {
  var elt =   [vT3[i], vmin3[i]]  ;
  dd9.push(elt);
}


var dd10= [];

for (var i=0;i < vT3.length; i++)    {
  var elt =   [vT3[i], vmax3[i]]  ;
  dd10.push(elt);
}


var dd11= [];

for (var i=0;i < vT4.length; i++)    {
  var elt =   [vT4[i], vmin4[i]]  ;
  dd11.push(elt);
}

var dd12= [];

for (var i=0;i < vT4.length; i++)    {
  var elt =   [vT4[i], vmax4[i]]  ;
  dd12.push(elt);
}

var dd100= [];

for (var i=0;i < vT10.length; i++)    {
  var elt =   [vT10[i], vmin10[i]]  ;
  dd100.push(elt);
}

var dd200= [];

for (var i=0;i < vT10.length; i++)    {
  var elt =   [vT10[i], vmax10[i]]  ;
  dd200.push(elt);
}

var dd300= [];

for (var i=0;i < vT20.length; i++)    {
  var elt =   [vT20[i], vmin20[i]]  ;
  dd300.push(elt);
}


var dd400= [];

for (var i=0;i < vT20.length; i++)    {
  var elt =   [vT20[i], vmax20[i]]  ;
  dd400.push(elt);
}

var dd500= [];

for (var i=0;i < vT30.length; i++)    {
  var elt =   [vT30[i], vmin30[i]]  ;
  dd500.push(elt);
}

var dd600= [];

for (var i=0;i < vT30.length; i++)    {
  var elt =   [vT30[i], vmax30[i]]  ;
  dd600.push(elt);
}

var dd700= [];

for (var i=0;i < vT40.length; i++)    {
  var elt =   [vT40[i], vmin40[i]]  ;
  dd700.push(elt);
}

var dd800= [];

for (var i=0;i < vT40.length; i++)    {
  var elt =   [vT40[i], vmax40[i]]  ;
  dd800.push(elt);
}


var mat1max1=  $('p.rep110').text();
var mat1min1=  $('p.rep120').text();
var mat1temp1= $('p.rep130').text();

var mat2max2=  $('p.rep140').text();
var mat2min2=  $('p.rep150').text();
var mat2temp2= $('p.rep160').text();
var mat3max3=  $('p.rep170').text();
var mat3min3=  $('p.rep180').text();
var mat3temp3= $('p.rep190').text();

var mat4max4=  $('p.rep191').text();
var mat4min4=  $('p.rep192').text();
var mat4temp4= $('p.rep193').text();


var mat10max10=  $('p.rep210').text();
var mat10min10=  $('p.rep220').text();
var mat10temp10= $('p.rep230').text();
var mat20max20=  $('p.rep240').text();
var mat20min20=  $('p.rep250').text();
var mat20temp20= $('p.rep260').text();
var mat30max30=  $('p.rep270').text();
var mat30min30=  $('p.rep280').text();
var mat30temp30= $('p.rep290').text();
var mat40max40=  $('p.rep291').text();
var mat40min40=  $('p.rep292').text();
var mat40temp40= $('p.rep293').text();


var Tmin1 = $('p.rep14').text();
var Tmax1 = $('p.rep15').text();
var Tmin10 = $('p.rep104').text();       //  Tmin2
var Tmax10 = $('p.rep105').text();       //  Tmax2
var valmin1 = $('p.rep16').text();
var valmax1 = $('p.rep17').text();
var valmin10 = $('p.rep107').text();
var valmax10 = $('p.rep106').text();
var d1= $('p.rep20').text().split(" ");
var d2= $('p.rep21').text();
var laprop1 = $('p.rep1').text();       //  propriete 1
var laprop2 = $('p.rep2').text();       //  propriete 2
var maref= $('p.rep26').text();
var maref2= $('p.rep27').text();
var unite1= $('p.rep30').text();
var unite2= $('p.rep31').text();


//var poids1 = $('#poids1 option:selected').text();
//var poids2 = $('#poids2 option:selected').text();

var poids1 = '1';
var poids2 = '1';
var materiel1=  $('p.rep500').text();
var materiel2= $('p.rep501').text();
var points1 = $('p.rep131').text();
var points2 = $('p.rep132').text();

var points10 = $('p.rep503').text();
var points20 = $('p.rep504').text();

var famille = $('p.rep700').text();


//alert(maref);  [<Material: CV66>, <Material: TS63>, <Material: Al2O3>, <Material: CN56>]

//******************************************materiau interpole 1*******************************************************

var conv_mat1min1 = mat1min1.split(" ");         // serie min 1er materiau
var conv_Tabs1 =    mat1temp1.split(" ");       // temperature (abscisse)
var conv_mat1max1 = mat1max1.split(" ");       // serie max 1er materiau


cmax=[]
for (var i=1;i < conv_mat1max1.length-3; i+=1)    {
    if (conv_mat1max1[i]>0)  {
    var eltm = [conv_mat1max1[i]];
    cmax.push(eltm);
    }
    }

cmin=[]
for (var i=1;i < conv_mat1min1.length-3; i+=1)    {
    if (conv_mat1min1[i]>0)  {
    var elt = [conv_mat1min1[i]];
    cmin.push(elt);
    }
    }

var T0 = []
for (var i=1;i < conv_Tabs1.length-4; i+=1)    {
    if (conv_Tabs1[i]>0)  {
    var elt1m = [conv_Tabs1[i]];
    T0.push(elt1m);
    }
    }

var dtmin1 = []

for (var i=1;i < cmin.length; i++)    {
    var elt2 = [T0[i], cmin[i]]  ;
    dtmin1.push(elt2);
    }


var dtmax1 = []

for (var i=1;i < cmax.length; i++)    {
    var elt2 = [T0[i], cmax[i]]  ;
    dtmax1.push(elt2);
    }


//******************************************materiau interpole 2*******************************************************


var conv_mat2min2 = mat2min2.split(" ");         // serie min 1er materiau
var conv_Tabs2 =    mat2temp2.split(" ");       // temperature (abscisse)
var conv_mat2max2 = mat2max2.split(" ");       // serie max 1er materiau

cmax=[]
for (var i=1;i < conv_mat2max2.length-3; i+=1)    {
    if (conv_mat2max2[i]>0)  {
    var eltm = [conv_mat2max2[i]];
    cmax.push(eltm);
    }
    }

cmin=[]
for (var i=1;i < conv_mat2min2.length-3; i+=1)    {
    if (conv_mat2min2[i]>0)  {
    var elt = [conv_mat2min2[i]];
    cmin.push(elt);
    }
    }

var T0 = []
for (var i=1;i < conv_Tabs2.length-4; i+=1)    {
    if (conv_Tabs2[i]>0)  {
    var elt2m = [conv_Tabs2[i]];
    T0.push(elt2m);
    }
    }

var dtmin2 = []

for (var i=1;i < cmin.length; i++)    {
    var elt2 = [T0[i], cmin[i]]  ;
    dtmin2.push(elt2);
    }

var dtmax2 = []

for (var i=1;i < cmax.length; i++)    {
    var elt2 = [T0[i], cmax[i]]  ;
    dtmax2.push(elt2);
    }


//******************************************materiau interpole 3*******************************************************

var conv_mat3min3 = mat3min3.split(" ");         // serie min 1er materiau
var conv_Tabs3 =    mat3temp3.split(" ");       // temperature (abscisse)
var conv_mat3max3 = mat3max3.split(" ");       // serie max 1er materiau

cmax=[]
for (var i=1;i < conv_mat3max3.length-3; i+=1)    {
    if (conv_mat3max3[i]>0)  {
    var eltm = [conv_mat3max3[i]];
    cmax.push(eltm);
    }
    }

cmin=[]
for (var i=1;i < conv_mat3min3.length-3; i+=1)    {
    if (conv_mat3min3[i]>0)  {
    var elt = [conv_mat3min3[i]];
    cmin.push(elt);
    }
    }

var T0 = []
for (var i=1;i < conv_Tabs3.length-4; i+=1)    {
    if (conv_Tabs3[i]>0)  {
    var elt2m = [conv_Tabs3[i]];
    T0.push(elt2m);
    }
    }

var dtmin3 = []

for (var i=1;i < cmin.length; i++)    {
    var elt2 = [T0[i], cmin[i]]  ;
    dtmin3.push(elt2);
    }

var dtmax3 = []

for (var i=1;i < cmax.length; i++)    {
    var elt2 = [T0[i], cmax[i]]  ;
    dtmax3.push(elt2);
    }

//******************************************materiau interpole 4*******************************************************

var conv_mat4min4 = mat4min4.split(" ");         // serie min 1er materiau
var conv_Tabs4 =    mat4temp4.split(" ");       // temperature (abscisse)
var conv_mat4max4 = mat4max4.split(" ");       // serie max 1er materiau

cmax=[]
for (var i=1;i < conv_mat4max4.length-3; i+=1)    {
    if (conv_mat4max4[i]>0)  {
    var eltm = [conv_mat4max4[i]];
    cmax.push(eltm);
    }
    }

cmin=[]
for (var i=1;i < conv_mat4min4.length-3; i+=1)    {
    if (conv_mat4min4[i]>0)  {
    var elt = [conv_mat4min4[i]];
    cmin.push(elt);
    }
    }

var T0 = []
for (var i=1;i < conv_Tabs4.length-4; i+=1)    {
    if (conv_Tabs4[i]>0)  {
    var elt2m = [conv_Tabs4[i]];
    T0.push(elt2m);
    }
    }

var dtmin4 = []

for (var i=1;i < cmin.length; i++)    {
    var elt2 = [T0[i], cmin[i]]  ;
    dtmin4.push(elt2);
    }

var dtmax4 = []

for (var i=1;i < cmax.length; i++)    {
    var elt2 = [T0[i], cmax[i]]  ;
    dtmax4.push(elt2);
    }


//******************************************materiau interpole 10*******************************************************

var conv_mat10min10 = mat10min10.split(" ");         // serie min 1er materiau
var conv_Tabs10 = mat10temp10.split(" ");               // temperature (abscisse)
var conv_mat10max10 = mat10max10.split(" ");         // serie max 1er materiau


cmax=[]
for (var i=1;i < conv_mat10max10.length-3; i+=1)    {
    if (conv_mat10max10[i]>0)  {
    var eltm = [conv_mat10max10[i]];
    cmax.push(eltm);
    }
    }

cmin=[]
for (var i=1;i < conv_mat10min10.length-3; i+=1)    {
    if (conv_mat10min10[i]>0)  {
    var elt = [conv_mat10min10[i]];
    cmin.push(elt);
    }
    }

var T0 = []
for (var i=1;i < conv_Tabs10.length-4; i+=1)    {
    if (conv_Tabs10[i]>0)  {
    var elt1m = [conv_Tabs10[i]];
    T0.push(elt1m);
    }
    }

var dtmin10 = []

for (var i=1;i < cmin.length; i++)    {
    var elt2 = [T0[i], cmin[i]]  ;
    dtmin10.push(elt2);
    }


var dtmax10 = []

for (var i=1;i < cmax.length; i++)    {
    var elt2 = [T0[i], cmax[i]]  ;
    dtmax10.push(elt2);
    }


//******************************************materiau interpole 20******************************************************


var conv_mat20min20 = mat20min20.split(" ");         // serie min 1er materiau
var conv_Tabs20 = mat20temp20.split(" ");               // temperature (abscisse)
var conv_mat20max20 = mat20max20.split(" ");         // serie max 1er materiau


cmax=[]
for (var i=1;i < conv_mat20max20.length-3; i+=1)    {
    if (conv_mat20max20[i]>0)  {
    var eltm = [conv_mat20max20[i]];
    cmax.push(eltm);
    }
    }

cmin=[]
for (var i=1;i < conv_mat20min20.length-3; i+=1)    {
    if (conv_mat20min20[i]>0)  {
    var elt = [conv_mat20min20[i]];
    cmin.push(elt);
    }
    }

var T0 = []
for (var i=1;i < conv_Tabs20.length-4; i+=1)    {
    if (conv_Tabs20[i]>0)  {
    var elt1m = [conv_Tabs20[i]];
    T0.push(elt1m);
    }
    }

var dtmin20 = []

for (var i=1;i < cmin.length; i++)    {
    var elt2 = [T0[i], cmin[i]]  ;
    dtmin20.push(elt2);
    }


var dtmax20 = []

for (var i=1;i < cmax.length; i++)    {
    var elt2 = [T0[i], cmax[i]]  ;
    dtmax20.push(elt2);
    }


//******************************************materiau interpole 30******************************************************

var conv_mat30min30 = mat30min30.split(" ");         // serie min 1er materiau
var conv_Tabs30 = mat30temp30.split(" ");               // temperature (abscisse)
var conv_mat30max30 = mat30max30.split(" ");         // serie max 1er materiau


cmax=[]
for (var i=1;i < conv_mat30max30.length-3; i+=1)    {
    if (conv_mat30max30[i]>0)  {
    var eltm = [conv_mat30max30[i]];
    cmax.push(eltm);
    }
    }

cmin=[]
for (var i=1;i < conv_mat30min30.length-3; i+=1)    {
    if (conv_mat30min30[i]>0)  {
    var elt = [conv_mat30min30[i]];
    cmin.push(elt);
    }
    }

var T0 = []
for (var i=1;i < conv_Tabs30.length-4; i+=1)    {
    if (conv_Tabs30[i]>0)  {
    var elt1m = [conv_Tabs30[i]];
    T0.push(elt1m);
    }
    }

var dtmin30 = []

for (var i=1;i < cmin.length; i++)    {
    var elt2 = [T0[i], cmin[i]]  ;
    dtmin30.push(elt2);
    }


var dtmax30 = []

for (var i=1;i < cmax.length; i++)    {
    var elt2 = [T0[i], cmax[i]]  ;
    dtmax30.push(elt2);
    }
//******************************************materiau interpole 40******************************************************

var conv_mat40min40 = mat40min40.split(" ");         // serie min 1er materiau
var conv_Tabs40 = mat40temp40.split(" ");               // temperature (abscisse)
var conv_mat40max40 = mat40max40.split(" ");         // serie max 1er materiau


cmax=[]
for (var i=1;i < conv_mat40max40.length-3; i+=1)    {
    if (conv_mat40max40[i]>0)  {
    var eltm = [conv_mat40max40[i]];
    cmax.push(eltm);
    }
    }

cmin=[]
for (var i=1;i < conv_mat40min40.length-3; i+=1)    {
    if (conv_mat40min40[i]>0)  {
    var elt = [conv_mat40min40[i]];
    cmin.push(elt);
    }
    }

var T0 = []
for (var i=1;i < conv_Tabs40.length-4; i+=1)    {
    if (conv_Tabs40[i]>0)  {
    var elt1m = [conv_Tabs40[i]];
    T0.push(elt1m);
    }
    }

var dtmin40 = []

for (var i=1;i < cmin.length; i++)    {
    var elt2 = [T0[i], cmin[i]]  ;
    dtmin40.push(elt2);
    }


var dtmax40 = []

for (var i=1;i < cmax.length; i++)    {
    var elt2 = [T0[i], cmax[i]]  ;
    dtmax40.push(elt2);
    }


$.getJSON("{% url search_courb2 %}", {'mat1': uneref1, 'mat2': uneref2, 'mat3': uneref3, 'mat4': uneref4, 'propriete1': laprop1,
                                      'famille': famille, 'Tmin1': Tmin1, 'Tmax1': Tmax1, 'valmin1': valmin1, 'valmax1': valmax1,
                                      'Tmin2': Tmin10, 'Tmax2': Tmax10, 'valmin2': valmin10, 'valmax2': valmax10, 'poids1': poids1, 'poids2':poids2,
                                      'mat10': uneref10, 'mat20': uneref20, 'mat30': uneref30, 'mat40': uneref40, 'propriete2': laprop2, 'mat5': maref,'mat6': maref2},  function(data) {


MAT1 = data['XX'];
MAT2 = data['VV'];
MAT3 = data['YY'];
MAT4 = data['ZZ'];
VALMAT1 = data['XX1'];
VALMAT2 = data['VV1'];
VALMAT3 = data['YY1'];
VALMAT4 = data['ZZ1'];
MAP = data['MAP'];


echellemin = data['valeurmin'];
echellemax = data['valeurmax'];
echelleTmin = data['valeurTmin'];
echelleTmax = data['valeurTmax'];


echellemin2 = data['valeurmin2'];
echellemax2 = data['valeurmax2'];
echelleTmin2 = data['valeurTmin2'];
echelleTmax2 = data['valeurTmax2'];


dd3 = [[Tmin1,valmin1], [Tmin1, valmax1]];
dd4 = [[Tmin1,valmax1], [Tmax1, valmax1]];
dd5 = [[Tmax1,valmax1], [Tmax1, valmin1]];
dd6 = [[Tmax1,valmin1], [Tmin1, valmin1]];

dd30 = [[Tmin10,valmin10], [Tmin10, valmax10]];
dd40 = [[Tmin10,valmax10], [Tmax10, valmax10]];
dd50 = [[Tmax10,valmax10], [Tmax10, valmin10]];
dd60 = [[Tmax10,valmin10], [Tmin10, valmin10]];


donnees1 = data['val_T1'];
donnees_min1 = data['val_min1'];
donnees_max1 = data['val_max1'];
longg = donnees1.length;


donnees2 = data['val_T2'];
donnees_min2 = data['val_min2'];
donnees_max2 = data['val_max2'];
longg2 = donnees2.length;


donnees3 = data['val_T3'];
donnees_min3 = data['val_min3'];
donnees_max3 = data['val_max3'];
longg3 = donnees3.length;


donnees4 = data['val_T4'];
donnees_min4 = data['val_min4'];
donnees_max4 = data['val_max4'];
longg4 = donnees4.length;


donnees10 = data['val_T10'];
donnees_min10 = data['val_min10'];
donnees_max10 = data['val_max10'];
longg10 = donnees10.length;

donnees20 = data['val_T20'];
donnees_min20 = data['val_min20'];
donnees_max20 = data['val_max20'];
longg20 = donnees20.length;


donnees30 = data['val_T30'];
donnees_min30 = data['val_min30'];
donnees_max30 = data['val_max30'];
longg30 = donnees30.length;


donnees40 = data['val_T40'];
donnees_min40 = data['val_min40'];
donnees_max40 = data['val_max40'];
longg40 = donnees40.length;


var d1= [];

for (var i=0;i < donnees1.length; i++)    {
  var elt =   [donnees1[i], donnees_min1[i]]  ;
  d1.push(elt);
}


var d2= [];

for (var i=0;i < donnees1.length; i++)    {
  var elt =   [donnees1[i], donnees_max1[i]]  ;
  d2.push(elt);
}


//*********************************************************Mat2
var d7= [];

for (var i=0;i < donnees2.length; i++)    {
  var elt =   [donnees2[i], donnees_min2[i]]  ;
  d7.push(elt);
}


var d8= [];

for (var i=0;i < donnees2.length; i++)    {
  var elt =   [donnees2[i], donnees_max2[i]]  ;
  d8.push(elt);
}

//**********************************************************Mat3

var d9= [];

for (var i=0;i < donnees3.length; i++)    {
  var elt =   [donnees3[i], donnees_min3[i]]  ;
  d9.push(elt);
}


var d10= [];

for (var i=0;i < donnees3.length; i++)    {
  var elt =   [donnees3[i], donnees_max3[i]]  ;
  d10.push(elt);
}

//**********************************************************Mat4


var d11= [];

for (var i=0;i < donnees4.length; i++)    {
  var elt =   [donnees4[i], donnees_min4[i]]  ;
  d11.push(elt);
}


var d12= [];

for (var i=0;i < donnees4.length; i++)    {
  var elt =   [donnees4[i], donnees_max4[i]]  ;
  d12.push(elt);
}


var d100= [];

for (var i=0;i < donnees10.length; i++)    {
  var elt =   [donnees10[i], donnees_min10[i]]  ;
  d100.push(elt);
}


var d200= [];

for (var i=0;i < donnees10.length; i++)    {
  var elt =   [donnees10[i], donnees_max10[i]]  ;
  d200.push(elt);
}


var d300= [];

for (var i=0;i < donnees20.length; i++)    {
  var elt =   [donnees20[i], donnees_min20[i]]  ;
  d300.push(elt);
}


var d400= [];

for (var i=0;i < donnees20.length; i++)    {
  var elt =   [donnees20[i], donnees_max20[i]]  ;
  d400.push(elt);
}

var d500= [];

for (var i=0;i < donnees30.length; i++)    {
  var elt =   [donnees30[i], donnees_min30[i]]  ;
  d500.push(elt);
}


var d600= [];

for (var i=0;i < donnees30.length; i++)    {
  var elt =   [donnees30[i], donnees_max30[i]]  ;
  d600.push(elt);
}


var d700= [];

for (var i=0;i < donnees40.length; i++)    {
  var elt =   [donnees40[i], donnees_min40[i]]  ;
  d700.push(elt);
}


var d800= [];

for (var i=0;i < donnees40.length; i++)    {
  var elt =   [donnees40[i], donnees_max40[i]]  ;
  d800.push(elt);
}


$("input[type='checkbox']").change(function(e) {

      var output = '';
      var output2 = '';
      var val1 = true;
      var val2 = true;
      var val3 = true;
      var val4 = true;

      var val21 = true;
      var val22 = true;
      var val23 = true;
      var val24 = true;


        //$('input[type="checkbox"]:checked').each(function(index) {

           $("input[type='checkbox'][name='courb1']:checked").each(function(){
            output += $(this).val() + ",";

        });


        $("input[type='checkbox'][name='courb2']:checked").each(function(){
            output2 += $(this).val() + ",";

        });


 if (output == '11' + ',' + '12' + ',' + '13' + ',' + '14' + ',') {

      var val1 = true;
      var val2 = true;
      var val3 = true;
      var val4 = true;

          }
    if (output == '' + ',' + '' + ',' + '' + ',' + '' + ',') {

      var val1 = false;
      var val2 = false;
      var val3 = false;
      var val4 = false;

          }

     if (output == '11' + ',' + '12' + ',' + '13' + ',') {

      var val1 = true;
      var val2 = true;
      var val3 = true;
      var val4 = false;

          }

    if (output == '11' + ',' + '13' + ',' + '14' + ',') {

      var val1 = true;
      var val2 = false;
      var val3 = true;
      var val4 = true;

          }

    if (output == '11' + ',' + '12' + ',' + '14' + ',') {

      var val1 = true;
      var val2 = true;
      var val3 = false;
      var val4 = true;

          }
    if (output == '12' + ',' + '13' + ',' + '14' + ',') {

      var val1 = false;
      var val2 = true;
      var val3 = true;
      var val4 = true;

          }

       if (output == '13' + ',' + '14' + ',') {

      var val1 = false;
      var val2 = false;
      var val3 = true;
      var val4 = true;

          }

        if (output == '11' + ',' + '12' + ',') {

      var val1 = true;
      var val2 = true;
      var val3 = false;
      var val4 = false;

          }

        if (output == '12' + ',' + '13' + ',') {

      var val1 = false;
      var val2 = true;
      var val3 = true;
      var val4 = false;

          }
    if (output == '11' + ',' + '14' + ',') {

      var val1 = true;
      var val2 = false;
      var val3 = false;
      var val4 = true;

          }

     if (output == '11' + ',') {

      var val1 = true;
      var val2 = false;
      var val3 = false;
      var val4 = false;

          }

    if (output == '12' + ',') {

      var val1 = false;
      var val2 = true;
      var val3 = false;
      var val4 = false;

          }
    if (output == '13' + ',') {

      var val1 = false;
      var val2 = false;
      var val3 = true;
      var val4 = false;

          }

    if (output == '14' + ',') {

      var val1 = false;
      var val2 = false;
      var val3 = false;
      var val4 = true;

          }

//alert(d12);


if (uneref4 == '0' && uneref3 == '0' && uneref2 == '0') {

var data10 = [


                  { data: dtmin1, points: { show: false ,size: 0.1, radius: 0.1  }, color: 'rgb(0, 0, 0)', lines: {show: val1, lineWidth: 1}},
                  { data: dtmax1, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(0, 0, 0)', lines: {show: val1, lineWidth: 1}},

                  //{ label: uneref2  , data: dtmin2, points: { show: false ,size: 0.1, radius: 0.1  }, color: 'rgb(255, 0, 0)', lines: {show: val2, lineWidth: 1}},
                  //{ data: dtmax2, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(255, 0, 0)', lines: {show: val2, lineWidth: 1}},

                  //{ label: uneref3  , data: dtmin3, points: { show: false ,size: 0.1, radius: 0.1  }, color: 'rgb(0, 0, 255)', lines: {show: val3, lineWidth: 1}},
                  //{ data: dtmax3, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(0, 0, 255)', lines: {show: val3, lineWidth: 1}},

                  //{ label: uneref4  , data: dtmin4, points: { show: false ,size: 0.1, radius: 0.1  }, color: 'rgb(51, 255, 0)', lines: {show: val4, lineWidth: 1}},
                  //{ data: dtmax4, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(51, 255, 0)', lines: {show: val4, lineWidth: 1}},

                        { label: uneref1  ,  data: dd1, points: { show: val1 ,size: 5 }, color: 'rgb(0, 0, 0)', lines: {show: false, lineWidth: 1}},
                        { data: dd2, points: { show: val1 ,size: 5 }, color: 'rgb(0, 0, 0)', lines: {show: false, lineWidth: 1}},

                        { data: dd7, points: { show: val2 ,size: 5 }, color: 'rgb(255, 0, 0)', lines: {show: false, lineWidth: 1}},
                        { data: dd8, points: { show: val2 ,size: 5 }, color: 'rgb(255, 0, 0)', lines: {show: false, lineWidth: 1}},

                        { data: dd9, points: { show: val3 ,size: 5 }, color: 'rgb(0, 0, 255)', lines: {show: false, lineWidth: 1}},
                        { data: dd10, points: { show: val3 ,size: 5 }, color: 'rgb(0, 0, 255)', lines: {show: false, lineWidth: 1}},

                        { data: dd11, points: { show: val4 ,size: 5 }, color: 'rgb(51, 255, 0)', lines: {show: false, lineWidth: 1}},
                        { data: dd12, points: { show: val4 ,size: 5 }, color: 'rgb(51, 255, 0)', lines: {show: false, lineWidth: 1}},

                  { data: dd3, points: { show: false ,size: 5, radius: 0.5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}},
                  { data: dd4, points: { show: false ,size: 5, radius: 0.5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}},
                  { data: dd5, points: { show: false ,size: 5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}},
                  { data: dd6, points: { show: false ,size: 5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}}
                          ];

}

else if (uneref4 == '0' && uneref3 == '0') {


var data10 = [


                  { data: dtmin1, points: { show: false ,size: 0.1, radius: 0.1  }, color: 'rgb(0, 0, 0)', lines: {show: val1, lineWidth: 1}},
                  { data: dtmax1, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(0, 0, 0)', lines: {show: val1, lineWidth: 1}},

                  { data: dtmin2, points: { show: false ,size: 0.1, radius: 0.1  }, color: 'rgb(255, 0, 0)', lines: {show: val2, lineWidth: 1}},
                  { data: dtmax2, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(255, 0, 0)', lines: {show: val2, lineWidth: 1}},

                  //{ label: uneref3  , data: dtmin3, points: { show: false ,size: 0.1, radius: 0.1  }, color: 'rgb(0, 0, 255)', lines: {show: val3, lineWidth: 1}},
                 // { data: dtmax3, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(0, 0, 255)', lines: {show: val3, lineWidth: 1}},

                  //{ label: uneref4  , data: dtmin4, points: { show: false ,size: 0.1, radius: 0.1  }, color: 'rgb(51, 255, 0)', lines: {show: val4, lineWidth: 1}},
                  //{ data: dtmax4, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(51, 255, 0)', lines: {show: val4, lineWidth: 1}},

                        {label: uneref1  ,  data: dd1, points: { show: val1 ,size: 5 }, color: 'rgb(0, 0, 0)', lines: {show: false, lineWidth: 1}},
                        { data: dd2, points: { show: val1 ,size: 5 }, color: 'rgb(0, 0, 0)', lines: {show: false, lineWidth: 1}},

                        { label: uneref2  ,  data: dd7, points: { show: val2 ,size: 5 }, color: 'rgb(255, 0, 0)', lines: {show: false, lineWidth: 1}},
                        { data: dd8, points: { show: val2 ,size: 5 }, color: 'rgb(255, 0, 0)', lines: {show: false, lineWidth: 1}},

                        { data: dd9, points: { show: val3 ,size: 5 }, color: 'rgb(0, 0, 255)', lines: {show: false, lineWidth: 1}},
                        { data: dd10, points: { show: val3 ,size: 5 }, color: 'rgb(0, 0, 255)', lines: {show: false, lineWidth: 1}},

                        { data: dd11, points: { show: val4 ,size: 5 }, color: 'rgb(51, 255, 0)', lines: {show: false, lineWidth: 1}},
                        { data: dd12, points: { show: val4 ,size: 5 }, color: 'rgb(51, 255, 0)', lines: {show: false, lineWidth: 1}},

                  { data: dd3, points: { show: false ,size: 5, radius: 0.5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}},
                  { data: dd4, points: { show: false ,size: 5, radius: 0.5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}},
                  { data: dd5, points: { show: false ,size: 5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}},
                  { data: dd6, points: { show: false ,size: 5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}}
                          ];
}

else if (uneref4 == '0') {


var data10 = [


                  { data: dtmin1, points: { show: false ,size: 0.1, radius: 0.1  }, color: 'rgb(0, 0, 0)', lines: {show: val1, lineWidth: 1}},
                  { data: dtmax1, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(0, 0, 0)', lines: {show: val1, lineWidth: 1}},

                  {  data: dtmin2, points: { show: false ,size: 0.1, radius: 0.1  }, color: 'rgb(255, 0, 0)', lines: {show: val2, lineWidth: 1}},
                  { data: dtmax2, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(255, 0, 0)', lines: {show: val2, lineWidth: 1}},

                  { data: dtmin3, points: { show: false ,size: 0.1, radius: 0.1  }, color: 'rgb(0, 0, 255)', lines: {show: val3, lineWidth: 1}},
                 { data: dtmax3, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(0, 0, 255)', lines: {show: val3, lineWidth: 1}},

                  //{ label: uneref4  , data: dtmin4, points: { show: false ,size: 0.1, radius: 0.1  }, color: 'rgb(51, 255, 0)', lines: {show: val4, lineWidth: 1}},
                  //{ data: dtmax4, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(51, 255, 0)', lines: {show: val4, lineWidth: 1}},

                        {label: uneref1  ,  data: dd1, points: { show: val1 ,size: 5 }, color: 'rgb(0, 0, 0)', lines: {show: false, lineWidth: 1}},
                        { data: dd2, points: { show: val1 ,size: 5 }, color: 'rgb(0, 0, 0)', lines: {show: false, lineWidth: 1}},

                        {label: uneref2  ,  data: dd7, points: { show: val2 ,size: 5 }, color: 'rgb(255, 0, 0)', lines: {show: false, lineWidth: 1}},
                        { data: dd8, points: { show: val2 ,size: 5 }, color: 'rgb(255, 0, 0)', lines: {show: false, lineWidth: 1}},

                        {label: uneref3  ,  data: dd9, points: { show: val3 ,size: 5 }, color: 'rgb(0, 0, 255)', lines: {show: false, lineWidth: 1}},
                        { data: dd10, points: { show: val3 ,size: 5 }, color: 'rgb(0, 0, 255)', lines: {show: false, lineWidth: 1}},

                        { data: d11, points: { show: val4 ,size: 5 }, color: 'rgb(51, 255, 0)', lines: {show: false, lineWidth: 1}},
                        { data: d12, points: { show: val4 ,size: 5 }, color: 'rgb(51, 255, 0)', lines: {show: false, lineWidth: 1}},

                  { data: dd3, points: { show: false ,size: 5, radius: 0.5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}},
                  { data: dd4, points: { show: false ,size: 5, radius: 0.5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}},
                  { data: dd5, points: { show: false ,size: 5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}},
                  { data: dd6, points: { show: false ,size: 5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}}
                          ];
}


else {

var data10 = [


                  { data: dtmin1, points: { show: false ,size: 0.1, radius: 0.1  }, color: 'rgb(0, 0, 0)', lines: {show: val1, lineWidth: 1}},
                  { data: dtmax1, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(0, 0, 0)', lines: {show: val1, lineWidth: 1}},

                  { data: dtmin2, points: { show: false ,size: 0.1, radius: 0.1  }, color: 'rgb(255, 0, 0)', lines: {show: val2, lineWidth: 1}},
                  { data: dtmax2, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(255, 0, 0)', lines: {show: val2, lineWidth: 1}},

                  { data: dtmin3, points: { show: false ,size: 0.1, radius: 0.1  }, color: 'rgb(0, 0, 255)', lines: {show: val3, lineWidth: 1}},
                  { data: dtmax3, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(0, 0, 255)', lines: {show: val3, lineWidth: 1}},

                  { data: dtmin4, points: { show: false ,size: 0.1, radius: 0.1  }, color: 'rgb(51, 255, 0)', lines: {show: val4, lineWidth: 1}},
                  { data: dtmax4, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(51, 255, 0)', lines: {show: val4, lineWidth: 1}},

                        {label: uneref1  ,  data: dd1, points: { show: val1 ,size: 5 }, color: 'rgb(0, 0, 0)', lines: {show: false, lineWidth: 1}},
                        { data: dd2, points: { show: val1 ,size: 5 }, color: 'rgb(0, 0, 0)', lines: {show: false, lineWidth: 1}},

                        {label: uneref2  ,  data: dd7, points: { show: val2 ,size: 5 }, color: 'rgb(255, 0, 0)', lines: {show: false, lineWidth: 1}},
                        { data: dd8, points: { show: val2 ,size: 5 }, color: 'rgb(255, 0, 0)', lines: {show: false, lineWidth: 1}},

                        {label: uneref3  ,  data: dd9, points: { show: val3 ,size: 5 }, color: 'rgb(0, 0, 255)', lines: {show: false, lineWidth: 1}},
                        { data: dd10, points: { show: val3 ,size: 5 }, color: 'rgb(0, 0, 255)', lines: {show: false, lineWidth: 1}},

                        {label: uneref4  ,  data: dd11, points: { show: val4 ,size: 5 }, color: 'rgb(51, 255, 0)', lines: {show: false, lineWidth: 1}},
                        { data: dd12, points: { show: val4 ,size: 5 }, color: 'rgb(51, 255, 0)', lines: {show: false, lineWidth: 1}},

                  { data: dd3, points: { show: false ,size: 5, radius: 0.5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}},
                  { data: dd4, points: { show: false ,size: 5, radius: 0.5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}},
                  { data: dd5, points: { show: false ,size: 5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}},
                  { data: dd6, points: { show: false ,size: 5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}}
                          ];
}


var matfit = $("#matfit");
    var options = {
        series: { lines: { show: true }, shadowSize: 0 },
         xaxis: { zoomRange: [0.01, echelleTmax], panRange: [echelleTmin, echelleTmax],
                  axisLabel: 'Temperature (C)'},
         yaxis: { zoomRange: [0.01, echellemax], panRange: [echellemin, echellemax],
                  axisLabel: laprop1 + '(' + unite1 + ')'},
        zoom: {
            interactive: true
        },
        pan: {
            interactive: true
        },
        legend: {
            labelBoxBorderColor: "none",
            position: "right"
        }

    };

var plot = $.plot(matfit, data10, options);


matfit.bind('plotpan', function (event, plot) {
        var axes = plot.getAxes();
        $(".message").html("Panning to x: " + axes.xaxis.min.toFixed(2)
                           + " &ndash; " + axes.xaxis.max.toFixed(2)
                           + " and y: " + axes.yaxis.min.toFixed(2)
                           + " &ndash; " + axes.yaxis.max.toFixed(2));
    });

    matfit.bind('plotzoom', function (event, plot) {
        var axes = plot.getAxes();
        $(".message").html("Zooming to x: " + axes.xaxis.min.toFixed(2)
                           + " &ndash; " + axes.xaxis.max.toFixed(2)
                           + " and y: " + axes.yaxis.min.toFixed(2)
                           + " &ndash; " + axes.yaxis.max.toFixed(2));
    });

    // add zoom out button
    $('<div class="button" style="right:400px;top:10px">zoom out</div>').appendTo(matfit).click(function (e) {
        e.preventDefault();
        plot.zoomOut();

    });


function addArrow(dir, right, top, offset) {
        $('<img class="button" src="arrow-' + dir + '.gif" style="right:' + right + 'px;top:' + top + 'px">').appendTo(matfit).click(function (e) {
            e.preventDefault();
            plot.pan(offset);
        });
    }

    addArrow('left', 55, 60, { left: -100 });
    addArrow('right', 25, 60, { left: 100 });
    addArrow('up', 40, 45, { top: -100 });
    addArrow('down', 40, 75, { top: 100 });


if (output2 == '21' + ',' + '22' + ',' + '23' + ',' + '24' + ',') {

      var val21 = true;
      var val22 = true;
      var val23 = true;
      var val24 = true;

          }

     if (output2 == '21' + ',' + '22' + ',' + '23' + ',') {

      var val21 = true;
      var val22 = true;
      var val23 = true;
      var val24 = false;

          }

    if (output2 == '21' + ',' + '22' + ',' + '24' + ',') {

      var val21 = true;
      var val22 = true;
      var val23 = false;
      var val24 = true;

          }

     if (output2 == '21' + ',' + '23' + ',' + '24' + ',') {

      var val21 = true;
      var val22 = false;
      var val23 = true;
      var val24 = true;

          }
    if (output2 == '22' + ',' + '23' + ',' + '24' + ',') {

      var val21 = false;
      var val22 = true;
      var val23 = true;
      var val24 = true;

          }

       if (output2 == '23' + ',' + '24' + ',') {

      var val21 = false;
      var val22 = false;
      var val23 = true;
      var val24 = true;

          }

         if (output2 == '21' + ',' + '24' + ',') {

      var val21 = true;
      var val22 = false;
      var val23 = false;
      var val24 = true;

          }

        if (output2 == '21' + ',' + '22' + ',') {

      var val21 = true;
      var val22 = true;
      var val23 = false;
      var val24 = false;

          }

        if (output2 == '22' + ',' + '23' + ',') {

      var val21 = false;
      var val22 = true;
      var val23 = true;
      var val24 = false;

          }

     if (output2 == '21' + ',' + '23' + ',') {

      var val21 = true;
      var val22 = false;
      var val23 = true;
      var val24 = false;

          }


     if (output2 == '21' + ',') {

      var val21 = true;
      var val22 = false;
      var val23 = false;
      var val24 = false;

          }

    if (output2 == '22' + ',') {

      var val21 = false;
      var val22 = true;
      var val23 = false;
      var val24 = false;

          }
    if (output2 == '23' + ',') {

      var val21 = false;
      var val22 = false;
      var val23 = true;
      var val24 = false;

          }

    if (output2 == '24' + ',') {

      var val21 = false;
      var val22 = false;
      var val23 = false;
      var val24 = true;

          }


if (uneref40 == '0' && uneref30 == '0' && uneref20 == '0') {

var data100 = [
                  {  data: dtmin10, points: { show: false ,size: 0.1, radius: 0.1  }, color: 'rgb(0, 0, 0)', lines: {show: val21, lineWidth: 1}},
                  { data: dtmax10, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(0, 0, 0)', lines: {show: val21, lineWidth: 1}},

                  //{ label: uneref20 , data: dtmin20, points: { show: false ,size: 5, radius: 0.1  }, color: 'rgb(255, 0, 0)', lines: {show: val22, lineWidth: 1}},
                  //{ data: dtmax20, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(255, 0, 0)', lines: {show: val22, lineWidth: 1}},

                  //{ label: uneref30 , data: dtmin30, points: { show: false ,size: 5, radius: 0.1  }, color: 'rgb(0, 0, 255)', lines: {show: val23, lineWidth: 1}},
                  //{ data: dtmax30, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(0, 0, 255)', lines: {show: val23, lineWidth: 1}},

                  //{ label: uneref40 , data: dtmin40, points: { show: false ,size: 5, radius: 0.1  }, color: 'rgb(51, 255, 0)', lines: {show: val24, lineWidth: 1}},
                  //{ data: dtmax40, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(51, 255, 0)', lines: {show: val24, lineWidth: 1}},

                   {label: uneref10 ,  data: dd100, points: { show: val21 ,size: 5 }, color: 'rgb(0, 0, 0)', lines: {show: false, lineWidth: 1}},
                        { data: dd200, points: { show: val21 ,size: 5 }, color: 'rgb(0, 0, 0)', lines: {show: false, lineWidth: 1}},


                        { data: dd300, points: { show: val22 ,size: 5 }, color: 'rgb(255, 0, 0)', lines: {show: false, lineWidth: 1}},
                        { data: dd400, points: { show: val22 ,size: 5 }, color: 'rgb(255, 0, 0)', lines: {show: false, lineWidth: 1}},

                        { data: dd500, points: { show: val23 ,size: 5 }, color: 'rgb(0, 0, 255)', lines: {show: false, lineWidth: 1}},
                        { data: dd600, points: { show: val23 ,size: 5 }, color: 'rgb(0, 0, 255)', lines: {show: false, lineWidth: 1}},

                        { data: d700, points: { show: val24 ,size: 5 }, color: 'rgb(51, 255, 0)', lines: {show: false, lineWidth: 1}},
                        { data: d800, points: { show: val24 ,size: 5 }, color: 'rgb(51, 255, 0)', lines: {show: false, lineWidth: 1}},

                  { data: dd30, points: { show: false ,size: 5, radius: 0.5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}},
                  { data: dd40, points: { show: false ,size: 5, radius: 0.5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}},
                  { data: dd50, points: { show: false ,size: 5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}},
                  { data: dd60, points: { show: false ,size: 5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}}
                          ];

}

else if (uneref40 == '0' && uneref30 == '0') {

var data100 = [
                  { data: dtmin10, points: { show: false ,size: 0.1, radius: 0.1  }, color: 'rgb(0, 0, 0)', lines: {show: val21, lineWidth: 1}},
                  { data: dtmax10, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(0, 0, 0)', lines: {show: val21, lineWidth: 1}},

                  {data: dtmin20, points: { show: false ,size: 5, radius: 0.1  }, color: 'rgb(255, 0, 0)', lines: {show: val22, lineWidth: 1}},
                  { data: dtmax20, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(255, 0, 0)', lines: {show: val22, lineWidth: 1}},

                  //{ label: uneref30 , data: dtmin30, points: { show: false ,size: 5, radius: 0.1  }, color: 'rgb(0, 0, 255)', lines: {show: val23, lineWidth: 1}},
                  //{ data: dtmax30, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(0, 0, 255)', lines: {show: val23, lineWidth: 1}},

                  //{ label: uneref40 , data: dtmin40, points: { show: false ,size: 5, radius: 0.1  }, color: 'rgb(51, 255, 0)', lines: {show: val24, lineWidth: 1}},
                  //{ data: dtmax40, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(51, 255, 0)', lines: {show: val24, lineWidth: 1}},

                   { label: uneref10 ,  data: dd100, points: { show: val21 ,size: 5 }, color: 'rgb(0, 0, 0)', lines: {show: false, lineWidth: 1}},
                        { data: dd200, points: { show: val21 ,size: 5 }, color: 'rgb(0, 0, 0)', lines: {show: false, lineWidth: 1}},

                        { label: uneref20 ,  data: dd300, points: { show: val22 ,size: 5 }, color: 'rgb(255, 0, 0)', lines: {show: false, lineWidth: 1}},
                        { data: dd400, points: { show: val22 ,size: 5 }, color: 'rgb(255, 0, 0)', lines: {show: false, lineWidth: 1}},

                        { data: dd500, points: { show: val23 ,size: 5 }, color: 'rgb(0, 0, 255)', lines: {show: false, lineWidth: 1}},
                        { data: dd600, points: { show: val23 ,size: 5 }, color: 'rgb(0, 0, 255)', lines: {show: false, lineWidth: 1}},

                        { data: dd700, points: { show: val24 ,size: 5 }, color: 'rgb(51, 255, 0)', lines: {show: false, lineWidth: 1}},
                        { data: dd800, points: { show: val24 ,size: 5 }, color: 'rgb(51, 255, 0)', lines: {show: false, lineWidth: 1}},

                  { data: dd30, points: { show: false ,size: 5, radius: 0.5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}},
                  { data: dd40, points: { show: false ,size: 5, radius: 0.5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}},
                  { data: dd50, points: { show: false ,size: 5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}},
                  { data: dd60, points: { show: false ,size: 5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}}
                          ];
}

else if (uneref40 == '0') {

var data100 = [
                  { data: dtmin10, points: { show: false ,size: 0.1, radius: 0.1  }, color: 'rgb(0, 0, 0)', lines: {show: val21, lineWidth: 1}},
                  { data: dtmax10, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(0, 0, 0)', lines: {show: val21, lineWidth: 1}},

                  { data: dtmin20, points: { show: false ,size: 5, radius: 0.1  }, color: 'rgb(255, 0, 0)', lines: {show: val22, lineWidth: 1}},
                  { data: dtmax20, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(255, 0, 0)', lines: {show: val22, lineWidth: 1}},

                  { data: dtmin30, points: { show: false ,size: 5, radius: 0.1  }, color: 'rgb(0, 0, 255)', lines: {show: val23, lineWidth: 1}},
                  { data: dtmax30, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(0, 0, 255)', lines: {show: val23, lineWidth: 1}},

                  //{ label: uneref40 , data: dtmin40, points: { show: false ,size: 5, radius: 0.1  }, color: 'rgb(0, 0, 0)', lines: {show: val24, lineWidth: 1}},
                  //{ data: dtmax40, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(0, 0, 0)', lines: {show: val24, lineWidth: 1}},

                   {label: uneref10 ,  data: dd100, points: { show: val21 ,size: 5 }, color: 'rgb(0, 0, 0)', lines: {show: false, lineWidth: 1}},
                        { data: dd200, points: { show: val21 ,size: 5 }, color: 'rgb(0, 0, 0)', lines: {show: false, lineWidth: 1}},


                        {label: uneref20 , data: dd300, points: { show: val22 ,size: 5 }, color: 'rgb(255, 0, 0)', lines: {show: false, lineWidth: 1}},
                        { data: dd400, points: { show: val22 ,size: 5 }, color: 'rgb(255, 0, 0)', lines: {show: false, lineWidth: 1}},

                        { label: uneref30 ,  data: dd500, points: { show: val23 ,size: 5 }, color: 'rgb(0, 0, 255)', lines: {show: false, lineWidth: 1}},
                        { data: dd600, points: { show: val23 ,size: 5 }, color: 'rgb(0, 0, 255)', lines: {show: false, lineWidth: 1}},

                        { data: dd700, points: { show: val24 ,size: 5 }, color: 'rgb(51, 255, 0)', lines: {show: false, lineWidth: 1}},
                        { data: dd800, points: { show: val24 ,size: 5 }, color: 'rgb(51, 255, 0)', lines: {show: false, lineWidth: 1}},

                  { data: dd30, points: { show: false ,size: 5, radius: 0.5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}},
                  { data: dd40, points: { show: false ,size: 5, radius: 0.5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}},
                  { data: dd50, points: { show: false ,size: 5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}},
                  { data: dd60, points: { show: false ,size: 5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}}
                          ];
}


else {

var data100 = [
                  { data: dtmin10, points: { show: false ,size: 0.1, radius: 0.1  }, color: 'rgb(0, 0, 0)', lines: {show: val21, lineWidth: 1}},
                  { data: dtmax10, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(0, 0, 0)', lines: {show: val21, lineWidth: 1}},

                  { data: dtmin20, points: { show: false ,size: 5, radius: 0.1  }, color: 'rgb(255, 0, 0)', lines: {show: val22, lineWidth: 1}},
                  { data: dtmax20, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(255, 0, 0)', lines: {show: val22, lineWidth: 1}},

                  { data: dtmin30, points: { show: false ,size: 5, radius: 0.1  }, color: 'rgb(0, 0, 255)', lines: {show: val23, lineWidth: 1}},
                  { data: dtmax30, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(0, 0, 255)', lines: {show: val23, lineWidth: 1}},

                  {data: dtmin40, points: { show: false ,size: 5, radius: 0.1  }, color: 'rgb(51, 255, 0)', lines: {show: val24, lineWidth: 1}},
                  { data: dtmax40, points: { show: false ,size: 0.1, radius: 0.1}, color: 'rgb(0, 0, 0)', lines: {show: val24, lineWidth: 1}},

                   {label: uneref10 ,  data: dd100, points: { show: val21 ,size: 5 }, color: 'rgb(51, 255, 0)', lines: {show: false, lineWidth: 1}},
                        { data: dd200, points: { show: val21 ,size: 5 }, color: 'rgb(0, 0, 0)', lines: {show: false, lineWidth: 1}},


                        {label: uneref20 ,  data: dd300, points: { show: val22 ,size: 5 }, color: 'rgb(255, 0, 0)', lines: {show: false, lineWidth: 1}},
                        { data: dd400, points: { show: val22 ,size: 5 }, color: 'rgb(255, 0, 0)', lines: {show: false, lineWidth: 1}},

                        {label: uneref30 ,  data: dd500, points: { show: val23 ,size: 5 }, color: 'rgb(0, 0, 255)', lines: {show: false, lineWidth: 1}},
                        { data: dd600, points: { show: val23 ,size: 5 }, color: 'rgb(0, 0, 255)', lines: {show: false, lineWidth: 1}},

                        {label: uneref40 ,  data: dd700, points: { show: val24 ,size: 5 }, color: 'rgb(51, 255, 0)', lines: {show: false, lineWidth: 1}},
                        { data: dd800, points: { show: val24 ,size: 5 }, color: 'rgb(51, 255, 0)', lines: {show: false, lineWidth: 1}},

                  { data: dd30, points: { show: false ,size: 5, radius: 0.5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}},
                  { data: dd40, points: { show: false ,size: 5, radius: 0.5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}},
                  { data: dd50, points: { show: false ,size: 5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}},
                  { data: dd60, points: { show: false ,size: 5 }, color: "rgb(255, 0, 0)", lines: {show: true, lineWidth: 1}}
                          ];

}


var matfit2 = $("#matfit2");
    var options = {
        series: { lines: { show: true }, shadowSize: 0 },
         xaxis: { zoomRange: [0.01, echelleTmax2], panRange: [echelleTmin2, echelleTmax2],
                  axisLabel: 'Temperature (C)'},
        yaxis: { zoomRange: [0.01, echellemax2], panRange: [echellemin2, echellemax2],
                 axisLabel: laprop2 + '(' + unite2 + ')'},
        zoom: {
            interactive: true
        },
        pan: {
            interactive: true
        },
        legend: {
            labelBoxBorderColor: "none",
            position: "right"
        }

    };

var plot2 = $.plot(matfit2, data100, options);


matfit2.bind('plotpan', function (event, plot2) {
        var axes = plot2.getAxes();
        $(".message").html("Panning to x: " + axes.xaxis.min.toFixed(2)
                           + " &ndash; " + axes.xaxis.max.toFixed(2)
                           + " and y: " + axes.yaxis.min.toFixed(2)
                           + " &ndash; " + axes.yaxis.max.toFixed(2));
    });

    matfit2.bind('plotzoom', function (event, plot2) {
        var axes = plot2.getAxes();
        $(".message").html("Zooming to x: " + axes.xaxis.min.toFixed(2)
                           + " &ndash; " + axes.xaxis.max.toFixed(2)
                           + " and y: " + axes.yaxis.min.toFixed(2)
                           + " &ndash; " + axes.yaxis.max.toFixed(2));
    });

    // add zoom out button
    $('<div class="button" style="right:400px;top:10px">zoom out</div>').appendTo(matfit2).click(function (e) {
        e.preventDefault();
        plot2.zoomOut();

    });


function addArrow(dir, right, top, offset) {
        $('<img class="button" src="arrow-' + dir + '.gif" style="right:' + right + 'px;top:' + top + 'px">').appendTo(matfit2).click(function (e) {
            e.preventDefault();
            plot2.pan(offset);
        });
    }

    addArrow('left', 55, 60, { left: -100 });
    addArrow('right', 25, 60, { left: 100 });
    addArrow('up', 40, 45, { top: -100 });
    addArrow('down', 40, 75, { top: 100 });


 return false;

  }).change();


      });


  //   }); // getjson

//    });                 //  change(function()
//  $('.target').change();

 });

</script>

</head>

<body>


<div id="Bandeau" >Base De Donnees Materiaux - DMSM</div>
</br>
</br>
</br>
</br>

<p class= "rep3" width="100" style= "display:none;">{{ ref }}</p>
<p class= "rep9" width="100" style= "display:none;">{{ laref2}}</p>
<p class= "rep4" width="100" style= "display:none;">{{ laref3 }}</p>
<p class= "rep5" width="100" style= "display:none;">{{ laref4 }}</p>
<p class= "rep20" width="100" style= "display:none;">{{ laref10 }}</p>
<p class= "rep21" width="100" style= "display:none;">{{ laref20}}</p>
<p class= "rep22" width="100" style= "display:none;">{{ laref30 }}</p>
<p class= "rep23" width="100" style= "display:none;">{{ laref40 }}</p>
<p class= "rep110" width="100" style= "display:none;">{{ mat1max1 }}</p>
<p class= "rep120" width="100" style= "display:none;">{{ mat1min1 }}</p>
<p class= "rep130" width="100" style= "display:none;">{{ mat1temp1 }}</p>
<p class= "rep140" width="100" style= "display:none;">{{ mat2max2 }}</p>
<p class= "rep150" width="100" style= "display:none;">{{ mat2min2 }}</p>
<p class= "rep160" width="100" style= "display:none;">{{ mat2temp2 }}</p>
<p class= "rep170" width="100" style= "display:none;">{{ mat3max3 }}</p>
<p class= "rep180" width="100" style= "display:none;">{{ mat3min3 }}</p>
<p class= "rep190" width="100" style= "display:none;">{{ mat3temp3 }}</p>
<p class= "rep191" width="100" style= "display:none;">{{ mat4max4 }}</p>
<p class= "rep192" width="100" style= "display:none;">{{ mat4min4 }}</p>
<p class= "rep193" width="100" style= "display:none;">{{ mat4temp4 }}</p>
<p class= "rep14" width="100" style= "display:none;">{{ Tmin1 }}</p>
<p class= "rep15" width="100" style= "display:none;">{{ Tmax1 }}</p>
<p class= "rep16" width="100" style= "display:none;">{{ valmin1 }}</p>
<p class= "rep17" width="100" style= "display:none;">{{ valmax1 }}</p>
<p class= "rep107" width="100" style= "display:none;">{{ valmin2 }}</p>
<p class= "rep106" width="100" style= "display:none;">{{ valmax2 }}</p>
<p class= "rep1" width="100" style= "display:none;">{{ propriete1 }}</p>
<p class= "rep2" width="100" style= "display:none;">{{ propriete2 }}</p>
<p class= "rep26" width="100" style= "display:none;">{{ dref }}</p>
<p class= "rep27" width="100" style= "display:none;">{{ dref2 }}</p>

<p class= "rep104" width="100" style= "display:none;">{{ Tmin2 }}</p>
<p class= "rep105" width="100" style= "display:none;">{{ Tmax2 }}</p>
<p class= "rep30" width="100" style= "display:none;">{{ unit1 }}</p>
<p class= "rep31" width="100" style= "display:none;">{{ unit2 }}</p>
<p class= "rep131" width="100" style= "display:none;">{{ pt1 }}</p>
<p class= "rep132" width="100" style= "display:none;">{{ pt2 }}</p>

<p class= "rep210" width="100" style= "display:none;">{{ mat10max10 }}</p>
<p class= "rep220" width="100" style= "display:none;">{{ mat10min10 }}</p>
<p class= "rep230" width="100" style= "display:none;">{{ mat10temp10 }}</p>

<p class= "rep240" width="100" style= "display:none;">{{ mat20max20 }}</p>
<p class= "rep250" width="100" style= "display:none;">{{ mat20min20 }}</p>
<p class= "rep260" width="100" style= "display:none;">{{ mat20temp20 }}</p>

<p class= "rep270" width="100" style= "display:none;">{{ mat30max30 }}</p>
<p class= "rep280" width="100" style= "display:none;">{{ mat30min30 }}</p>
<p class= "rep290" width="100" style= "display:none;">{{ mat30temp30 }}</p>
<p class= "rep291" width="100" style= "display:none;">{{ mat40max40 }}</p>
<p class= "rep292" width="100" style= "display:none;">{{ mat40min40 }}</p>
<p class= "rep293" width="100" style= "display:none;">{{ mat40temp40 }}</p>

<p class= "rep500" width="100" style= "display:none;">{{ materiel1 }}</p>
<p class= "rep501" width="100" style= "display:none;">{{ materiel2}}</p>
<p class= "rep503" width="100" style= "display:none;">{{ pt10 }}</p>
<p class= "rep504" width="100" style= "display:none;">{{ pt20 }}</p>
<p class= "rep600" width="100" style= "display:none;">{{ pt20 }}</p>
<p class= "rep700" width="100" style= "display:none;">{{ famille }}</p>
<p class= "rep505" width="100" style= "display:none;">{{ taille1 }}</p>
<p class= "rep506" width="100" style= "display:none;">{{ taille2 }}</p>

<p class= "rep3000" width="100" style= "display:none;">{{ vT1 }}</p>
<p class= "rep3001" width="100" style= "display:none;">{{ vmin1 }}</p>
<p class= "rep3002" width="100" style= "display:none;">{{ vmax1 }}</p>

<p class= "rep3003" width="100" style= "display:none;">{{ vT2 }}</p>
<p class= "rep3004" width="100" style= "display:none;">{{ vmin2 }}</p>
<p class= "rep3005" width="100" style= "display:none;">{{ vmax2 }}</p>

<p class= "rep3006" width="100" style= "display:none;">{{ vT3 }}</p>
<p class= "rep3007" width="100" style= "display:none;">{{ vmin3 }}</p>
<p class= "rep3008" width="100" style= "display:none;">{{ vmax3 }}</p>

<p class= "rep3009" width="100" style= "display:none;">{{ vT4 }}</p>
<p class= "rep3010" width="100" style= "display:none;">{{ vmin4 }}</p>
<p class= "rep3011" width="100" style= "display:none;">{{ vmax4 }}</p>

<p class= "rep3012" width="100" style= "display:none;">{{ vT10 }}</p>
<p class= "rep3013" width="100" style= "display:none;">{{ vmin10 }}</p>
<p class= "rep3014" width="100" style= "display:none;">{{ vmax10 }}</p>

<p class= "rep3015" width="100" style= "display:none;">{{ vT20 }}</p>
<p class= "rep3016" width="100" style= "display:none;">{{ vmin20 }}</p>
<p class= "rep3017" width="100" style= "display:none;">{{ vmax20 }}</p>

<p class= "rep3018" width="100" style= "display:none;">{{ vT30 }}</p>
<p class= "rep3019" width="100" style= "display:none;">{{ vmin30 }}</p>
<p class= "rep3020" width="100" style= "display:none;">{{ vmax30 }}</p>

<p class= "rep3021" width="100" style= "display:none;">{{ vT40 }}</p>
<p class= "rep3022" width="100" style= "display:none;">{{ vmin40 }}</p>
<p class= "rep3023" width="100" style= "display:none;">{{ vmax40 }}</p>
</div>
</br>
</br>
</br>


<div id="menu">

<div class= "MAP0">
<div class= "MAP1">
<TT><font color="black" size="3">{{ propriete1 }}</font></TT>
<br>
<br>
{% for x, y in pt1 %}

<td width="150" style="text-align:center"><TT><span>{{ x }} : {{ y|floatformat:2}}%</span></TT></td>

<table width="100"  border="1" style="border: 0.5px;" cellspacing="0" cellpadding="0" >
<td span class= "my-progress-bar" data-bar-length={{ y}} width="150" </span></td>

</table>

{% endfor %}

<br>
<br>


<TT><font color="black" size="3">{{ propriete2 }}</font></TT>
<br>
<br>
{% for x, y in pt2 %}

<td width="100" style="text-align:center"><TT><span>{{ x }} : {{ y|floatformat:2}}%</span></TT></td>

<table width="10"  border="1" style="border: 0.5px;" cellspacing="0" cellpadding="0" >
<td span class= "my-progress-bar" data-bar-length={{ y}} width="170" </span></td>
</table>

{% endfor %}
<br>
<br>
</div>
</div>


<br>
<div class= "MAP">

<form  class="inline" action="{% url pond2 %}" method="get" onsubmit = "">

<td><input type="text" style= "display:none;" value= "{{ ref}}"  id="Tmin1" name="ref"  size="8" maxlength="5" </td>
<td><input type="text" style= "display:none;" value= "{{ laref2 }}"  id="Tmin1" name="laref2"  size="8" maxlength="5" </td>
<td><input type="text" style= "display:none;" value= "{{ laref3 }}"  id="Tmin1" name="laref3"  size="8" maxlength="5" </td>
<td><input type="text" style= "display:none;" value= "{{ laref4 }}"  id="Tmin1" name="laref4"  size="8" maxlength="5" </td>
<td><input type="text" style= "display:none;" value= "{{ laref10 }}"  id="Tmin1" name="laref10"  size="8" maxlength="5" </td>
<td><input type="text" style= "display:none;" value= "{{ laref20 }}"  id="Tmin1" name="laref20"  size="8" maxlength="5" </td>
<td><input type="text" style= "display:none;" value= "{{ laref30 }}"  id="Tmin1" name="laref30"  size="8" maxlength="5" </td>
<td><input type="text" style= "display:none;" value= "{{ laref40 }}"  id="Tmin1" name="laref40"  size="8" maxlength="5" </td>
<td><input type="text" style= "display:none;" value= "{{ propriete1 }}"  id="Tmin1" name="propriete1"  size="8" maxlength="5" </td>
<td><input type="text" style= "display:none;" value= "{{ propriete2 }}"  id="Tmin1" name="propriete2"  size="8" maxlength="5" </td>
<td><input type="text" style= "display:none;" value= "{{ famille }}"  id="Tmin1" name="famille"  size="8" maxlength="5" </td>
<td><input type="text" style= "display:none;" value="{{  Tmin1  }}"  id="Tmin1" name="Tmin1"  size="8" maxlength="5" </td>
<td><input type="text" style= "display:none;" value="{{  Tmax1  }}"  id="Tmin1" name="Tmax1"  size="8" maxlength="5" </td>
<td><input type="text" style= "display:none;" value="{{  Tmin2  }}"  id="Tmin1" name="Tmin2"  size="8" maxlength="5" </td>
<td><input type="text" style= "display:none;" value="{{  Tmax2  }}"  id="Tmin1" name="Tmax2"  size="8" maxlength="5" </td>
<td><input type="text" style= "display:none;" value="{{  valmax2  }}"  id="Tmin1" name="valmax2"  size="8" maxlength="5" </td>
<td><input type="text" style= "display:none;" value="{{  valmin2  }}"  id="Tmin1" name="valmin2"  size="8" maxlength="5" </td>
<td><input type="text" style= "display:none;" value="{{  valmin1  }}"  id="Tmin1" name="valmin1"  size="8" maxlength="5" </td>
<td><input type="text" style= "display:none;" value="{{  valmax1  }}"  id="Tmin1" name="valmax1"  size="8" maxlength="5" </td>
<td><input type="text" style= "display:none;" value="{{  dref  }}"  id="Tmin1" name="dref"  size="8" maxlength="5" </td>
<td><input type="text" style= "display:none;" value="{{  dref2  }}"  id="Tmin1" name="dref2"  size="8" maxlength="5" </td>
<td><input type="text" style= "display:none;" value="{{  sizemat  }}"  id="Tmin1" name="sizemat"  size="8" maxlength="5" </td>
<p><input type="submit"  value="classification multicritere par ponderation"  class="btn_taille_egale"/></p>
</form>
</br>
</br>


</br>


</br>


</div>

</div>

<div id="contenu">

{% if laref4 == '0' and laref3 == '0' and laref2 == '0' %}
<FORM action="">
<input type="checkbox"  value="11" id="check1" checked="checked" name= "courb1"><label for="mycheckbox">{{ ref }}</label>
</FORM>

{% else %}

{% if laref4 == '0' and laref3 == '0'%}
<FORM action="">
<input type="checkbox"  value="11" id="check1" checked="checked" name= "courb1"><label for="mycheckbox">{{ ref }}</label>
<input type="checkbox"  value="12" id="check2" checked="checked"  name= "courb1"><label for="myCheckbox">{{ laref2 }}</label>
</FORM>

{% else %}

{% if laref4 == '0' %}
<FORM action="">
<input type="checkbox"  value="11" id="check1" checked="checked" name= "courb1"><label for="mycheckbox">{{ ref }}</label>
<input type="checkbox"  value="12" id="check2" checked="checked"  name= "courb1"><label for="myCheckbox">{{ laref2 }}</label>
<input type="checkbox"  value="13" id="check1" checked="checked"  name= "courb1"><label for="mycheckbox">{{ laref3 }}</label>
</FORM>

{% else %}

<FORM action="">
<input type="checkbox"  value="11" id="check1" checked="checked" name= "courb1"><label for="mycheckbox">{{ ref }}</label>
<input type="checkbox"  value="12" id="check2" checked="checked"  name= "courb1"><label for="myCheckbox">{{ laref2 }}</label>
<input type="checkbox"  value="13" id="check1" checked="checked"  name= "courb1"><label for="mycheckbox">{{ laref3 }}</label>
<input type="checkbox"  value="14" id="check2" checked="checked"  name= "courb1"><label for="myCheckbox">{{ laref4 }}</label>
</FORM>

{% endif %}
{% endif %}
{% endif %}

<div id="matfit"></div>

</br>

{% if laref40 == '0'  and laref30 == '0' and laref20 == '0' %}
<FORM action="">
<input type="checkbox"  value="21" id="check1" checked="checked" name= "courb2"><label for="mycheckbox">{{ laref10 }}</label>
</FORM>

{% else %}

{% if laref40 == '0' and laref30 == '0'%}
<FORM action="">
<input type="checkbox"  value="21" id="check1" checked="checked" name= "courb2"><label for="mycheckbox">{{ laref10 }}</label>
<input type="checkbox"  value="22" id="check2" checked="checked"  name= "courb2"><label for="myCheckbox">{{ laref20 }}</label>
</FORM>

{% else %}

{% if laref40 == '0'%}
<FORM action="">
<input type="checkbox"  value="21" id="check1" checked="checked" name= "courb2"><label for="mycheckbox">{{ laref10 }}</label>
<input type="checkbox"  value="22" id="check2" checked="checked"  name= "courb2"><label for="myCheckbox">{{ laref20 }}</label>
<input type="checkbox"  value="23" id="check1" checked="checked"  name= "courb2"><label for="mycheckbox">{{ laref30 }}</label>
</FORM>

{% else %}

<FORM action="">
<input type="checkbox"  value="21" id="check1" checked="checked" name= "courb2"><label for="mycheckbox">{{ laref10 }}</label>
<input type="checkbox"  value="22" id="check2" checked="checked"  name= "courb2"><label for="myCheckbox">{{ laref20 }}</label>
<input type="checkbox"  value="23" id="check1" checked="checked"  name= "courb2"><label for="mycheckbox">{{ laref30 }}</label>
<input type="checkbox"  value="24" id="check2" checked="checked"  name= "courb2"><label for="myCheckbox">{{ laref40 }}</label>
</FORM>

{% endif %}
{% endif %}
{% endif %}

<div id="matfit2"></div>

<br>
<br>

</div>
<br>
<br>

<p class= "rep1953" width="100" style= "display:none;">{{ sizemat  }}</p>

<br>
<br>
</body>

{% endblock %}