<style>.div1 {align-items: center;display:flex; width: 135px;margin: 0; height: 15px; padding: 5px; margin: 0 10px; border: 1px solid #aaaaaa; border-radius: 10px;color: black; font-weight: 600; } #drago1{ align-items: center; display:flex;} </style><script> function allowDrop(ev) { ev.preventDefault(); } function drag(ev) { ev.dataTransfer.setData('text', ev.target.id); iddrag=ev.target.id; document.getElementById(iddrag).style.margin='0'; document.getElementById(iddrag).style.border='0'; document.getElementById(iddrag).style.padding='0'; document.getElementById(iddrag).style.color = 'white'; } function drop(ev) { ev.preventDefault(); var data = ev.dataTransfer.getData('text'); ev.target.appendChild(document.getElementById(data)); iddrag=ev.target.id; document.getElementById(iddrag).style.backgroundColor = '#9C27B0'; document.getElementById(iddrag).style.color = 'white'; document.getElementById(iddrag).style.fontWeight = '600'; } function VerifReponse1019189(nbstat) { test=true; var text = document.getElementById('msg'+nbstat); var exp = document.getElementById('explication'+nbstat); var expImg = document.getElementById('Imgexplication'+nbstat); var rep = document.getElementById('reponse'+nbstat).value; if (document.getElementById('rad'+rep+nbstat).checked != true) test=false; if(test == true) { text.innerHTML= 'Bien'; text.style.color= 'Green'; exp.style.display='none'; rep.style.display='none'; if(expImg) expImg.style.display='none'; } else { text.innerHTML= 'Faux'; text.style.color= 'RED'; exp.style.display='block'; rep.style.display='block'; if(expImg) expImg.style.display='block'; } } </script><div class="FlexBoxC" id="RadioQuestion1019189" style=" text-align: right;direction: rtl;background-color: white; padding: 0 15px 15px;"><h1 style=' margin-top:0; margin-left: 15px;line-height:30px; font-size: 15px;'>تأسست اللجنة الثورية للإتØاد Ùˆ العمل ÙÙŠ : </h1><div class="FlexBoxR" style="flex-wrap: wrap;" style=" text-align: right; direction: rtl;"> <input id="rad11019189" type="radio" name="rad11019189" value="1"> <span style="align-self: center; line-height: 25px; width: 70%;margin: 0 10px ;">23 مارس 1954 </span></div><div class="FlexBoxR" style="flex-wrap: wrap;" style=" text-align: right; direction: rtl;"> <input id="rad21019189" type="radio" name="rad21019189" value="2"> <span style="align-self: center; line-height: 25px; width: 70%;margin: 0 10px ;">4 مارس 1954 </span></div><div class="FlexBoxR" style="flex-wrap: wrap;" style=" text-align: right; direction: rtl;"> <input id="rad31019189" type="radio" name="rad31019189" value="3"> <span style="align-self: center; line-height: 25px; width: 70%;margin: 0 10px ;">15 مارس 1954 </span></div><input type="hidden" value="1" id="reponse1019189"><button onclick="VerifReponse1019189(1019189)" style="align-self: start;background-color: #1877f2;color: white;margin: 10px 15px;">الإصلاØ</button><span id="msg1019189" style="padding: 5px 0; Font-weight:bold;margin: 0 10px; text-align: center;"></span></div>