Appliquer le même code à plusieurs champs

**PastoFerrari** · 22/02/2024, 02h26

salut à tous moi c'est PastoFerrari j'ai un souci avec mon code javaScript Svp en fait je travaille sur les bulletins de classe et pour chaque classe jai pas envi d'ecrire le meme code javaSript plusieurs fois donc je voudrais que mon code javaScript s'applique a tous le bulletins voici mon code html suivi du JavaScript :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Bulletin_6eTest</title>
    <script src ="Bulletin6eTest.js"></script>
    <!-- <link href="styles/Bulletin_Alexandre_Raphaël.css" rel="stylesheet" type="text/css"> -->
 
  </head>
 
 
    <body>
 
 
        <style>
            #TextEnteteFrancais{
 
                text-align: center;
                font-size: 0.7em;
                position: relative;
                right: 35em;
            }
 
            #TextEnteteAnglais{
 
                text-align: center;
                font-size: 0.7em;
                position: relative;
                top: -46em;
                left: 35em;
            }
 
            #logo{
 
                position: relative;
                top: -14.5em;
                left: 25em;
            }
 
            /* entete deuxieme Partie */
 
            #BulletinNote{
 
                text-align: center;
                font-size: 3em;
                position: relative;
                top: -11.7em;
                color: white; 
                background-color: black;
                -webkit-print-color-adjust: exact;
                font-family: bold;
                }
 
            #Inputtrimestre{
                height: 1em;
                width: 0.5em;
                position: relative;
                font-size: 1em;
                border: 0px;
                color: black;
                font-family: bold;
            }
 
            #classe{
                position: relative;
                top: -0.5em;
            }
 
            #Effectif{
                position: relative;
                right: -5em;
                top: -0.5em;
            }
 
            #InputEffectif{
                    font-size: 0.8em;
 
            }
 
            #Titulaire{
                    position: relative;
                    right: -7em
 
            }
 
            #InputTitulaire{
           
                width: 14em;
                font-size: 0.8em;
                /* border: solid; */
                position: relative;
                top: -1.5em;
                left: 8em;
               
            }
 
            #NomEleve{
                        position: relative;
                        top: -1em;
 
            }
 
            #InputNomEleve{
 
                        width: 12em;
                        font-size: 0.8em;
                        position: relative;
                        top: -1.5em;
                        left: 9em;
 
                        }
 
            #Matricule{
 
                position: relative;
                left: 14em;
                position: relative;
                top: -1em;
                }
 
            #InputMatricule{
 
                        width: 12em;
                        font-size: 0.8em;
                        position: relative;
                        top: -0.2em;
                        left: 0.5em;               
                 }
 
            #InputClasse{
                    font-size: 0.8em;
 
            }
 
            #Nele{
 
                position: relative;
                top: -2.5em;
            }
 
            #a{
                position: relative;
                top: -2.7em;
            }
 
            #Inputa{
                font-size: 0.8em;
            }
 
            #Sexe{
                position: relative;
                top: -2.3em;
                right: 0.8em;
                
            }
 
            #InputSexe{
                font-size: 0.8em;
            }
 
            #Redoublant{
 
                position: relative;
                top: -2em;
                right: 8em;
            }
 
            #InputRedoublant{
 
                position: relative;
                top: -1.4em;
                left: 7em;
                font-size: 0.8em;
            
            }
 
            #ChefEtablissement{
                color: red;
                position: relative;
                top: -2.7em;
                left: 60em;
            }
 
            #InputChefEtablissement{
                color: white;
                position: relative;
                top: -1.4em;
                left: 12em;
                font-size: 0.8em;
                
 
            }
 
            
            #TelParent{
 
                position: relative;
                left: 0em;
                top: -2.5em;
            }
 
            #InputTelParent{
 
                position: relative;
                left: 7em;
                top: -1.4em;
                font-size: 0.8em;
            }
 
            
 
            table{
 
                        border-collapse: collapse ;
                        border: solid black;
                }
 
                        tr{
                        border: 1px solid;
                        border: solid black;
                }
 
                        td{
                        border : 1px solid;
                        border: solid black;
                                         }
 
                        th{
                        border : 1px solid;
                        border: solid black;
                        }
 
                        .TableauBulletin{
 
                                position: relative;
                                top: -42em;
                        }
 
            
            input{
                border: 0px;
                text-align: center;
            }
 
            #EnteteLigne1{
                border: 0px;    
                font-size: 1.3em;
                position: relative;
                top: -29.5em
            }
 
            #Bulletin2{
                transform: translate(0%, -43em);
            }
            #Bulletin3{
                transform: translate(0%, -88em);
            }
 
 
        </STYle>
 
    <div id="${idLigne}">
                        <div id="TextEnteteFrancais">
                            <p>REPUBLIQUE DU CAMEROUN</p>
                            <P>Paix-Trvail-Patrie</P>
                            <P>*********************</P>
                            <P>REGION DU CENTRE</P>
                            <P>*********************</P>
                            <P>DELEGATION REGIONALE DES ENSEIGNEMENTS</P>
                            <P>SECONDAIRES DU CENTRE</P>
                            <P>*********************</P>
                            <P>DELEGATION DEPARTEMENTALE DU MFOUNDI</P>
                            <P>COLLEGE BILINGUE LAIC ALEXANDRE RAPHAEL</P>
                            <P>CODE DE L ETABLISSEMENT : 5LL2GSBD113345121</P>
                            <P>TEL : 699570619/676073941 </P>
 
                    </div>
                    <img src="logo.PNG" id="logo"/> 
 
                    <div id="TextEnteteAnglais">
                        <p>REPUBLIC OF CAMEROON</p>
                        <P>Peace-Work-Fatherland</P>
                        <P>*********************</P>
                        <P>CENTRAL REGION</P>
                        <P>*********************</P>
                        <P>REGIONAL DELEGATION FOR EDUCATION</P>
                        <P>SECONDARY SCHOOL OF THE CENTRER</P>
                        <P>*********************</P>
                        <P>DIVISIONAL DELEGATION OF MFOUNDI</P>
                        <P>ALEXANDRE RAPHAEL BILINGUAL SECULAR COLLEGE</P>
                        <P>SCHOOL CODE: 5LL2GSBD113345121</P>
                        <P>TEL : 699570619/676073941 </P>
 
                    </div>
                    <!-- entete deuxieme Partie -->
 
                    <div id="EntetePartie2">
                        <center><p style="width: 19em;" id="BulletinNote">BULLETIN DE NOTES DU TRIMETRE <input type="text" id="Inputtrimestre" size="4" maxlength="1" placeholder="...." /> </p></center>
                            <table style="border: 0px;">
                                <tr id="EnteteLigne1" style="border: 0px;">
                                        <td style="border: 0px;"><span id="classe">Classe : <input type="text" id="InputClasse" size="2" maxlength="2" placeholder="...." /></span></td>
                                        <td style="border: 0px;"><span id="Effectif">Effectif : <input type="text" id="InputEffectif" size="2" maxlength="3" placeholder="...." /></span></td>
                                        <td style="border: 0px;"><span id="Titulaire">Prof. Principal : <input type="text" id="InputTitulaire" placeholder=".............................................................................................." /> </span></td>
                                </tr>
                
                                <tr id="EnteteLigne1" style="border: 0px;">
                                        <td style="border: 0px;"><span id="NomEleve">Nom de L'élève :<input type="text" id="InputNomEleve" size="" maxlength="" placeholder="......................................." /></span></td>
                                        <td style="border: 0px;"><span id="Matricule">Matricule : <input type="text" id="InputMatricule" size="" maxlength="" placeholder="......................................" /></span></td>
                            
                                </tr>
 
                                <tr id="EnteteLigne1"  style="border: 0px;">
                                    <td style="border: 0px;"><span id="Nele">Né(é) le :<input type="date" id="InputNele"/></span></td>
                                    <td style="border: 0px;"><span id="a">à <input type="text" id="Inputa" size="" maxlength="" placeholder="......................................" /></span></td>
                                    <td style="border: 0px;"><span id="Sexe">Sexe :<input type="text" id="InputSexe" size="2" maxlength="1" placeholder="......................................." /></span></td>
                                    <td style="border: 0px;"><span id="Redoublant">Redoublant : <input type="text" id="InputRedoublant" size="5" maxlength="3" placeholder=".........." /></span></td>
                        
                        
                    </tr>
 
                                    <tr id="EnteteLigne1" style="border: 0px;">
                                    
                                    <td style="border: 0px;"><span id="TelParent">Tel Parent : <input type="text" id="InputTelParent" size="" maxlength="9" placeholder="............................................................." /></span></td>    
                                    <td style="border: 0px;"><span id="ChefEtablissement">Chef d'Etablissement :<input type="text" id="InputChefEtablissement" size="" maxlength="0" placeholder="........." /></span></td>
                                    
                        
                        
                    </tr>
                        
                            </table>
                            </div>
 
                            <!-- tableau de notes du bulletin  -->
                    
                            <table class="TableauBulletin">
                                <tr>
                                    <th>MATIERES LITTERAIRES</th>
                                    <th>Eval <input type="text" id="InputEval1" size="1" maxlength="1"/></th>
                                    <th>Eval <input type="text" id="InputEval1" size="1" maxlength="1"/></th>
                                    <th>Moyenne</th>
                                    <th>Coef</th>
                                    <th>Total</th>
                                    <th>Rang</th>
                                    <th>Apprs</th>
                                    <th> Sgn.Prof</th>
                                </tr>
                        
                                <tr id="Ligne1B1">
                                    
                                    <td id="Dictee">CORRECTION ORTHOGRAPHIQUE / DICTEE 
                                                        <br>    <input type="text" size="70" placeholder="Nom de l'enseignant(e)"/></td>
                                                        
                                                        <td> <input type="text" onkeyup="cal('Ligne1B1')" style="-webkit-print-color-adjust: exact;" size="3" class="Eval1" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne1B1')" style="-webkit-print-color-adjust: exact;" size="4" class="Eval2" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne1B1')" style="-webkit-print-color-adjust: exact;" size="4" class="Moyenne" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne1B1')" size="4" class="Coef" /> </td>
                                                        <td> <input type="text" size="4" class="Total" /> </td>
                                                        <td> <input type="text" size="4" class="Rang" /> </td>
                                                        <td> <input type="text" size="4" class="Appreciation" /> </td>
                                                        <td>  </td>
                                </tr>
                        
                                <tr id="Ligne2B1">
                                    
                                    <td id="Dictee">ETUDE DE TEXTE 
                                                        <br>    <input type="text" size="" placeholder="Nom de l'enseignant(e)"/></td>
                                                        
                                                        <td> <input type="text" onkeyup="cal('Ligne2B1')" style="-webkit-print-color-adjust: exact;" size="3" class="Eval1" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne2B1')" style="-webkit-print-color-adjust: exact;" size="4" class="Eval2" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne2B1')" style="-webkit-print-color-adjust: exact;" size="4" class="Moyenne" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne2B1')" size="4" class="Coef" /> </td>
                                                        <td> <input type="text" size="4" class="Total" /> </td>
                                                        <td> <input type="text" size="4" class="Rang" /> </td>
                                                        <td> <input type="text" size="4" class="Appreciation" /> </td>
                                                        <td>  </td>
                                </tr>
                        
                                <tr id="Ligne3B1">
                                    
                                    <td id="Dictee">EPRESSION ECRITE 
                                                        <br>    <input type="text" size="" placeholder="Nom de l'enseignant(e)"/></td>
                                                        
                                                        <td> <input type="text" onkeyup="cal('Ligne3B1')" style="-webkit-print-color-adjust: exact;" size="3" class="Eval1" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne3B1')" style="-webkit-print-color-adjust: exact;" size="4" class="Eval2" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne3B1')" style="-webkit-print-color-adjust: exact;" size="4" class="Moyenne" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne3B1')" size="4" class="Coef" /> </td>
                                                        <td> <input type="text" size="4" class="Total" /> </td>
                                                        <td> <input type="text" size="4" class="Rang" /> </td>
                                                        <td> <input type="text" size="4" class="Appreciation" /> </td>
                                                        <td>  </td>
                                </tr>
                        
                                <tr id="Ligne4B1">
                                    
                                    <td id="Dictee">ACTIVITE ORALE
                                                        <br>    <input type="text" size="" placeholder="Nom de l'enseignant(e)"/></td>
                                                        
                                                        <td> <input type="text" onkeyup="cal('Ligne4B1')" size="3" class="Eval1" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne4B1')" size="4" class="Eval2" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne4B1')" size="4" class="Moyenne" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne4B1')" size="4" class="Coef" /> </td>
                                                        <td> <input type="text" size="4" class="Total" /> </td>
                                                        <td> <input type="text" size="4" class="Rang" /> </td>
                                                        <td> <input type="text" size="4" class="Appreciation" /> </td>
                                                        <td>  </td>
                                </tr>
                        
                                <tr>
                                    
                        
                                <tr id="Ligne5B1">
                                    
                                    <td id="Dictee">ANGLAIS  
                                                        <br>    <input type="text" size="" placeholder="Nom de l'enseignant(e)"/></td>
                                                        
                                                        <td> <input type="text" onkeyup="cal('Ligne5B1')" style="-webkit-print-color-adjust: exact;" size="3" class="Eval1" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne5B1')" style="-webkit-print-color-adjust: exact;" size="4" class="Eval2" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne5B1')" style="-webkit-print-color-adjust: exact;" size="4" class="Moyenne" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne5B1')" size="4" class="Coef" /> </td>
                                                        <td> <input type="text" size="4" class="Total" /> </td>
                                                        <td> <input type="text" size="4" class="Rang" /> </td>
                                                        <td> <input type="text" size="4" class="Appreciation" /> </td>
                                                        <td>  </td>
                                </tr>
 
                                <tr>
                                    <th>MATIERES SCIENTIFIQUES</th>
                                    <th>Eval <input type="text" id="InputEval1" size="1" maxlength="1"/></th>
                                    <th>Eval <input type="text" id="InputEval1" size="1" maxlength="1"/></th>
                                    <th>Moyenne</th>
                                    <th>Coef</th>
                                    <th>Total</th>
                                    <th>Rang</th>
                                    <th>Apprs</th>
                                    <th> Sgn.Prof</th>
                                </tr>
                        
                                <tr id="Ligne6B1">
                                    
                                    <td id="Dictee">MATHEMATIQUES 
                                                        <br>    <input type="text" size="" placeholder="Nom de l'enseignant(e)"/></td>
                                                        
                                                        <td> <input type="text" onkeyup="cal('Ligne6B1')" style="-webkit-print-color-adjust: exact;" size="3" class="Eval1" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne6B1')" style="-webkit-print-color-adjust: exact;" size="4" class="Eval2" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne6B1')" style="-webkit-print-color-adjust: exact;" size="4" class="Moyenne" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne6B1')" size="4" class="Coef" /> </td>
                                                        <td> <input type="text" size="4" class="Total" /> </td>
                                                        <td> <input type="text" size="4" class="Rang" /> </td>
                                                        <td> <input type="text" size="4" class="Appreciation" /> </td>
                                                        <td>  </td>
                                </tr>
                        
                                <tr id="Ligne7B1">
                                    
                                    <td id="Dictee">SVT
                                                        <br>    <input type="text" size="70" placeholder="Nom de l'enseignant(e)"/></td>
                                                        
                                                        <td> <input type="text" onkeyup="cal('Ligne7B1')" style="-webkit-print-color-adjust: exact;" size="3" class="Eval1" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne7B1')" style="-webkit-print-color-adjust: exact;" size="4" class="Eval2" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne7B1')" style="-webkit-print-color-adjust: exact;" size="4" class="Moyenne" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne7B1')" size="4" class="Coef" /> </td>
                                                        <td> <input type="text" size="4" class="Total" /> </td>
                                                        <td> <input type="text" size="4" class="Rang" /> </td>
                                                        <td> <input type="text" size="4" class="Appreciation" /> </td>
                                                        <td>  </td>
                                </tr>
                        
                                <tr id="Ligne8B1">
                                    
                                    <td id="Dictee">INFORMATIQUE 
                                                        <br>    <input type="text" size="" placeholder="Nom de l'enseignant(e)"/></td>
                                                        
                                                        <td> <input type="text" onkeyup="cal('Ligne8B1')" style="-webkit-print-color-adjust: exact;" size="3" class="Eval1" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne8B1')" style="-webkit-print-color-adjust: exact;" size="4" class="Eval2" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne8B1')" style="-webkit-print-color-adjust: exact;" size="4" class="Moyenne" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne8B1')" size="4" class="Coef" /> </td>
                                                        <td> <input type="text" size="4" class="Total" /> </td>
                                                        <td> <input type="text" size="4" class="Rang" /> </td>
                                                        <td> <input type="text" size="4" class="Appreciation" /> </td>
                                                        <td>  </td>
                                </tr>
                                
                            </table>
 
                           <table style="position: relative; top: -42.49em;">
                                <tr>
                                    <th>SCIENCES HUMAINES</th>
                                    <th>Eval <input type="text" id="InputEval1" size="1" maxlength="1"/></th>
                                    <th>Eval <input type="text" id="InputEval1" size="1" maxlength="1"/></th>
                                    <th>Moyenne</th>
                                    <th>Coef</th>
                                    <th>Total</th>
                                    <th>Rang</th>
                                    <th>Apprs</th>
                                    <th> Sgn.Prof</th>
                                </tr>
                        
                                <tr id="Ligne9B1">
                                    
                                    <td id="Dictee">HISTOIRE  
                                                        <br>    <input type="text" size="" placeholder="Nom de l'enseignant(e)"/></td>
                                                        
                                                        <td> <input type="text" onkeyup="cal('Ligne9B1')" style="-webkit-print-color-adjust: exact;" size="3" class="Eval1" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne9B1')" style="-webkit-print-color-adjust: exact;" size="4" class="Eval2" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne9B1')" style="-webkit-print-color-adjust: exact;" size="4" class="Moyenne" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne9B1')" size="4" class="Coef" /> </td>
                                                        <td> <input type="text" size="4" class="Total" /> </td>
                                                        <td> <input type="text" size="4" class="Rang" /> </td>
                                                        <td> <input type="text" size="4" class="Appreciation" /> </td>
                                                        <td>  </td>
                                </tr>
                        
                                <tr id="Ligne10B1">
                                    
                                    <td id="Dictee">GEOGRAPHIE 
                                                        <br>    <input type="text" size="" placeholder="Nom de l'enseignant(e)"/></td>
                                                        
                                                        <td> <input type="text" onkeyup="cal('Ligne10B1')" style="-webkit-print-color-adjust: exact;" size="3" class="Eval1" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne10B1')" style="-webkit-print-color-adjust: exact;" size="4" class="Eval2" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne10B1')" style="-webkit-print-color-adjust: exact;" size="4" class="Moyenne" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne10B1')" size="4" class="Coef" /> </td>
                                                        <td> <input type="text" size="4" class="Total" /> </td>
                                                        <td> <input type="text" size="4" class="Rang" /> </td>
                                                        <td> <input type="text" size="4" class="Appreciation" /> </td>
                                                        <td>  </td>
                                </tr>
                        
                                <tr id="Ligne11B1">
                                    
                                    <td id="Dictee">ECM  
                                                        <br>    <input type="text" size="" placeholder="Nom de l'enseignant(e)"/></td>
                                                        
                                                        <td> <input type="text" onkeyup="cal('Ligne11B1')" style="-webkit-print-color-adjust: exact;" size="3" class="Eval1" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne11B1')" style="-webkit-print-color-adjust: exact;" size="4" class="Eval2" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne11B1')" style="-webkit-print-color-adjust: exact;" size="4" class="Moyenne" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne11B1')" size="4" class="Coef" /> </td>
                                                        <td> <input type="text" size="4" class="Total" /> </td>
                                                        <td> <input type="text" size="4" class="Rang" /> </td>
                                                        <td> <input type="text" size="4" class="Appreciation" /> </td>
                                                        <td>  </td>
                                </tr>
                        
                                <tr>
                                    <th>MATIÈRES DIVERSES</th>
                                    <th>Eval <input type="text" id="InputEval1" size="1" maxlength="1"/></th>
                                    <th>Eval <input type="text" id="InputEval1" size="1" maxlength="1"/></th>
                                    <th>Moyenne</th>
                                    <th>Coef</th>
                                    <th>Total</th>
                                    <th>Rang</th>
                                    <th>Apprs</th>
                                    <th> Sgn.Prof</th>
                                </tr>
                        
                                <tr id="Ligne12B1">
                                    
                                    <td id="Dictee">EPS 
                                                        <br>    <input type="text" size="70" placeholder="Nom de l'enseignant(e)"/></td>
                                                        
                                                        <td> <input type="text" onkeyup="cal('Ligne12B1')" style="-webkit-print-color-adjust: exact;" size="3" class="Eval1" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne12B1')" style="-webkit-print-color-adjust: exact;" size="4" class="Eval2" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne12B1')" style="-webkit-print-color-adjust: exact;" size="4" class="Moyenne" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne12B1')" size="4" class="Coef" /> </td>
                                                        <td> <input type="text" size="4" class="Total" /> </td>
                                                        <td> <input type="text" size="4" class="Rang" /> </td>
                                                        <td> <input type="text" size="4" class="Appreciation" /> </td>
                                                        <td>  </td>
                                </tr>
                        
                                <tr id="Ligne13B1">
                                    
                                    <td id="Dictee">TM 
                                                        <br>    <input type="text" size="" placeholder="Nom de l'enseignant(e)"/></td>
                                                        
                                                        <td> <input type="text" onkeyup="cal('Ligne13B1')" style="-webkit-print-color-adjust: exact;" size="3" class="Eval1" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne13B1')" style="-webkit-print-color-adjust: exact;" size="4" class="Eval2" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne13B1')" style="-webkit-print-color-adjust: exact;" size="4" class="Moyenne" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne13B1')" size="4" class="Coef" /> </td>
                                                        <td> <input type="text" size="4" class="Total" /> </td>
                                                        <td> <input type="text" size="4" class="Rang" /> </td>
                                                        <td> <input type="text" size="4" class="Appreciation" /> </td>
                                                        <td>  </td>
                                </tr>
                        
                                <tr id="Ligne14B1">
                                    
                                    <td id="Dictee">TOTAL</td>
                                                        
                                                        <td> <input type="text" onkeyup="cal('Ligne14B1')" size="3" class="TotalEval1" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne14B1')" size="4" class="TotalEval2" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne14B1')" size="4" class="TotalMoyenne" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne14B1')" size="4" class="TotalCoef" /> </td>
                                                        <td> <input type="text" onkeyup="cal('Ligne14B1')" size="4" class="TotalTotal" /> </td>
                                </tr>
                        
                                
                        
                            </table>
 
                            <!-- tableaux soujascent -->
 
                            <!-- tableaux soujascent_Discipline -->
 
                            <table style="position: relative; top: -41em;">
                                  <tr><th colspan="4" style="color: white; background-color: black; -webkit-print-color-adjust: exact;">DISCIPLINE</th></tr>
                                  <tr>
                                        <td>Abs. Non. Justifiées(h) : </td>
                                        <td><input type="text" size="1" name="" id=""/></td>
                                        <td>Abs.Justifiées(h) : </td>
                                        <td><input type="text" size="1" name="" id=""/></td>
                                  </tr>
 
                                  <tr>
                                    <td>Retard : </td>
                                    <td><input type="text" size="1" name="" id=""/></td>
                                    <td>Blâme : </td>
                                    <td><input type="text" size="1" name="" id=""/></td>
                              </tr>
 
                              <tr>
                                <td>Retenues </td>
                                <td><input type="text" size="1" name="" id=""/></td>
                                <td>Exclus (j) </td>
                                <td><input type="text" size="1" name="" id=""/></td>
                          </tr>
 
                          <tr>
                            <td>Consigne (h) </td>
                            <td><input type="text" size="1" name="" id=""/></td>
                            <td>Conseil de Discipline </td>
                            <td><input type="text" size="1" name="" id=""/></td>
                      </tr>
 
                    </table>
 
                    <!-- tableaux soujascent_Discipline -->
 
                    <table style="position: relative; top: -48.5em; left: 25em;">
                        <tr><th colspan="4" style="color: white; background-color: black; -webkit-print-color-adjust: exact;">PROFILE DE LA CLASSE</th></tr>
                        <tr id="Ligne15B1">
                              <td>Moyenne Générale : </td>
                              <td><input type="text" size="1" name="" class="MoyenneGénéraleB1"/></td>
                              <td>Taux de Réussite : </td>
                              <td><input type="text" size="1" name="" class="TauxRéussiteB1"/></td>
                        </tr>
 
                        <tr id="Ligne16B1">
                          <td>Moyenne du Premier : </td>
                          <td><input type="text" size="1" name="" class="MoyennePremierB1"/></td>
                          <td>Nombre Moyenne : </td>
                          <td><input type="text" size="1" name="" class="NombreMoyenneB1"/></td>
                    </tr>
 
                    <tr id="Ligne17B1">
                      <td>Moyenne du Dernier </td>
                      <td><input type="text" size="1" name="" class="MoyenneDernierB1"/></td>
                      <td>Ecart Type </td>
                      <td><input type="text" size="1" name="" class="EcartTypeB1"/></td>
                </tr>
 
                <tr id="Ligne18B1"> 
                      <td>Points : </td>
                      <td><input type="text" size="1" name="" class="PointsB1"/></td>
                      <td>Rang : </td>
                      <td><input type="text" size="1" name="" class="RangB1"/></td>
                      <tr id="Ligne19B1">
                            <td>Moyenne : </td>
                            <td><input type="text" size="1" name="" class="MoyenneB1"/></td>
                            <td>Coef : </td>
                            <td><input type="text" size="1" name="" class="CoefB1"/></td>
                        </tr>
                </tr>
 
 
          </table>
 
          <table style="position: relative; top: -57em; left: 51em;">
            <tr><th colspan="4" style="color: white; background-color: black; -webkit-print-color-adjust: exact;">APPRECIATION DU TRAVAIL</th></tr>
            <tr>
                  <td> <input type="text" id="" style="height: 5em; width: 15em; "/></td>
            </tr>
        </table>
 
            <div> 
 
                <span style="position: relative; top: -54em; font-weight: bold; left: 1em; color: white; background-color: black; -webkit-print-color-adjust: exact;">VISA DU PARENT</span>
                <span style="position: relative; top: -54em; left: 18em; font-weight: bold; color: white; background-color: black; -webkit-print-color-adjust: exact;"> SURVEILLANT GENERAL </span>
                <span style="position: relative; top: -54em; left: 37em; font-weight: bold; color: white; background-color: black; -webkit-print-color-adjust: exact;" id="Leprincipal"> LE PRINCIPAL</span>
                <span style="position: relative; top: -70em; left: -24em; font-size:0.8em ;"> Fait par HervéPasto : +237 654481635</span>
 
                
            </div>
 
    </div>
</div> 
 
        
 
        <button onclick="add()" style="position: relative; top: -65em; font-size:0.8em ;" >Add</button>
    </body>
</html>

voici le code javaScript

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
function add(idBulletin){
    let Leprincipal = document.getElementById("Leprincipal");
     Leprincipal.insertAdjacentHTML("afterend", New(idBulletin));
 
}
 
 
function cal(idLigne){ 
 
    let Eval1 = parseFloat(document.getElementById(idLigne).querySelector(".Eval1").value);
    let Eval2 = parseFloat(document.getElementById(idLigne).querySelector(".Eval2").value);
    let Moy   = document.getElementById(idLigne).querySelector(".Moyenne").value = (Eval1+Eval2)/2;
    let Coef  = parseFloat(document.getElementById(idLigne).querySelector(".Coef").value);
    let Total = document.getElementById(idLigne).querySelector(".Total").value = (Moy*Coef);
    let Appr  = document.getElementById(idLigne).querySelector(".Appreciation").value; 
 
    let Eval1L1B1 =  parseFloat(document.getElementById("Ligne1B1").querySelector(".Eval1").value);
    let Eval1L2B1 =  parseFloat(document.getElementById("Ligne2B1").querySelector(".Eval1").value);
    let Eval1L3B1 =  parseFloat(document.getElementById("Ligne3B1").querySelector(".Eval1").value);
    let Eval1L4B1 =  parseFloat(document.getElementById("Ligne4B1").querySelector(".Eval1").value);
    let Eval1L5B1 =  parseFloat(document.getElementById("Ligne5B1").querySelector(".Eval1").value);
    let Eval1L6B1 =  parseFloat(document.getElementById("Ligne6B1").querySelector(".Eval1").value);
    let Eval1L7B1 =  parseFloat(document.getElementById("Ligne7B1").querySelector(".Eval1").value);
    let Eval1L8B1 =  parseFloat(document.getElementById("Ligne8B1").querySelector(".Eval1").value);
    let Eval1L9B1 =  parseFloat(document.getElementById("Ligne9B1").querySelector(".Eval1").value);
    let Eval1L10B1 = parseFloat(document.getElementById("Ligne10B1").querySelector(".Eval1").value);
    let Eval1L11B1 = parseFloat(document.getElementById("Ligne11B1").querySelector(".Eval1").value);
    let Eval1L12B1 = parseFloat(document.getElementById("Ligne12B1").querySelector(".Eval1").value);
    let Eval1L13B1 = parseFloat(document.getElementById("Ligne13B1").querySelector(".Eval1").value);
    let TotalEval1 = document.getElementById("Ligne14B1").querySelector(".TotalEval1").value = (Eval1L1B1+Eval1L2B1+Eval1L3B1+Eval1L4B1+Eval1L5B1+Eval1L6B1+Eval1L7B1+Eval1L8B1+Eval1L9B1+Eval1L10B1+Eval1L11B1+Eval1L12B1+Eval1L13B1);
 
    let Eval2L1B1 =  parseFloat(document.getElementById("Ligne1B1").querySelector(".Eval2").value);
    let Eval2L2B1 =  parseFloat(document.getElementById("Ligne2B1").querySelector(".Eval2").value);
    let Eval2L3B1 =  parseFloat(document.getElementById("Ligne3B1").querySelector(".Eval2").value);
    let Eval2L4B1 =  parseFloat(document.getElementById("Ligne4B1").querySelector(".Eval2").value);
    let Eval2L5B1 =  parseFloat(document.getElementById("Ligne5B1").querySelector(".Eval2").value);
    let Eval2L6B1 =  parseFloat(document.getElementById("Ligne6B1").querySelector(".Eval2").value);
    let Eval2L7B1 =  parseFloat(document.getElementById("Ligne7B1").querySelector(".Eval2").value);
    let Eval2L8B1 =  parseFloat(document.getElementById("Ligne8B1").querySelector(".Eval2").value);
    let Eval2L9B1 =  parseFloat(document.getElementById("Ligne9B1").querySelector(".Eval2").value);
    let Eval2L10B1 = parseFloat(document.getElementById("Ligne10B1").querySelector(".Eval2").value);
    let Eval2L11B1 = parseFloat(document.getElementById("Ligne11B1").querySelector(".Eval2").value);
    let Eval2L12B1 = parseFloat(document.getElementById("Ligne12B1").querySelector(".Eval2").value);
    let Eval2L13B1 = parseFloat(document.getElementById("Ligne13B1").querySelector(".Eval2").value);
    let TotalEval2 = document.getElementById("Ligne14B1").querySelector(".TotalEval2").value = (Eval2L1B1+Eval2L2B1+Eval2L3B1+Eval2L4B1+Eval2L5B1+Eval2L6B1+Eval2L7B1+Eval2L8B1+Eval2L9B1+Eval2L10B1+Eval2L11B1+Eval2L12B1+Eval2L13B1);
 
    let MoyL1B1 =  parseFloat(document.getElementById("Ligne1B1").querySelector(".Moyenne").value);
    let MoyL2B1 =  parseFloat(document.getElementById("Ligne2B1").querySelector(".Moyenne").value);
    let MoyL3B1 =  parseFloat(document.getElementById("Ligne3B1").querySelector(".Moyenne").value);
    let MoyL4B1 =  parseFloat(document.getElementById("Ligne4B1").querySelector(".Moyenne").value);
    let MoyL5B1 =  parseFloat(document.getElementById("Ligne5B1").querySelector(".Moyenne").value);
    let MoyL6B1 =  parseFloat(document.getElementById("Ligne6B1").querySelector(".Moyenne").value);
    let MoyL7B1 =  parseFloat(document.getElementById("Ligne7B1").querySelector(".Moyenne").value);
    let MoyL8B1 =  parseFloat(document.getElementById("Ligne8B1").querySelector(".Moyenne").value);
    let MoyL9B1 =  parseFloat(document.getElementById("Ligne9B1").querySelector(".Moyenne").value);
    let MoyL10B1 = parseFloat(document.getElementById("Ligne10B1").querySelector(".Moyenne").value);
    let MoyL11B1 = parseFloat(document.getElementById("Ligne11B1").querySelector(".Moyenne").value);
    let MoyL12B1 = parseFloat(document.getElementById("Ligne12B1").querySelector(".Moyenne").value);
    let MoyL13B1 = parseFloat(document.getElementById("Ligne13B1").querySelector(".Moyenne").value);
    let TotalMoy = document.getElementById("Ligne14B1").querySelector(".TotalMoyenne").value = (MoyL1B1+MoyL2B1+MoyL3B1+MoyL4B1+MoyL5B1+MoyL6B1+MoyL7B1+MoyL8B1+MoyL9B1+MoyL10B1+MoyL11B1+MoyL12B1+MoyL13B1);
 
    let CoefL1B1 =  parseFloat(document.getElementById("Ligne1B1").querySelector(".Coef").value);
    let CoefL2B1 =  parseFloat(document.getElementById("Ligne2B1").querySelector(".Coef").value);
    let CoefL3B1 =  parseFloat(document.getElementById("Ligne3B1").querySelector(".Coef").value);
     let CoefL4B1 =  parseFloat(document.getElementById("Ligne4B1").querySelector(".Coef").value);
    let CoefL5B1 =  parseFloat(document.getElementById("Ligne5B1").querySelector(".Coef").value);
    let CoefL6B1 =  parseFloat(document.getElementById("Ligne6B1").querySelector(".Coef").value);
    let CoefL7B1 =  parseFloat(document.getElementById("Ligne7B1").querySelector(".Coef").value);
    let CoefL8B1 =  parseFloat(document.getElementById("Ligne8B1").querySelector(".Coef").value);
    let CoefL9B1 =  parseFloat(document.getElementById("Ligne9B1").querySelector(".Coef").value);
    let CoefL10B1 = parseFloat(document.getElementById("Ligne10B1").querySelector(".Coef").value);
    let CoefL11B1 = parseFloat(document.getElementById("Ligne11B1").querySelector(".Coef").value);
    let CoefL12B1 = parseFloat(document.getElementById("Ligne12B1").querySelector(".Coef").value);
    let CoefL13B1 = parseFloat(document.getElementById("Ligne13B1").querySelector(".Coef").value);
    let TotalCoef = document.getElementById("Ligne14B1").querySelector(".TotalCoef").value = (CoefL1B1+CoefL2B1+CoefL3B1+CoefL4B1+CoefL5B1+CoefL6B1+CoefL7B1+CoefL8B1+CoefL9B1+CoefL10B1+CoefL11B1+CoefL12B1+CoefL13B1);
 
    let TotalL1B1 =  parseFloat(document.getElementById("Ligne1B1").querySelector(".Total").value);
    let TotalL2B1 =  parseFloat(document.getElementById("Ligne2B1").querySelector(".Total").value);
    let TotalL3B1 =  parseFloat(document.getElementById("Ligne3B1").querySelector(".Total").value);
    let TotalL4B1 =  parseFloat(document.getElementById("Ligne4B1").querySelector(".Total").value);
    let TotalL5B1 =  parseFloat(document.getElementById("Ligne5B1").querySelector(".Total").value);
    let TotalL6B1 =  parseFloat(document.getElementById("Ligne6B1").querySelector(".Total").value);
    let TotalL7B1 =  parseFloat(document.getElementById("Ligne7B1").querySelector(".Total").value);
    let TotalL8B1 =  parseFloat(document.getElementById("Ligne8B1").querySelector(".Total").value);
    let TotalL9B1 =  parseFloat(document.getElementById("Ligne9B1").querySelector(".Total").value);
    let TotalL10B1 = parseFloat(document.getElementById("Ligne10B1").querySelector(".Total").value);
    let TotalL11B1 = parseFloat(document.getElementById("Ligne11B1").querySelector(".Total").value);
    let TotalL12B1 = parseFloat(document.getElementById("Ligne12B1").querySelector(".Total").value);
    let TotalL13B1 = parseFloat(document.getElementById("Ligne13B1").querySelector(".Total").value);
    let TotalTotal = document.getElementById("Ligne14B1").querySelector(".TotalTotal").value = (TotalL1B1+TotalL2B1+TotalL3B1+TotalL4B1+TotalL5B1+TotalL6B1+TotalL7B1+TotalL8B1+TotalL9B1+TotalL10B1+TotalL11B1+TotalL12B1+TotalL13B1);
 
    let CoefTotal =  document.getElementById("Ligne19B1").querySelector(".CoefB1").value = (TotalCoef);
    let PointsTotal= document.getElementById("Ligne18B1").querySelector(".PointsB1").value = (TotalTotal);
    let Moyenne = document.getElementById("Ligne19B1").querySelector(".MoyenneB1").value = (TotalTotal/TotalCoef);
 
    //   Couleur en fonction de la note
    if(Eval1 < 10){
        document.getElementById(idLigne).querySelector(".Eval1").style.backgroundColor = "gray";
      }else{
        document.getElementById(idLigne).querySelector(".Eval1").style.backgroundColor = "white";
      }
 
      if(Eval2 < 10){
        document.getElementById(idLigne).querySelector(".Eval2").style.backgroundColor = "gray";
      }else{
        document.getElementById(idLigne).querySelector(".Eval2").style.backgroundColor = "white";
      }
 
      if(Moy < 10){
        document.getElementById(idLigne).querySelector(".Moyenne").style.backgroundColor = "gray";
      }else{
        document.getElementById(idLigne).querySelector(".Moyenne").style.backgroundColor = "white";
      }
 
      // appreciation
 
      if(Moy < 10 ){
        document.getElementById(idLigne).querySelector(".Appreciation").value ="Non Acquis"
      }else{
        document.getElementById(idLigne).querySelector(".Appreciation").value ="Acquis"
      }    
   return(Moy, Total, TotalEval1, TotalEval2, TotalMoy, TotalCoef, TotalTotal, CoefTotal, PointsTotal);
 
}
 
function New(idBulletin){
 
    const newRC = `
 
    <style>
    #TextEnteteFrancais{
 
        text-align: center;
        font-size: 0.7em;
        position: relative;
        right: 35em;
    }
 
    #TextEnteteAnglais{
 
        text-align: center;
        font-size: 0.7em;
        position: relative;
        top: -46em;
        left: 35em;
    }
 
    #logo{
 
        position: relative;
        top: -14.5em;
        left: 25em;
    }
 
    /* entete deuxieme Partie */
 
    #BulletinNote{
 
        text-align: center;
        font-size: 3em;
        position: relative;
        top: -11.7em;
        color: white; 
        background-color: black;
        -webkit-print-color-adjust: exact;
        font-family: bold;
        }
 
    #Inputtrimestre{
        height: 1em;
        width: 0.5em;
        position: relative;
        font-size: 1em;
        border: 0px;
        color: black;
        font-family: bold;
    }
 
    #classe{
        position: relative;
        top: -0.5em;
    }
 
    #Effectif{
        position: relative;
        right: -5em;
        top: -0.5em;
    }
 
    #InputEffectif{
            font-size: 0.8em;
 
    }
 
    #Titulaire{
            position: relative;
            right: -7em
 
    }
 
    #InputTitulaire{
 
        width: 14em;
        font-size: 0.8em;
        /* border: solid; */
        position: relative;
        top: -1.5em;
        left: 8em;
 
    }
 
    #NomEleve{
                position: relative;
                top: -1em;
 
    }
 
    #InputNomEleve{
 
                width: 12em;
                font-size: 0.8em;
                position: relative;
                top: -1.5em;
                left: 9em;
 
                }
 
    #Matricule{
 
        position: relative;
        left: 14em;
        position: relative;
        top: -1em;
        }
 
    #InputMatricule{
 
                width: 12em;
                font-size: 0.8em;
                position: relative;
                top: -0.2em;
                left: 0.5em;               
         }
 
    #InputClasse{
            font-size: 0.8em;
 
    }
 
    #Nele{
 
        position: relative;
        top: -2.5em;
    }
 
    #a{
        position: relative;
        top: -2.7em;
    }
 
    #Inputa{
        font-size: 0.8em;
    }
 
    #Sexe{
        position: relative;
        top: -2.3em;
        right: 0.8em;
 
    }
 
    #InputSexe{
        font-size: 0.8em;
    }
 
    #Redoublant{
 
        position: relative;
        top: -2em;
        right: 8em;
    }
 
    #InputRedoublant{
 
        position: relative;
        top: -1.4em;
        left: 7em;
        font-size: 0.8em;
 
    }
 
    #ChefEtablissement{
        color: red;
        position: relative;
        top: -2.7em;
        left: 60em;
    }
 
    #InputChefEtablissement{
        color: white;
        position: relative;
        top: -1.4em;
        left: 12em;
        font-size: 0.8em;
 
 
    }
 
 
    #TelParent{
 
        position: relative;
        left: 0em;
        top: -2.5em;
    }
 
    #InputTelParent{
 
        position: relative;
        left: 7em;
        top: -1.4em;
        font-size: 0.8em;
    }
 
 
 
    table{
 
                border-collapse: collapse ;
                border: solid black;
        }
 
                tr{
                border: 1px solid;
                border: solid black;
        }
 
                td{
                border : 1px solid;
                border: solid black;
                                 }
 
                th{
                border : 1px solid;
                border: solid black;
                }
 
                .TableauBulletin{
 
                        position: relative;
                        top: -42em;
                }
 
 
    input{
        border: 0px;
        text-align: center;
    }
 
    #EnteteLigne1{
        border: 0px;    
        font-size: 1.3em;
        position: relative;
        top: -29.5em
    }
 
    #Bulletin2{
        transform: translate(0%, -43em);
    }
    #Bulletin3{
        transform: translate(0%, -88em);
    }
 
 
</STYle>
 
<div id="Bulletin1">
                <div id="TextEnteteFrancais">
                    <p>REPUBLIQUE DU CAMEROUN</p>
                    <P>Paix-Trvail-Patrie</P>
                    <P>*********************</P>
                    <P>REGION DU CENTRE</P>
                    <P>*********************</P>
                    <P>DELEGATION REGIONALE DES ENSEIGNEMENTS</P>
                    <P>SECONDAIRES DU CENTRE</P>
                    <P>*********************</P>
                    <P>DELEGATION DEPARTEMENTALE DU MFOUNDI</P>
                    <P>COLLEGE BILINGUE LAIC ALEXANDRE RAPHAEL</P>
                    <P>CODE DE L'ETABLISSEMENT : 5LL2GSBD113345121</P>
                    <P>TEL : 699570619/676073941 </P>
 
            </div>
            <img src="logo.PNG" id="logo"/> 
 
            <div id="TextEnteteAnglais">
                <p>REPUBLIC OF CAMEROON</p>
                <P>Peace-Work-Fatherland</P>
                <P>*********************</P>
                <P>CENTRAL REGION</P>
                <P>*********************</P>
                <P>REGIONAL DELEGATION FOR EDUCATION</P>
                <P>SECONDARY SCHOOL OF THE CENTRER</P>
                <P>*********************</P>
                <P>DIVISIONAL DELEGATION OF MFOUNDI</P>
                <P>ALEXANDRE RAPHAEL BILINGUAL SECULAR COLLEGE</P>
                <P>SCHOOL CODE: 5LL2GSBD113345121</P>
                <P>TEL : 699570619/676073941 </P>
 
            </div>
            <!-- entete deuxieme Partie -->
 
            <div id="EntetePartie2">
                <center><p style="width: 19em;" id="BulletinNote">BULLETIN DE NOTES DU TRIMETRE <input type="text" id="Inputtrimestre" size="4" maxlength="1" placeholder="...." /> </p></center>
                    <table style="border: 0px;">
                        <tr id="EnteteLigne1" style="border: 0px;">
                                <td style="border: 0px;"><span id="classe">Classe : <input type="text" id="InputClasse" size="2" maxlength="2" placeholder="...." /></span></td>
                                <td style="border: 0px;"><span id="Effectif">Effectif : <input type="text" id="InputEffectif" size="2" maxlength="3" placeholder="...." /></span></td>
                                <td style="border: 0px;"><span id="Titulaire">Prof. Principal : <input type="text" id="InputTitulaire" placeholder=".............................................................................................." /> </span></td>
                        </tr>
 
                        <tr id="EnteteLigne1" style="border: 0px;">
                                <td style="border: 0px;"><span id="NomEleve">Nom de L'élève :<input type="text" id="InputNomEleve" size="" maxlength="" placeholder="......................................." /></span></td>
                                <td style="border: 0px;"><span id="Matricule">Matricule : <input type="text" id="InputMatricule" size="" maxlength="" placeholder="......................................" /></span></td>
 
                        </tr>
 
                        <tr id="EnteteLigne1"  style="border: 0px;">
                            <td style="border: 0px;"><span id="Nele">Né(é) le :<input type="date" id="InputNele"/></span></td>
                            <td style="border: 0px;"><span id="a">à <input type="text" id="Inputa" size="" maxlength="" placeholder="......................................" /></span></td>
                            <td style="border: 0px;"><span id="Sexe">Sexe :<input type="text" id="InputSexe" size="2" maxlength="1" placeholder="......................................." /></span></td>
                            <td style="border: 0px;"><span id="Redoublant">Redoublant : <input type="text" id="InputRedoublant" size="5" maxlength="3" placeholder=".........." /></span></td>
 
 
            </tr>
 
                            <tr id="EnteteLigne1" style="border: 0px;">
 
                            <td style="border: 0px;"><span id="TelParent">Tel Parent : <input type="text" id="InputTelParent" size="" maxlength="9" placeholder="............................................................." /></span></td>    
                            <td style="border: 0px;"><span id="ChefEtablissement">Chef d'Etablissement :<input type="text" id="InputChefEtablissement" size="" maxlength="0" placeholder="........." /></span></td>
 
 
 
            </tr>
 
                    </table>
                    </div>
 
                    <!-- tableau de notes du bulletin  -->
 
                    <table class="TableauBulletin">
                        <tr>
                            <th>MATIERES LITTERAIRES</th>
                            <th>Eval <input type="text" id="InputEval1" size="1" maxlength="1"/></th>
                            <th>Eval <input type="text" id="InputEval1" size="1" maxlength="1"/></th>
                            <th>Moyenne</th>
                            <th>Coef</th>
                            <th>Total</th>
                            <th>Rang</th>
                            <th>Apprs</th>
                            <th> Sgn.Prof</th>
                        </tr>
 
                        <tr id="${idLigne}">
 
                            <td id="Dictee">CORRECTION ORTHOGRAPHIQUE / DICTEE 
                                                <br>	<input type="text" size="70" placeholder="Nom de l'enseignant(e)"/></td>
 
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="3" class="Eval1" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="4" class="Eval2" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="4" class="Moyenne" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" size="4" class="Coef" /> </td>
                                                <td> <input type="text" size="4" class="Total" /> </td>
                                                <td> <input type="text" size="4" class="Rang" /> </td>
                                                <td> <input type="text" size="4" class="Appreciation" /> </td>
                                                <td>  </td>
                        </tr>
 
                        <tr id="${idLigne}">
 
                            <td id="Dictee">ETUDE DE TEXTE 
                                                <br>	<input type="text" size="" placeholder="Nom de l'enseignant(e)"/></td>
 
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="3" class="Eval1" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="4" class="Eval2" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="4" class="Moyenne" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" size="4" class="Coef" /> </td>
                                                <td> <input type="text" size="4" class="Total" /> </td>
                                                <td> <input type="text" size="4" class="Rang" /> </td>
                                                <td> <input type="text" size="4" class="Appreciation" /> </td>
                                                <td>  </td>
                        </tr>
 
                        <tr id="${idLigne}">
 
                            <td id="Dictee">EPRESSION ECRITE 
                                                <br>	<input type="text" size="" placeholder="Nom de l'enseignant(e)"/></td>
 
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="3" class="Eval1" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="4" class="Eval2" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="4" class="Moyenne" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" size="4" class="Coef" /> </td>
                                                <td> <input type="text" size="4" class="Total" /> </td>
                                                <td> <input type="text" size="4" class="Rang" /> </td>
                                                <td> <input type="text" size="4" class="Appreciation" /> </td>
                                                <td>  </td>
                        </tr>
 
                        <tr id="${idLigne}">
 
                            <td id="Dictee">ACTIVITE ORALE
                                                <br>	<input type="text" size="" placeholder="Nom de l'enseignant(e)"/></td>
 
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" size="3" class="Eval1" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" size="4" class="Eval2" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" size="4" class="Moyenne" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" size="4" class="Coef" /> </td>
                                                <td> <input type="text" size="4" class="Total" /> </td>
                                                <td> <input type="text" size="4" class="Rang" /> </td>
                                                <td> <input type="text" size="4" class="Appreciation" /> </td>
                                                <td>  </td>
                        </tr>
 
                        <tr>
 
 
                        <tr id="${idLigne}">
 
                            <td id="Dictee">ANGLAIS  
                                                <br>	<input type="text" size="" placeholder="Nom de l'enseignant(e)"/></td>
 
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="3" class="Eval1" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="4" class="Eval2" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="4" class="Moyenne" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" size="4" class="Coef" /> </td>
                                                <td> <input type="text" size="4" class="Total" /> </td>
                                                <td> <input type="text" size="4" class="Rang" /> </td>
                                                <td> <input type="text" size="4" class="Appreciation" /> </td>
                                                <td>  </td>
                        </tr>
 
                        <tr>
                            <th>MATIERES SCIENTIFIQUES</th>
                            <th>Eval <input type="text" id="InputEval1" size="1" maxlength="1"/></th>
                            <th>Eval <input type="text" id="InputEval1" size="1" maxlength="1"/></th>
                            <th>Moyenne</th>
                            <th>Coef</th>
                            <th>Total</th>
                            <th>Rang</th>
                            <th>Apprs</th>
                            <th> Sgn.Prof</th>
                        </tr>
 
                        <tr id="${idLigne}">
 
                            <td id="Dictee">MATHEMATIQUES 
                                                <br>	<input type="text" size="" placeholder="Nom de l'enseignant(e)"/></td>
 
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="3" class="Eval1" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="4" class="Eval2" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="4" class="Moyenne" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" size="4" class="Coef" /> </td>
                                                <td> <input type="text" size="4" class="Total" /> </td>
                                                <td> <input type="text" size="4" class="Rang" /> </td>
                                                <td> <input type="text" size="4" class="Appreciation" /> </td>
                                                <td>  </td>
                        </tr>
 
                        <tr id="${idLigne}">
 
                            <td id="Dictee">SVT
                                                <br>	<input type="text" size="70" placeholder="Nom de l'enseignant(e)"/></td>
 
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="3" class="Eval1" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="4" class="Eval2" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="4" class="Moyenne" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" size="4" class="Coef" /> </td>
                                                <td> <input type="text" size="4" class="Total" /> </td>
                                                <td> <input type="text" size="4" class="Rang" /> </td>
                                                <td> <input type="text" size="4" class="Appreciation" /> </td>
                                                <td>  </td>
                        </tr>
 
                        <tr id="${idLigne}">
 
                            <td id="Dictee">INFORMATIQUE 
                                                <br>	<input type="text" size="" placeholder="Nom de l'enseignant(e)"/></td>
 
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="3" class="Eval1" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="4" class="Eval2" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="4" class="Moyenne" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" size="4" class="Coef" /> </td>
                                                <td> <input type="text" size="4" class="Total" /> </td>
                                                <td> <input type="text" size="4" class="Rang" /> </td>
                                                <td> <input type="text" size="4" class="Appreciation" /> </td>
                                                <td>  </td>
                        </tr>
 
                    </table>
 
                   <table style="position: relative; top: -42.49em;">
                        <tr>
                            <th>SCIENCES HUMAINES</th>
                            <th>Eval <input type="text" id="InputEval1" size="1" maxlength="1"/></th>
                            <th>Eval <input type="text" id="InputEval1" size="1" maxlength="1"/></th>
                            <th>Moyenne</th>
                            <th>Coef</th>
                            <th>Total</th>
                            <th>Rang</th>
                            <th>Apprs</th>
                            <th> Sgn.Prof</th>
                        </tr>
 
                        <tr id="${idLigne}">
 
                            <td id="Dictee">HISTOIRE  
                                                <br>	<input type="text" size="" placeholder="Nom de l'enseignant(e)"/></td>
 
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="3" class="Eval1" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="4" class="Eval2" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="4" class="Moyenne" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" size="4" class="Coef" /> </td>
                                                <td> <input type="text" size="4" class="Total" /> </td>
                                                <td> <input type="text" size="4" class="Rang" /> </td>
                                                <td> <input type="text" size="4" class="Appreciation" /> </td>
                                                <td>  </td>
                        </tr>
 
                        <tr id="${idLigne}">
 
                            <td id="Dictee">GEOGRAPHIE 
                                                <br>	<input type="text" size="" placeholder="Nom de l'enseignant(e)"/></td>
 
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="3" class="Eval1" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="4" class="Eval2" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="4" class="Moyenne" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" size="4" class="Coef" /> </td>
                                                <td> <input type="text" size="4" class="Total" /> </td>
                                                <td> <input type="text" size="4" class="Rang" /> </td>
                                                <td> <input type="text" size="4" class="Appreciation" /> </td>
                                                <td>  </td>
                        </tr>
 
                        <tr id="${idLigne}">
 
                            <td id="Dictee">ECM  
                                                <br>	<input type="text" size="" placeholder="Nom de l'enseignant(e)"/></td>
 
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="3" class="Eval1" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="4" class="Eval2" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="4" class="Moyenne" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" size="4" class="Coef" /> </td>
                                                <td> <input type="text" size="4" class="Total" /> </td>
                                                <td> <input type="text" size="4" class="Rang" /> </td>
                                                <td> <input type="text" size="4" class="Appreciation" /> </td>
                                                <td>  </td>
                        </tr>
 
                        <tr>
                            <th>MATIÈRES DIVERSES</th>
                            <th>Eval <input type="text" id="InputEval1" size="1" maxlength="1"/></th>
                            <th>Eval <input type="text" id="InputEval1" size="1" maxlength="1"/></th>
                            <th>Moyenne</th>
                            <th>Coef</th>
                            <th>Total</th>
                            <th>Rang</th>
                            <th>Apprs</th>
                            <th> Sgn.Prof</th>
                        </tr>
 
                        <tr id="Ligne12B1">
 
                            <td id="Dictee">EPS 
                                                <br>	<input type="text" size="70" placeholder="Nom de l'enseignant(e)"/></td>
 
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="3" class="Eval1" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="4" class="Eval2" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="4" class="Moyenne" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" size="4" class="Coef" /> </td>
                                                <td> <input type="text" size="4" class="Total" /> </td>
                                                <td> <input type="text" size="4" class="Rang" /> </td>
                                                <td> <input type="text" size="4" class="Appreciation" /> </td>
                                                <td>  </td>
                        </tr>
 
                        <tr id="Ligne13B1">
 
                            <td id="Dictee">TM 
                                                <br>	<input type="text" size="" placeholder="Nom de l'enseignant(e)"/></td>
 
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="3" class="Eval1" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="4" class="Eval2" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" style="-webkit-print-color-adjust: exact;" size="4" class="Moyenne" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" size="4" class="Coef" /> </td>
                                                <td> <input type="text" size="4" class="Total" /> </td>
                                                <td> <input type="text" size="4" class="Rang" /> </td>
                                                <td> <input type="text" size="4" class="Appreciation" /> </td>
                                                <td>  </td>
                        </tr>
 
                        <tr id="${idLigne}">
 
                            <td id="Dictee">TOTAL</td>
 
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" size="3" class="TotalEval1" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" size="4" class="TotalEval2" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" size="4" class="TotalMoyenne" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" size="4" class="TotalCoef" /> </td>
                                                <td> <input type="text" onkeyup="cal('${idLigne}')" size="4" class="TotalTotal" /> </td>
                        </tr>
 
 
 
                    </table>
 
                    <!-- tableaux soujascent -->
 
                    <!-- tableaux soujascent_Discipline -->
 
                    <table style="position: relative; top: -41em;">
                          <tr><th colspan="4" style="color: white; background-color: black; -webkit-print-color-adjust: exact;">DISCIPLINE</th></tr>
                          <tr>
                                <td>Abs. Non. Justifiées(h) : </td>
                                <td><input type="text" size="1" name="" id=""/></td>
                                <td>Abs.Justifiées(h) : </td>
                                <td><input type="text" size="1" name="" id=""/></td>
                          </tr>
 
                          <tr>
                            <td>Retard : </td>
                            <td><input type="text" size="1" name="" id=""/></td>
                            <td>Blâme : </td>
                            <td><input type="text" size="1" name="" id=""/></td>
                      </tr>
 
                      <tr>
                        <td>Retenues </td>
                        <td><input type="text" size="1" name="" id=""/></td>
                        <td>Exclus (j) </td>
                        <td><input type="text" size="1" name="" id=""/></td>
                  </tr>
 
                  <tr>
                    <td>Consigne (h) </td>
                    <td><input type="text" size="1" name="" id=""/></td>
                    <td>Conseil de Discipline </td>
                    <td><input type="text" size="1" name="" id=""/></td>
              </tr>
 
            </table>
 
            <!-- tableaux soujascent_Discipline -->
 
            <table style="position: relative; top: -48.5em; left: 25em;">
                <tr><th colspan="4" style="color: white; background-color: black; -webkit-print-color-adjust: exact;">PROFILE DE LA CLASSE</th></tr>
                <tr id="${idLigne}">
                      <td>Moyenne Générale : </td>
                      <td><input type="text" size="1" name="" class="MoyenneGénéraleB1"/></td>
                      <td>Taux de Réussite : </td>
                      <td><input type="text" size="1" name="" class="TauxRéussiteB1"/></td>
                </tr>
 
                <tr id="${idLigne}">
                  <td>Moyenne du Premier : </td>
                  <td><input type="text" size="1" name="" class="MoyennePremierB1"/></td>
                  <td>Nombre Moyenne : </td>
                  <td><input type="text" size="1" name="" class="NombreMoyenneB1"/></td>
            </tr>
 
            <tr id="${idLigne}">
              <td>Moyenne du Dernier </td>
              <td><input type="text" size="1" name="" class="MoyenneDernierB1"/></td>
              <td>Ecart Type </td>
              <td><input type="text" size="1" name="" class="EcartTypeB1"/></td>
        </tr>
 
        <tr id="${idLigne}"> 
              <td>Points : </td>
              <td><input type="text" size="1" name="" class="PointsB1"/></td>
              <td>Rang : </td>
              <td><input type="text" size="1" name="" class="RangB1"/></td>
              <tr id="${idLigne}">
                    <td>Moyenne : </td>
                    <td><input type="text" size="1" name="" class="MoyenneB1"/></td>
                    <td>Coef : </td>
                    <td><input type="text" size="1" name="" class="CoefB1"/></td>
                </tr>
        </tr>
 
 
  </table>
 
  <table style="position: relative; top: -57em; left: 51em;">
    <tr><th colspan="4" style="color: white; background-color: black; -webkit-print-color-adjust: exact;">APPRECIATION DU TRAVAIL</th></tr>
    <tr>
          <td> <input type="text" id="" style="height: 5em; width: 15em; "/></td>
    </tr>
</table>
 
    <div> 
 
        <span style="position: relative; top: -54em; font-weight: bold; left: 1em; color: white; background-color: black; -webkit-print-color-adjust: exact;">VISA DU PARENT</span>
        <span style="position: relative; top: -54em; left: 18em; font-weight: bold; color: white; background-color: black; -webkit-print-color-adjust: exact;"> SURVEILLANT GENERAL </span>
        <span style="position: relative; top: -54em; left: 37em; font-weight: bold; color: white; background-color: black; -webkit-print-color-adjust: exact;" id="Leprincipal"> LE PRINCIPAL</span>
        <span style="position: relative; top: -70em; left: -24em; font-size:0.8em ;"> Fait par HervéPasto : +237 654481635</span>
 
 
    </div>
 
</div>
 
</div>
 
}
 
    `;
 
    return (newRC);
}

sil vous plait besoin de votre aide merci d'avance !!!

**mathieu** · 22/02/2024, 12h46

c'est un très bon réflexe de ne pas dupliquer le code, il est souvent possible d'utiliser autre chose comme par exemples des boucles ou des fonctions.

dans votre cas, je vous conseille de sélectionner toutes les balises qui ont une même classe avec la méthode suivante :
https://developer.mozilla.org/fr/doc...erySelectorAll
ensuite avec un boucle vous allez parcourir cette liste pour calculer la somme.

une autre amélioration que vous pouvez faire est de générer les balises de chaque matière. comme ça vous n'aurez pas besoin de faire des copier / coller pour ajouter d'autres matières.
en javascript cela peut se faire avec ça :
https://developer.mozilla.org/fr/doc.../createElement

**ASCIIDEFOND** · 23/02/2024, 00h13

Salut PastoFerrari,

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html>
<html lang="en">
 
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bulletin_6eTest</title>
    <script src="/js/ajout.js"></script>
    <link rel="stylesheet" href="/css/style.css">
 
    <style>
     
    </style>
 
</head>
 
<body>
    <div id="container"></div>
    <script>add_fiche()</script>
</body>
 
</html>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
.TextEnteteFrancais {
    text-align: center;
    font-size: 0.7em;
    position: relative;
    line-height: 0.7em;
}
 
.BulletinNote {
    width: 19em;
    text-align: center;
    font-size: 3em;
    color: white;
    background-color: black;
    print-color-adjust: exact;
    display: block;
    margin: 20px auto;
}
 
.Inputtrimestre {
    height: 0.8em;
    width: 0.8em;
    position: relative;
    font-size: 1em;
    border: 0px;
    color: black;
    font-family: bold;
    margin-left: 10px;
    text-align: center;
}
 
.bulletin {
    margin: 10px;
}
 
table {
    border-collapse: collapse;
    border: 1px solid black;
}
 
td {
    border: 1px solid black;
}
 
th {
    border: 1px solid black;
}
 
.TableauBulletin {
    position: relative;
}
 
.TableauBulletin>input {
    print-color-adjust: exact;
}
 
input {
    border: 0px;
}
 
#soujascent {
    width: max-content;
    margin: 0 auto;
}
 
.infos {
    --max_column: 3;
    --width_column: 188px;
    --w_totale: calc(var(--width_column) * var(--max_column));
    --gap: 130px;
    --gap_total: calc(var(--gap) * var(--max_column));
 
    display: grid;
    grid-template-columns: repeat(auto-fill, var(--width_column));
    gap: var(--gap);
    max-width: calc(var(--w_totale) + var(--gap_total));
    margin: 15px 70px;
}
 
.infos span {
    text-align: center;
    background-color: black;
    color: white;
}
 
.entete {
    color: rgb(143, 143, 143);
    print-color-adjust: exact;
    display: inherit;
    margin-top: 10px;
}
 
.EntetePartie2 {
    margin: 10px auto;
}
 
.EntetePartie2 fieldset {
    margin: 0;
    padding: 8px;
    border: none;
}
 
.EntetePartie2 fieldset label {
    font-size: 1.3em;
    margin-right: 2px;
}
 
.EntetePartie2 fieldset input {
    position: relative;
    margin-right: 20px;
    left: 0px;
    text-align: left;
    font-size: large;
    font-weight: bold;
}
 
.discipline {
    width: 325px;
}
 
.soujascent-discipline {
    width: 325px;
}
 
.appreciation {
    width: 266px;
}
 
.discipline th,
.soujascent-discipline th,
.appreciation th {
    color: white;
    background-color: black;
    height: 25px;
}
 
.EntetePartie2 input[name="trois"] {
    margin-right: 0;
}
 
.EntetePartie2 input[name="six"] {
    font-size: 1.5em;
}
 
.EntetePartie2 input[name="huit"] {
    font-size: large;
}
 
.EntetePartie2 table input {
    position: relative;
    left: 0.5em;
    text-align: left;
}
 
.EntetePartie2 table,
.EntetePartie2 td {
    border: none;
}
 
.EntetePartie2 td {
    width: max-content;
    height: 40px;
}
 
.tableaux-bas {
    display: grid;
    grid-template-columns: repeat(auto-fill, 325px);
    margin: 15px 0px 0px 10px;
    gap: 10px;
}
 
.add-fiche {
    font-size: 1em;
    margin: 10px 420px;
    cursor: pointer;
}
 
.InputRedoublant,
.InputSexe {
    height: 30px;
    font-size: 1.2em;
    margin-right: 20px;
    cursor: pointer;
    font-weight: bold;
    background: transparent;
    border: none;
}
 
.appreciation-travail {
    font-size: 1.2em;
    line-height: 1.2em;
    height: 104px;
    width: 250px;
    resize: none;
    border: none;
    padding: 4px;
}

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
// ajout.js
function add_fiche() {
    let container = document.getElementById('container'), newFiche
 
    newFiche = `<div class="TextEnteteFrancais">
<p>REPUBLIQUE DU CAMEROUN</p>
<p>Paix-Trvail-Patrie</p>
<p>*********************</p>
<p>REGION DU CENTRE</p>
<p>*********************</p>
<p>DELEGATION REGIONALE DES ENSEIGNEMENTS</p>
<p>SECONDAIRES DU CENTRE</p>
<p>*********************</p>
<p>DELEGATION DEPARTEMENTALE DU MFOUNDI</p>
<p>COLLEGE BILINGUE LAIC ALEXANDRE RAPHAEL</p>
<p>CODE DE L ETABLISSEMENT : 5LL2GSBD113345121</p>
<p>TEL : 699570619/676073941 </p>
<img src="logo.PNG" id="logo" />
<span class="entete">Fait par HervéPasto :+237654481635</span>
</div>`
 
    newFiche += `<p class="BulletinNote">BULLETIN DE NOTES DU TRIMESTRE<input type="text" class="Inputtrimestre" size="4"
maxlength="1" placeholder=" . "></p>
<div class="EntetePartie2">
<fieldset>
<label for="un">Classe :</label><input type="text" name="un" class="InputClasse" size="1" maxlength="2"
    placeholder=" . . " /><label for="deux">Effectif:</label>
<input type="text" name="deux" class="InputEffectif" size="2" maxlength="2" placeholder=" . . " />
<label for="trois">Prof. Principal :</label>
<input type="text" name="trois" class="InputTitulaire" size="30" maxlength="30"
    placeholder=". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ." />
</fieldset>
<fieldset>
<label for="quatre">Nom de L'élève :</label>
<input type="text" name="quatre" class="InputNomEleve" size="30" maxlength="30"
    placeholder=". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ." />
<label for="cinq">Matricule :</label>
<input type="text" name="cinq" class="InputMatricule" size="10" maxlength="10"
    placeholder=". . . . . . . . . ." />
</fieldset>
<fieldset>
<label for="six">Né(é) le :</label>
<input type="date" name="six" class="InputNele" />
<label for="sept">Lieu :</label>
<input type="text" name="sept" class="InputLieu" size="30" maxlength="30"
    placeholder=". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ." />
<label for="huit">Sexe :</label>
<select class="InputSexe">
    <option value=""></option>
    <option value="1">M</option>
    <option value="2">F</option>
</select>
<label for="neuf">Redoublant :</label>
<select class="InputRedoublant">
    <option value=""></option>
    <option value="1">Oui</option>
    <option value="2">Non</option>
</select>
</fieldset>
<fieldset>
<label for="dix">Tél. Parent :</label>
<input type="text" name="dix" class="InputTelParent" size="9" maxlength="9"
    placeholder=". . . . . . . . ." />
<label for="dix">Chef d'Etablissement :</label>
<input type="text" name="sept" class="InputChefEtablissement" size="30" maxlength="30"
    placeholder=". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ." />
</fieldset>
</div>`
 
    newFiche += `<div class="bulletin">
<table class="TableauBulletin">
    <tr>
        <th>MATIERES LITTERAIRES</th>
        <th>Eval <input type="text" class="InputEval1" size="1" maxlength="1" /></th>
        <th>Eval <input type="text" class="InputEval1" size="1" maxlength="1" /></th>
        <th>Moyenne</th>
        <th>Coef</th>
        <th>Total</th>
        <th>Rang</th>
        <th>Apprs</th>
        <th> Sgn.Prof</th>
    </tr>
    <tr>
        <td class=" Dictee">CORRECTION ORTHOGRAPHIQUE / DICTEE
            <br> <input type="text" size="70" placeholder="Nom de l'enseignant(e)" />
        </td>
        <td> <input type="text" onkeyup="cal('')" size="3" class="Eval1" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Eval2" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Moyenne" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Coef" /> </td>
        <td> <input type="text" size="4" class="Total" /> </td>
        <td> <input type="text" size="4" class="Rang" /> </td>
        <td> <input type="text" size="4" class="Appreciation" />
        </td>
        <td> </td>
    </tr>
    <tr>
        <td class="Dictee">ETUDE DE TEXTE
            <br> <input type="text" size="70" placeholder="Nom de l'enseignant(e)" />
        </td>
        <td> <input type="text" onkeyup="cal('')" size="3" class="Eval1" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Eval2" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Moyenne" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Coef" /> </td>
        <td> <input type="text" size="4" class="Total" /> </td>
        <td> <input type="text" size="4" class="Rang" /> </td>
        <td> <input type="text" size="4" class="Appreciation" />
        </td>
        <td> </td>
    </tr>
    <tr>
        <td class="Dictee">EPRESSION ECRITE
            <br> <input type="text" size="70" placeholder="Nom de l'enseignant(e)" />
        </td>
        <td> <input type="text" onkeyup="cal('')" size="3" class="Eval1" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Eval2" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Moyenne" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Coef" /> </td>
        <td> <input type="text" size="4" class="Total" /> </td>
        <td> <input type="text" size="4" class="Rang" /> </td>
        <td> <input type="text" size="4" class="Appreciation" />
        </td>
        <td> </td>
    </tr>
    <tr>
        <td class="Dictee">ACTIVITE ORALE
            <br> <input type="text" size="70" placeholder="Nom de l'enseignant(e)" />
        </td>
        <td> <input type="text" onkeyup="cal('')" size="3" class="Eval1" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Eval2" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Moyenne" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Coef" /> </td>
        <td> <input type="text" size="4" class="Total" /> </td>
        <td> <input type="text" size="4" class="Rang" /> </td>
        <td> <input type="text" size="4" class="Appreciation" />
        </td>
        <td> </td>
    </tr>
    <tr>
    <tr>
        <td class="Dictee">ANGLAIS
            <br> <input type="text" size="70"  placeholder="Nom de l'enseignant(e)" />
        </td>
        <td> <input type="text" onkeyup="cal('')" size="3" class="Eval1" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Eval2" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Moyenne" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Coef" /> </td>
        <td> <input type="text" size="4" class="Total" />
        </td>
        <td> <input type="text" size="4" class="Rang" />
        </td>
        <td> <input type="text" size="4" class="Appreciation" />
        </td>
        <td> </td>
    </tr>
    <tr>
        <th>MATIERES SCIENTIFIQUES</th>
        <th>Eval <input type="text" class="InputEval1" size="1" maxlength="1" /></th>
        <th>Eval <input type="text" class="InputEval1" size="1" maxlength="1" /></th>
        <th>Moyenne</th>
        <th>Coef</th>
        <th>Total</th>
        <th>Rang</th>
        <th>Apprs</th>
        <th> Sgn.Prof</th>
    </tr>
    <tr>
        <td class="Dictee">MATHEMATIQUES
            <br> <input type="text" size="70" placeholder="Nom de l'enseignant(e)" />
        </td>
        <td> <input type="text" onkeyup="cal('')" size="3" class="Eval1" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Eval2" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Moyenne" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Coef" /> </td>
        <td> <input type="text" size="4" class="Total" />
        </td>
        <td> <input type="text" size="4" class="Rang" />
        </td>
        <td> <input type="text" size="4" class="Appreciation" />
        </td>
        <td> </td>
    </tr>
    <tr>
        <td class="Dictee">SVT
            <br> <input type="text" size="70" placeholder="Nom de l'enseignant(e)" />
        </td>
        <td> <input type="text" onkeyup="cal('')" size="3" class="Eval1" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Eval2" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Moyenne" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Coef" /> </td>
        <td> <input type="text" size="4" class="Total" />
        </td>
        <td> <input type="text" size="4" class="Rang" />
        </td>
        <td> <input type="text" size="4" class="Appreciation" />
        </td>
        <td> </td>
    </tr>
    <tr>
        <td class="Dictee">INFORMATIQUE
            <br> <input type="text" size="70" placeholder="Nom de l'enseignant(e)" />
        </td>
        <td> <input type="text" onkeyup="cal('')" size="3" class="Eval1" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Eval2" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Moyenne" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Coef" /> </td>
        <td> <input type="text" size="4" class="Total" />
        </td>
        <td> <input type="text" size="4" class="Rang" />
        </td>
        <td> <input type="text" size="4" class="Appreciation" />
        </td>
        <td> </td>
    </tr>
</table>
 
<table style="position: relative; ">
    <tr>
        <th>SCIENCES HUMAINES</th>
        <th>Eval <input type="text" class="InputEval1" size="1" maxlength="1" /></th>
        <th>Eval <input type="text" class="InputEval1" size="1" maxlength="1" /></th>
        <th>Moyenne</th>
        <th>Coef</th>
        <th>Total</th>
        <th>Rang</th>
        <th>Apprs</th>
        <th> Sgn.Prof</th>
    </tr>
    <tr class>
        <td class="Dictee">HISTOIRE
            <br> <input type="text" size="70" placeholder="Nom de l'enseignant(e)" />
        </td>
        <td> <input type="text" onkeyup="cal('')" size="3" class="Eval1" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Eval2" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Moyenne" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Coef" /> </td>
        <td> <input type="text" size="4" class="Total" />
        </td>
        <td> <input type="text" size="4" class="Rang" />
        </td>
        <td> <input type="text" size="4" class="Appreciation" />
        </td>
        <td> </td>
    </tr>
    <tr class>
        <td class="Dictee">GEOGRAPHIE
            <br> <input type="text" size="70" placeholder="Nom de l'enseignant(e)" />
        </td>
        <td> <input type="text" onkeyup="cal('')" size="3" class="Eval1" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Eval2" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Moyenne" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Coef" /> </td>
        <td> <input type="text" size="4" class="Total" />
        </td>
        <td> <input type="text" size="4" class="Rang" />
        </td>
        <td> <input type="text" size="4" class="Appreciation" />
        </td>
        <td> </td>
    </tr>
    <tr class>
        <td class="Dictee">ECM
            <br> <input type="text" size="70" placeholder="Nom de l'enseignant(e)" />
        </td>
        <td> <input type="text" onkeyup="cal('')" size="3" class="Eval1" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Eval2" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Moyenne" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Coef" /> </td>
        <td> <input type="text" size="4" class="Total" />
        </td>
        <td> <input type="text" size="4" class="Rang" />
        </td>
        <td> <input type="text" size="4" class="Appreciation" />
        </td>
        <td> </td>
    </tr>
    <tr>
        <th>MATIÈRES DIVERSES</th>
        <th>Eval <input type="text" class="InputEval1" size="1" maxlength="1" /></th>
        <th>Eval <input type="text" class="InputEval1" size="1" maxlength="1" /></th>
        <th>Moyenne</th>
        <th>Coef</th>
        <th>Total</th>
        <th>Rang</th>
        <th>Apprs</th>
        <th> Sgn.Prof</th>
    </tr>
    <tr class="Ligne12B1">
        <td class="Dictee">EPS
            <br> <input type="text" size="70" placeholder="Nom de l'enseignant(e)" />
        </td>
        <td> <input type="text" onkeyup="cal('')" size="3" class="Eval1" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Eval2" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Moyenne" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Coef" /> </td>
        <td> <input type="text" size="4" class="Total" />
        </td>
        <td> <input type="text" size="4" class="Rang" />
        </td>
        <td> <input type="text" size="4" class="Appreciation" />
        </td>
        <td> </td>
    </tr>
 
    <tr class="Ligne13B1">
        <td class="Dictee">TM
            <br> <input type="text" size="70" placeholder="Nom de l'enseignant(e)" />
        </td>
        <td> <input type="text" onkeyup="cal('')" size="3" class="Eval1" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Eval2" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Moyenne" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="Coef" /> </td>
        <td> <input type="text" size="4" class="Total" />
        </td>
        <td> <input type="text" size="4" class="Rang" />
        </td>
        <td> <input type="text" size="4" class="Appreciation" />
        </td>
        <td> </td>
    </tr>
    <tr>
        <td class="Dictee">TOTAL</td>
        <td> <input type="text" onkeyup="cal('')" size="3" class="TotalEval1" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="TotalEval2" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="TotalMoyenne" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="TotalCoef" /> </td>
        <td> <input type="text" onkeyup="cal('')" size="4" class="TotalTotal" /> </td>
    </tr>
 
</table>
</div>
 
<!-- DISCIPLINE -->
<div class="tableaux-bas">
<table class="discipline">
    <tbody>
        <tr>
            <th colspan="4">DISCIPLINE</th>
        </tr>
        <tr>
            <td>Abs. Non. Justifiées(h) :</td>
            <td><input type="text" size="1"></td>
            <td>Abs.Justifiées(h) :</td>
            <td><input type="text" size="1"></td>
        </tr>
        <tr>
            <td>Retard : </td>
            <td><input type="text" size="1"></td>
            <td>Blâme :</td>
            <td><input type="text" size="1"></td>
        </tr>
        <tr>
            <td>Retenues :</td>
            <td><input type="text" size="1"></td>
            <td>Exclus (j):</td>
            <td><input type="text" size="1"></td>
        </tr>
        <tr>
            <td>Consigne (h):</td>
            <td><input type="text" size="1"></td>
            <td>Conseil de Discipline:</td>
            <td><input type="text" size="1"></td>
        </tr>
    </tbody>
</table>
 
<!--  tableaux soujascent_Discipline  -->
<table class="soujascent-discipline">
    <tbody>
        <tr>
            <th colspan="4">PROFILE DE LA CLASSE</th>
        </tr>
        <tr class=" Ligne15B1">
            <td>Moyenne Générale : </td>
            <td><input type="text" size="1" name class="MoyenneGénéraleB1"></td>
            <td>Taux de Réussite : </td>
            <td><input type="text" size="1" name class="TauxRéussiteB1"></td>
        </tr>
        <tr class="Ligne16B1">
            <td>Moyenne du Premier : </td>
            <td><input type="text" size="1" name class="MoyennePremierB1"></td>
            <td>Nombre Moyenne : </td>
            <td><input type="text" size="1" name class="NombreMoyenneB1"></td>
        </tr>
        <tr class="Ligne17B1">
            <td>Moyenne du Dernier </td>
            <td><input type="text" size="1" name class="MoyenneDernierB1"></td>
            <td>Ecart Type </td>
            <td><input type="text" size="1" name class="EcartTypeB1"></td>
        </tr>
        <tr class="Ligne18B1">
            <td>Points : </td>
            <td><input type="text" size="1" name class="PointsB1"></td>
            <td>Rang : </td>
            <td><input type="text" size="1" name class="RangB1"></td>
        </tr>
        <tr class="Ligne19B1">
            <td>Moyenne : </td>
            <td><input type="text" size="1" name class="MoyenneB1"></td>
            <td>Coef :</td>
            <td><input type="text" size="1" name class="CoefB1"></td>
        </tr>
    </tbody>
</table>
<table class="appreciation">
    <tbody>
        <tr>
            <th colspan="4">APPRECIATION DU TRAVAIL</th>
        </tr>
        <tr>
            <td><textarea class="appreciation-travail"></textarea></td>
        </tr>
    </tbody>
</table>
</div>
 
<div class="infos">
<span>VISA DU PARENT</span>
<span>SURVEILLANT GENERAL</span>
<span>LE PRINCIPAL</span>
</div>
<button class="add-fiche" onclick="add_fiche()">Nouvelle Fiche</button>
</div>`
 
    container.innerHTML += newFiche
}

Appliquer le même code à plusieurs champs

JavaScript

Discussions similaires

Partager

Partager