conversion du wb5-click postback

Adapteur pour convertir le code obselette du plugiciel data-wb5-click="postback" utilisé massivement pour la fonctionalité "Signaler un problème ou une erreur sur cette page"

Recommendation

Utiliser le plugiciel de la wet-boew Envoi via Ajax (postback). Par exemple:

<div class="gc-rprt-prblm">
	<div class="gc-rprt-prblm-frm">
		<form id="myPostbackForm" method="post" action="wb5-click-postback-fr.html" class="wb-postback" data-wb-postback='{"success":".gc-rprt-prblm-thnk","failure":".gc-rprt-prblm-thnk"}'>
			<fieldset>
				<legend><span class="field-name">Veuillez sélectionner toutes les cases qui s'appliquent :</span></legend>
				<div class="checkbox">
					<label for="problem1"><input name="problem1" id="problem1" type="checkbox" value="Yes">Un lien, un bouton ou une vidéo ne fonctionne pas</label>
				</div>
				<div class="checkbox">
					<label for="problem2"><input name="problem2" id="problem2" type="checkbox" value="Yes">Il y a une erreur d'orthographe ou de grammaire</label>
				</div>
				<div class="checkbox">
					<label for="problem3"><input name="problem3" id="problem3" type="checkbox" value="Yes">Les renseignements sont incomplets</label>
				</div>
				<div class="checkbox">
					<label for="problem4"><input name="problem4" id="problem4" type="checkbox" value="Yes">L'information n'est plus à jour ou est erronée</label>
				</div>
				<div class="checkbox">
					<label for="problem5"><input name="problem5" id="problem5" type="checkbox" value="Yes">Message d'erreur à l'ouverture de la session lorsque je tente d'accéder à un compte (ex. Mon dossier Service Canada)</label>
				</div>
				<div class="checkbox">
					<label for="problem11"><input name="problem11" id="problem11" type="checkbox" value="Yes">Je n'arrive pas à trouver ce que je cherche</label>
				</div>
				<div class="checkbox">
					<label for="problem12"><input name="problem12" id="problem12" type="checkbox" value="Yes">Autre problème qui ne figure pas sur cette liste</label>
				</div>
			</fieldset>
			<button type="submit" class="btn btn-primary">Soumettre</button>
		</form>
	</div>
	<div class="gc-rprt-prblm-thnk gc-rprt-prblm-tggl hide">
		<p>Merci!</p>
	</div>
</div>

Conversion à partir d'un code obsolete

Résultat attendu

Lors de la soumission du formulaire, ce dernier est caché et affiche le message "Merci" en cas de succès ou d'échec. Les classes CSS débutant par gc-rprt-prblm ne dois pas être réutilisé en dehors du formulaire Signaler un problème car des styles non désirable pourrait être appliqué.

Exemple avec wb-postback