Bonjour,
Je travaille actuellement sur la partie graphique (donc le fichier image.js).
Le problème est que le html est prévue comme s'il y avait qu'une dimension, celle de la largeur.
La solution que j'ai utilisée est la même que celle utilisée par l'egyte antique pour prédire la position des planètes avec l'idée d'une terre plate,
celle des coefficients corecteurs.
Je place en début de ficher des coefficients corecteurs pour chaque dimension en lien avec la hauteur ou la largeur. J'affine et je déploie dès que j'ai le temps, mais comme cela ne sera pas avnt presque 15 jours voici l'idée brute, pour tester il suffit de rentrerce code dans images.js
var largeurecran = screen.width * 0.01;
var hauteurecran = screen.height * 0.01;
//*****************************1280/1024*******
var mama = hauteurecran/largeurecran;
var mamo = 1 ;
var mamu = mama ;
var mami = mama ;
var mamy = mama ;
//if ((largeurecran / hauteurecran) > 1.25 )
//{ mama = 1.25 ;
//}
//if ((largeurecran / hauteurecran) > 1.25 )
//{ mama = 1.25 ;
//}
if (hauteurecran > largeurecran)
{ mama = 1 ;
mamo = mama;
}
if ((largeurecran == 3.6) &&(hauteurecran ==6.4))
{ mama = 1 ;
mamo = mamo * 2;
mama = mama * 1;
mamy = mama * 0.5625;
}
if ((largeurecran == 3.2) &&(hauteurecran ==4.8))
{ mama = 1 ;
mamo = mamo * 2;
mama = mama * 1;
mamy = mama * 0.5625;
}
if ((largeurecran == 4.14) &&(hauteurecran ==7.36))
{ mama = 1 ;
mamo = mamo * 2;
mama = mama * 1;
mamy = mama * 0.5625;
}
var vim = [1, 3, 8, 13, 18, 23, 28, 33, 38, 43, 48];
var aie = 90 * mamu;
for(var uoui= 1; uoui < 11; uoui++)
{
var nouveauin;
function rajouteElemen() {
var bodaya = document.bodaya || document.getElementById('barre_t'),
nouveauin = document.createElement("div");
nouveauin.setAttribute("id", "actionx"+uoui+"aPress");
nouveauin.setAttribute("class", "action");
nouveauin.style.position = "absolute";
nouveauin.style.height = "1.5%";
nouveauin.style.width = "1.2%";
nouveauin.style.background = "blue";
nouveauin.style.marginTop= aie+"%";
nouveauin.style.marginLeft=vim[uoui]+"%";
nouveauin.style.cursor="pointer";
bodaya.insertBefore(nouveauin,bodaya.childNodes[0]);
}
rajouteElemen();
}
var vim1 = [53, 56, 65, 69, 74, 82];
var vim2 = ["actionstopa", "actionrestarta", "diminuLeVenta", "acelereLeVenta", "action1Pressa", "blue"];
var vim3 = ["blue", "blue", "green", "green", "red", "blue"];
for(var uoui= 0; uoui < 5; uoui++)
{
var nouveauin;
function rajouteElemen() {
var bodaya = document.bodaya || document.getElementById('barre_t'),
nouveauin = document.createElement("div");
nouveauin.setAttribute("id", vim2[uoui]);
nouveauin.setAttribute("class", "action");
nouveauin.style.position = "absolute";
nouveauin.style.height = "2%";
nouveauin.style.width = "1.4%";
nouveauin.style.background = vim3[uoui];
nouveauin.style.marginTop=aie+"%";
nouveauin.style.marginLeft=vim1[uoui]+"%";
nouveauin.style.cursor="pointer";
bodaya.insertBefore(nouveauin,bodaya.childNodes[0]);
}
rajouteElemen();
}
//**************************************
for(var limage= 10; limage > 0; limage--)
{
var l={0:[],1:[],2:[],3:[],4:[],5:[],6:[],7:[],8:[],9:[],10:[]};
var vam = [27, 32, "linear-gradient(5deg,#990033,#ff5050,#ff9966,#ffcc00,#99cc00,#00cc00,#009999)",
0, 0, "50% 52% 86% 88% / 50% 78% 50% 99%", 0, 0, 0, 85, 85, 10];
var vam1 = ["linear-gradient(10deg,#990033,#ff5050,#ff9966,#ffcc00,#99cc00,#00cc00,#009999)",
"linear-gradient(3deg,#991033,#ff5050,#ff9966,#ffcc00,#991100,#00cc00,#009999)",
"linear-gradient(30deg,#990a33,#ff5050,#ff9966,#ffcc00,#99cc99,#00cc00,#001199)",
"linear-gradient(90deg,#990033,#ff5099,#ff9966,#ffcc00,#99cc00,#00cc00,#009999)",
"linear-gradient(45deg,#990033,#ff5050,#777777,#ffcc00,#11cc00,#00cc00,#009999)",
"linear-gradient(7deg,#ff0033,#ff5050,#ff9966,#ffcc00,#99ff00,#00cc00,#009999)",
"linear-gradient(18deg,#ff0033,#ff5050,#ff1166,#ffcc00,#99cc00,#00cc00,#555555)",
"linear-gradient(45deg,#990033,#ff5f50,#ff9966,#ffcc00,#99cc00,#00cc00,#009999)",
"linear-gradient(55deg,#991133,#ff5050,#ff9966,#ffcc00,#991100,#00cc00,#009999)",
"linear-gradient(65deg,#991133,#ff5050,#ff9966,#ffcc00,#991100,#00cc00,#009599)",
"linear-gradient(45deg,#990033,#ff5450,#ff9966,#ffcc00,#99cc00,#00cc00,#009999)",
"linear-gradient(55deg,#991133,#ff5050,#ff9966,#a5b8c0,#991100,#00cc00,#009999)",
"linear-gradient(65deg,#991133,#ff5050,#ff9966,#ffcc00,#991100,#00cc00,#d5d8d9)",
"linear-gradient(65deg,#aaaaaa,#ff5050,#ff9966,#ffcc00,#333333,#00cc00,#d5d8d9)",
"linear-gradient(65deg,#991133,#ff5050,#ff9966,#ffcc00,#991100,#a58241,#158934)"];
var vam2 = [0, 33, 66, 0, 33, 66, 0, 33, 66, 66];
var vam3 = [0, 0, 0, 28*mama, 28*mama, 28*mama, 56*mama, 56*mama, 56*mama, 56*mama, 56*mama];
var vam4 = ["50% 52% 86% 30% / 50% 15% 50% 99%", "20% 5% 86% 88% / 80% 78% 50% 99%", "50% 33% 50% 50% / 50% 78% 50% 99%", "90% 90% 90% 90% / 90% 90% 90% 90%", "25% 25% 25% 25% / 25% 25% 25% 25%", "75% 75% 75% 75% / 25% 25% 25% 25%", "50% 52% 86% 88% / 50% 78% 50% 99%", "50% 52% 86% 88% / 50% 78% 50% 99%", "90% 52% 86% 20% / 90% 78% 50% 99%", "40% 52% 86% 60% / 41% 78% 50% 40%", "98% 98% 86% 88% / 50% 78% 10% 99%", "50% 52% 86% 88% / 50% 78% 50% 99%", "50% 52% 86% 88% / 50% 78% 50% 99%", "50% 52% 86% 88% / 50% 78% 50% 99%", "50% 52% 86% 88% / 50% 78% 50% 80%", "50% 52% 86% 88% / 50% 77% 50% 70%", "50% 52% 86% 88% / 50% 78% 50% 60%", "50% 52% 86% 88% / 50% 78% 50% 50%", "50% 52% 86% 54% / 50% 78% 50% 40%", "50% 52% 86% 88% / 50% 78% 50% 30%", "10% 20% 30% 40% / 50% 60% 70% 80%", "50% 50% 99% 99% / 50% 50% 99% 99%"];
switch(limage) {
case 10:
for(var b1= 0; b1 < 9; b1++)
{
for(var b2= 0; b2 < 9; b2++)
{
l[b1][b2]=vam[b2];
}
l[b1][2]=vam1[b1+2];
l[b1][3]=vam2[b1];
l[b1][4]=vam3[b1];
l[b1][5]=vam4[b1+2];
}
break;
case 9:
for(var b1= 0; b1 < 9; b1++)
{
for(var b2= 0; b2 < 9; b2++)
{
l[b1][b2]=vam[b2];
}
l[b1][2]=vam1[b1+2];
l[b1][3]=vam2[b1];
l[b1][4]=vam3[b1];
l[b1][5]=vam4[b1+2];
}
break;
case 8:
for(var b1= 0; b1 < 9; b1++)
{
for(var b2= 0; b2 < 9; b2++)
{
l[b1][b2]=vam[b2];
}
l[b1][2]=vam1[b1+2];
l[b1][3]=vam2[b1];
l[b1][4]=vam3[b1];
l[b1][5]=vam4[b1+2];
}
break;
case 7:
for(var b1= 0; b1 < 9; b1++)
{
for(var b2= 0; b2 < 9; b2++)
{
l[b1][b2]=vam[b2];
}
l[b1][2]=vam1[b1+2];
l[b1][3]=vam2[b1];
l[b1][4]=vam3[b1];
l[b1][5]=vam4[b1+2];
}
break;
case 6:
for(var b1= 0; b1 < 9; b1++)
{
for(var b2= 0; b2 < 9; b2++)
{
l[b1][b2]=vam[b2];
}
l[b1][2]=vam1[b1+2];
l[b1][3]=vam2[b1];
l[b1][4]=vam3[b1];
l[b1][5]=vam4[b1+2];
}
break;
case 5:
for(var b1= 0; b1 < 9; b1++)
{
for(var b2= 0; b2 < 9; b2++)
{
l[b1][b2]=vam[b2];
}
l[b1][2]=vam1[b1+2];
l[b1][3]=vam2[b1];
l[b1][4]=vam3[b1];
l[b1][5]=vam4[b1+2];
}
break;
case 4:
for(var b1= 0; b1 < 9; b1++)
{
for(var b2= 0; b2 < 9; b2++)
{
l[b1][b2]=vam[b2];
}
l[b1][2]=vam1[b1+2];
l[b1][3]=vam2[b1];
l[b1][4]=vam3[b1];
l[b1][5]=vam4[b1+2];
}
break;
case 3:
for(var b1= 0; b1 < 9; b1++)
{
for(var b2= 0; b2 < 9; b2++)
{
l[b1][b2]=vam[b2];
}
l[b1][2]=vam1[b1+3];
l[b1][3]=vam2[b1];
l[b1][4]=vam3[b1];
l[b1][5]=vam4[b1+3];
}
break;
case 2:
for(var b1= 0; b1 < 9; b1++)
{
for(var b2= 0; b2 < 9; b2++)
{
l[b1][b2]=vam[b2];
}
l[b1][2]=vam1[b1+4];
l[b1][3]=vam2[b1];
l[b1][4]=vam3[b1];
l[b1][5]=vam4[b1+4];
}
break;
default:
for(var b1= 0; b1 < 9; b1++)
{
for(var b2= 0; b2 < 9; b2++)
{
l[b1][b2]=vam[b2];
}
l[b1][2]=vam1[b1+5];
l[b1][3]=vam2[b1];
l[b1][4]=vam3[b1];
l[b1][5]=vam4[b1+5];
}
}
l= {
1: l[0], 2: l[1], 3: l[2], 4: l[3], 5: l[4], 6: l[5], 7: l[6], 8: l[7], 9: l[8]
}
for(var uui= 1; uui < 10; uui++)
{
var nouveauin;
function rajouteElemen() {
var boday = document.boday || document.getElementById('bisfleur'+limage),
nouveauin = document.createElement("div");
nouveauin.setAttribute("id", "b"+uui+"v"+limage);
nouveauin.style.position = "absolute";
nouveauin.style.height = l[uui][0]+"%";
nouveauin.style.width = l[uui][1]+"%";
nouveauin.style.background = l[uui][2];
nouveauin.style.marginLeft=l[uui][3]+"%";
nouveauin.style.marginTop=l[uui][4]+"%";
nouveauin.style.borderRadius=l[uui][5];
boday.insertBefore(nouveauin,boday.childNodes[0]);
}
rajouteElemen();
}
}
var vam5 = ["tourne5", "tourne5", "tourne5", "tourne15", "tourne5", "tourne5", "tourne5", "tourne5", "tourne15", "tourne5", "tourne5"];
var vam5a =[30, 30, 30, 32, 30, 30, 30, 30, 32, 30, 30];
var vam5b =[10*mami, 10*mami, 10*mami, 10*mami, 10.1*mami, 10.2*mami, 10.1*mami, 10*mami, 10.1*mami, 10*mami, 10.4*mami];
var vam6 = ["tourne5", "tourne30", "tourne20", "tourne15", "tourne10", "tourne5", "tourne5m", "tourne10m", "tourne15m", "tourne20m", "tourne30m"];
var vam6a = [27, 27, 29, 29, 31, 31, 29.8, 29, 29, 31, 31];
var vam6b = [40*mami, 40*mami, 40*mami, 40*mami, 40*mami, 40*mami, 40*mami, 40*mami, 40*mami, 36*mami, 36*mami];
var vam7 = ["tourne5", "tourne30m", "tourne20m", "tourne15m", "tourne10m", "tourne5m", "tourne5", "tourne10", "tourne15", "tourne20", "tourne30"];
var vam7a = [31, 31, 29, 29, 27, 27, 28, 28, 25, 27, 27];
var vam7b = [36*mami, 36*mami, 40*mami, 40*mami, 40*mami, 40*mami, 40*mami, 40*mami, 40*mami, 40*mami, 40*mami];
var vam8 = ["tourne5", "tourne75", "tourne25", "tourne15", "tourne15", "tourne15", "tourne15", "tourne5", "tourne5m", "tourne20m", "tourne20m"];
var vam8a = [24, 24, 29, 30, 34, 35, 29.5, 29, 31.3, 34.8, 36];
var vam8b = [46*mami, 46*mami, 52*mami, 52*mami, 48*mami, 48*mami, 52*mami, 52*mami, 52*mami, 48*mami, 48*mami];
var vam9 = ["tourne15", "tourne20m", "tourne5m", "tourne15", "tourne15", "tourne15", "tourne15", "tourne15", "tourne15", "tourne25", "tourne75"];
var vam9a = [34, 34, 30, 29, 24, 24, 27, 27, 23, 24, 20];
var vam9b = [48*mami, 48*mami, 52*mami, 52*mami, 46*mami, 46*mami, 53*mami, 52*mami, 52*mami, 50*mami, 48*mami];
var vam10 = ["tourne5", "tourne70m", "tourne60m", "tourne45m", "tourne25m", "tourne15m", "tourne15", "tourne25", "tourne15", "tourne60", "tourne70"];
var vam10a = [33, 33, 32, 31, 28, 28, 33, 29, 31.6, 28, 28];
var vam10b = [19*mami, 19*mami, 22*mami, 21*mami, 21*mami, 21*mami, 21*mami, 22*mami, 21.5*mami, 19*mami, 19*mami];
var vam11 = ["tourne5", "tourne135m", "tourne75", "tourne90", "tourne20m", "tourne20m", "tourne135m", "tourne75", "tourne90", "tourne20m", "tourne20m"];
var vam11a = [36, 36, 35.5, 50, 26.8, 26.8, 36, 31, 34.1, 26.2, 25.8];
var vam11b = [17.8*mami, 17.8*mami, 24*mami, 28*mami, 24.8*mami, 24.8*mami, 17.8*mami, 24*mami, 26.4*mami, 25.2*mami, 24.8*mami];
var vam12 = ["tourne5", "tourne70", "tourne60", "tourne45", "tourne25", "tourne15", "tourne15m", "tourne25m", "tourne45m", "tourne60m", "tourne70m"];
var vam12a = [28, 28, 31, 32, 33, 33, 28, 31, 35, 35, 35];
var vam12b = [19*mami, 19*mami, 21*mami, 22*mami, 19*mami, 19*mami, 19*mami, 21*mami, 20*mami, 19.5*mami, 19*mami];
var vam13 = ["tourne20m", "tourne20m", "tourne90", "tourne75", "tourne135m", "tourne135m", "tourne20m", "tourne90", "tourne75", "tourne135m", "tourne135m"];
var vam13a = [26.8, 26.8, 31, 35.5, 36, 36, 26.8, 35, 41, 41, 41];
var vam13b = [24.8*mami, 24.8*mami, 28*mami, 24*mami, 17.8*mami, 17.8*mami, 24.8*mami, 25*mami, 22*mami, 18.4*mami, 17.8*mami];
var vam14 = ["tourne5", "tourne75", "tourne5", "tourne5", "tourne15m", "tourne15m", "tourne5", "tourne5", "tourne5", "tourne15m", "tourne15m"];
var vam14a = [19.7, 19.7, 29, 31, 36, 37, 29, 29, 32.8, 37, 38.5];
var vam14b = [58*mami, 58*mami, 66.6*mami, 67*mami, 60.6*mami, 60.6*mami, 66.8*mami, 66.6*mami, 67*mami, 60.6*mami, 60.6*mami];
var vam15 = ["tourne20m", "tourne15m", "tourne5", "tourne5", "tourne75", "tourne75", "tourne15m", "tourne5", "tourne5", "tourne60", "tourne75"];
var vam15a = [36, 36, 31, 29, 19.7, 19.7, 26, 26, 22.5, 22, 14.3];
var vam15b = [60.6*mama, 60.6*mama, 67*mama, 66.6*mama, 58*mama, 58*mama, 66*mama, 65*mama, 66*mama, 62.6*mama, 58*mama];
var vam20 = [24*mamy,24*mamy,16*mamy,16*mamy,4*mamy,16*mamy,36*mamy,24*mamy,22*mamy,16*mamy,16*mamy,4*mamy];
var vam21 = [20*mamu];
var vam22 = [24*mamo,(2.6)*mamo,(3)*mamo,(4.5)*mamo,(7)*mamo,(6.5)*mamo,5*mamo,(2.6)*mamo,(2.6)*mamo,(3)*mamo,(4.5)*mamo];
for(var limage= 10; limage > 0; limage--)
{
function cuisse_dElemen() {
var cuisse_d1 = document.cuisse_g1 || document.getElementById('fleur'+limage),
nouveauin = document.createElement("div");
nouveauin.style.position = "absolute";
nouveauin.style.height =vam20[0]+"%";
nouveauin.style.width =vam22[10]+"%";
nouveauin.style.background = "#777777";
nouveauin.setAttribute("class", vam6[limage]);
nouveauin.style.marginLeft=vam6a[limage]+"%";
nouveauin.style.marginTop=vam6b[limage]+"%";
nouveauin.style.borderRadius="50% 50% 50% 50% / 50% 50% 50% 50%";
nouveauin.style.border="1px solid #e64d00";
cuisse_d1.insertBefore(nouveauin,cuisse_d1.childNodes[0]);
}
cuisse_dElemen();
function molet_dElemen() {
var molet_d1 = document.molet_d1 || document.getElementById('fleur'+limage),
nouveauin = document.createElement("div");
nouveauin.style.position = "absolute";
nouveauin.style.height =vam20[1]+"%";
nouveauin.style.width =vam22[9]+"%";
nouveauin.style.background ="#666666";
nouveauin.setAttribute("class", vam8[limage]);
nouveauin.style.marginLeft=vam8a[limage]+"%";
nouveauin.style.marginTop=vam8b[limage]+"%";
nouveauin.style.borderRadius="50% 50% 50% 50% / 50% 50% 50% 50%";
nouveauin.style.border="1px solid #e64d00";
molet_d1.insertBefore(nouveauin,molet_d1.childNodes[0]);
}
molet_dElemen();
function bras_dElemen() {
var bras_d1 = document.bras_d1 || document.getElementById('fleur'+limage),
nouveauin = document.createElement("div");
nouveauin.style.position = "absolute";
nouveauin.style.height =vam20[2]+"%";
nouveauin.style.width =vam22[8]+"%";
nouveauin.style.background ="#339933";
nouveauin.setAttribute("class", vam10[limage]);
nouveauin.style.marginLeft=vam10a[limage]+"%";
nouveauin.style.marginTop=vam10b[limage]+"%";
nouveauin.style.borderRadius="50% 50% 50% 50% / 50% 50% 50% 50%";
nouveauin.style.border="1px solid #e64d00";
bras_d1.insertBefore(nouveauin,bras_d1.childNodes[0]);
}
bras_dElemen();
function abras_dElemen() {
var abras_d1 = document.abras_d1 || document.getElementById('fleur'+limage),
nouveauin = document.createElement("div");
nouveauin.style.position = "absolute";
nouveauin.style.height =vam20[3]+"%";
nouveauin.style.width =vam22[7]+"%";
nouveauin.style.background ="#aaffaa";
nouveauin.setAttribute("class", vam11[limage]);
nouveauin.style.marginLeft=vam11a[limage]+"%";
nouveauin.style.marginTop=vam11b[limage]+"%";
nouveauin.style.borderRadius="50% 50% 50% 50% / 50% 50% 50% 50%";
nouveauin.style.border="1px solid #993300";
abras_d1.insertBefore(nouveauin,abras_d1.childNodes[0]);
}
abras_dElemen();
function pied_dfElemen() {
var pied_df1 = document.pied_gauchef1 || document.getElementById('fleur'+limage),
nouveauin = document.createElement("div");
nouveauin.style.position = "absolute";
nouveauin.style.height =vam20[4]+"%";
nouveauin.style.width =vam22[6]+"%";
nouveauin.style.background = "#ff2222";
nouveauin.setAttribute("class", vam14[limage]);
nouveauin.style.marginLeft=vam14a[limage]+"%";
nouveauin.style.marginTop=vam14b[limage]+"%";
nouveauin.style.borderRadius="50% 50% 50% 50% / 50% 50% 50% 50%";
nouveauin.style.border="1px solid #ea9999";
pied_df1.insertBefore(nouveauin,pied_df1.childNodes[0]);
}
pied_dfElemen();
function teteElemen() {
var tete1 = document.tete1 || document.getElementById('fleur'+limage),
nouveauin = document.createElement("div");
nouveauin.style.position = "absolute";
nouveauin.style.height =vam20[5]+"%";
nouveauin.style.width =vam22[5]+"%";
//nouveauin.style.background = "blue";
nouveauin.style.background = "#ff9999";
//nouveauin.setAttribute("class", "tete");
nouveauin.style.marginLeft=vam5a[limage]+"%";
nouveauin.style.marginTop=vam5b[limage]+"%";
nouveauin.style.borderRadius="50% 50% 50% 50% / 50% 50% 50% 50%";
nouveauin.style.border="1px solid #ea9999";
tete1.insertBefore(nouveauin,tete1.childNodes[0]);
}
teteElemen();
function corpsfElemen() {
var corpsf1 = document.corpsf1 || document.getElementById('fleur'+limage),
nouveauin = document.createElement("div");
nouveauin.style.position = "absolute";
nouveauin.style.height =vam20[6]+"%";
nouveauin.style.width =vam22[4]+"%";
nouveauin.style.background ="#ff9999";
nouveauin.setAttribute("class", vam5[limage]);
nouveauin.style.marginLeft="29%";
nouveauin.style.marginTop=vam21[0]+"%";
nouveauin.style.borderRadius="50% 50% 50% 50% / 50% 50% 50% 50%";
nouveauin.style.border="1px solid #ea9999";
corpsf1.insertBefore(nouveauin,corpsf1.childNodes[0]);
}
corpsfElemen();
function cuisse_gElemen() {
var cuisse_g1 = document.cuisse_g1 || document.getElementById('fleur'+limage),
nouveauin = document.createElement("div");
nouveauin.style.position = "absolute";
nouveauin.style.height =vam20[7]+"%";
nouveauin.style.width =vam22[3]+"%";
nouveauin.style.background = "#ff9999";
nouveauin.setAttribute("class", vam7[limage]);
nouveauin.style.marginLeft=vam7a[limage]+"%";
nouveauin.style.marginTop=vam7b[limage]+"%";
nouveauin.style.borderRadius="50% 50% 50% 50% / 50% 50% 50% 50%";
nouveauin.style.border="1px solid black";
//nouveauin.style.border="1px solid #ea9999";
cuisse_g1.insertBefore(nouveauin,cuisse_g1.childNodes[0]);
}
cuisse_gElemen();
function molet_gElemen() {
var molet_g1 = document.molet_g1 || document.getElementById('fleur'+limage),
nouveauin = document.createElement("div");
nouveauin.style.position = "absolute";
nouveauin.style.height =vam20[8]+"%";
nouveauin.style.width =vam22[2]+"%";
nouveauin.style.background = "blue";
nouveauin.setAttribute("class", vam9[limage]);
nouveauin.style.marginLeft=vam9a[limage]+"%";
nouveauin.style.marginTop=vam9b[limage]+"%";
nouveauin.style.borderRadius="50% 50% 50% 50% / 50% 50% 50% 50%";
//nouveauin.style.border="1px solid #ea9999";
nouveauin.style.border="1px solid black";
molet_g1.insertBefore(nouveauin,molet_g1.childNodes[0]);
}
molet_gElemen();
function bras_gElemen() {
var bras_g1 = document.bras_g1 || document.getElementById('fleur'+limage),
nouveauin = document.createElement("div");
nouveauin.style.position = "absolute";
nouveauin.style.height =vam20[9]+"%";
nouveauin.style.width =vam22[1]+"%";
nouveauin.style.background ="red";
nouveauin.setAttribute("class", vam12[limage]);
nouveauin.style.marginLeft=vam12a[limage]+"%";
nouveauin.style.marginTop=vam12b[limage]+"%";
nouveauin.style.borderRadius="50% 50% 50% 50% / 50% 50% 50% 50%";
nouveauin.style.border="1px solid black";
//nouveauin.style.border="1px solid #ea9999";
bras_g1.insertBefore(nouveauin,bras_g1.childNodes[0]);
}
bras_gElemen();
function abras_gElemen() {
var abras_g1 = document.abras_g1 || document.getElementById('fleur'+limage),
nouveauin = document.createElement("div");
nouveauin.style.position = "absolute";
nouveauin.style.height =vam20[10]+"%";
nouveauin.style.width =vam22[7]+"%";
nouveauin.style.background = "#ff9999";
nouveauin.setAttribute("class", vam13[limage]);
nouveauin.style.marginLeft=vam13a[limage]+"%";
nouveauin.style.marginTop=vam13b[limage]+"%";
nouveauin.style.borderRadius="50% 50% 50% 50% / 50% 50% 50% 50%";
nouveauin.style.border="1px solid #ea9999";
abras_g1.insertBefore(nouveauin,abras_g1.childNodes[0]);
}
abras_gElemen();
function pied_gfElemen() {
var pied_gf1 = document.pied_gf1 || document.getElementById('fleur'+limage),
nouveauin = document.createElement("div");
nouveauin.style.position = "absolute";
nouveauin.style.height =vam20[11]+"%";
nouveauin.style.width =vam22[6]+"%";
nouveauin.style.background = "#ff9999";
nouveauin.setAttribute("class", vam15[limage]);
nouveauin.style.marginLeft=vam15a[limage]+"%";
nouveauin.style.marginTop=vam15b[limage]+"%";
nouveauin.style.borderRadius="50% 50% 50% 50% / 50% 50% 50% 50%";
nouveauin.style.border="1px solid #ea9999";
pied_gf1.insertBefore(nouveauin,pied_gf1.childNodes[0]);
}
pied_gfElemen();
}
Cordialement