Let Learners create a Word document that can be saved on their computer.
Create a Raw HTML and enter the following code:
Elements highlighted in blue are customizable depending on the image and the size.
Elements highlighted in yellow are customizable as you wish.
<script type="text/javascript">
$(document).ready(function() {
$("#hideCategory1, #hideCategory2, #hideCategory3, #hideCategory4,
#hideCategory5, #hideCategory6").hide();
$(":radio[name='category']").click(function(){
$("#hideCategory1, #hideCategory2, #hideCategory3, #hideCategory4, #hideCategory5,
#hideCategory6").hide();
const idRadio = $(this).attr("id");
$('#hide' + idRadio).show();
});
});
</script>
<form name="categories" action="" method="post">
<h2>Categories
</h2>
<div class="row">
<div class="col col-span-4">
<img src="/static/chiot1.jpg" alt="Avatar" style="width:100%">
<p><input name="category" type="radio" value="errorInText" id="Category1" /> <u>La
directrice</u></p>
</div>
<div class="col col-span-4">
<img src="/static/chiot1.jpg" alt="Avatar" style="width:100%">
<p><input name="category" type="radio" value="errorInDesign" id="Category2" /> <u>La
manager</u></p>
</div>
<div class="col col-span-4">
<img src="/static/chiot1.jpg" alt="Avatar" style="width:100%">
<p><input name="category" type="radio" value="brokenLink" id="Category3" /> <u>Le
directeur des Ressources Humaines</u></p>
</div>
</div>
<div class="row">
<div class="col col-span-4">
<img src="/static/chiot1.jpg" alt="Avatar" style="width:100%">
<p><input name="category" type="radio" value="errorInText" id="Category4" /> <u>Les
représentants du personnel</u></p>
</div>
<div class="col col-span-4">
<img src="/static/chiot1.jpg" alt="Avatar" style="width:100%">
<p><input name="category" type="radio" value="errorInDesign" id="Category5" /> <u>La
médecine du travail</u></p>
</div>
<div class="col col-span-4">
<img src="/static/chiot1.jpg" alt="Avatar" style="width:100%">
<p><input name="category" type="radio" value="brokenLink" id="Category6" /> <u>Les
collaborateurs</u></p>
</div>
</div>
</form>
<p id="hideCategory1"> La directrice: <br/> Elle est garante de la santé et de la sécurité des
salariés et veille à leurs conditions de travail dans le respect du cadre légal. Elle définit et pilote les
mesures de préventions liées à la santé, l’hygiène et les conditions de travail des salariés.
</p>
<p id="hideCategory2"> La manager : <br/>
Elle soutient les équipes dans la prévention des risques et joue un rôle clé dans le
développement de la QVT. Elle est également garante du bon climat au sein de son équipe. Elle est
attentive <strong>aux signes révélateurs de difficultés collectives ou individuelles</strong> et traite
les questions liées à l’organisation du travail, dans son périmètre de responsabilité.
</p>
<p id="hideCategory3"> Le directeur des Ressources Humaines :<br/>
Il conseille et assiste les acteurs internes en matière de santé et de sécurité au travail.
Facilitateur des relations entre managers et collaborateurs, il accompagne ces derniers dans leur
évolution professionnelle. Il est également chargé du pilotage du processus de maintien dans
l’emploi. Il apporte sa connaissance des compétences des salariés et de l’organisation du travail dans
les réflexions concernant l’accompagnement des transformations organisationnelles.
</p>
<p id="hideCategory4"> Les Instances Représentatives du Personnel : <br/>
Elles s’attachent à comprendre, <strong>détecter et signaler</strong> avec discernement
les situations à risque psychosocial. Elles participent à <strong>l’élaboration des actions de
prévention des risques</strong> et contribuent à la promotion de la QVT.
</p>
<p id="hideCategory5"> La médecin du travail : <br/>
Elle est la plus à même de mettre en évidence et d’anticiper les <strong>difficultés physiques
et psychosociologiques.</strong> Elle déploie des actions de prévention des risques et joue un
<strong>rôle de conseiller auprès des acteurs internes.</strong>
</p>
<p id="hideCategory6"> Les collaborateurs : <br/>
Ils jouent un rĂ´le essentiel dans <strong>le climat de travail</strong>, leur contribution Ă la
prévention des RPS est tout aussi réelle. Ils sont vecteurs <strong>d’esprit d’équipe, de convivialité et
d’entraide</strong> au quotidien. Ils sont le reflet des valeurs de l’entreprise.
</p>Then insert right after the quiz an “Raw HTML” component with the following code.
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://s3-eu-west-1.amazonaws.com/videofrance/fb-grid_V2.css">
</head>Learner platform display:
