Intégration d'une fiche de pré-inscription

Intégration de la fiche sur votre site

Afin de simplifier la gestion des pré-inscriptions, nous proposons un module optionnel, qui permet de gérer vos dossiers de manière électronique.

Vos usagers pourront effectuer leurs demandes de pré-inscription sans se déplacer dans vos locaux en remplissant directement une fiche directement accessible depuis Internet.

Afin de simplifier l'accès à une page de pré-inscription DuoNET, vous avez la possibilité de l'intégrer directement sur votre site web de deux manières différentes :

• Soit via un lien classique
• Soit via l'ajout d'une iframe. Cette balise HTML permet d'incorporer une page web dans une autre page web de manière transparente pour l'utilisateur.

Pour ces deux types d'intégration, vous avez la possibilité de consulter l'url de la fiche souhaitée en vous rendant dans DuoNET dans le paramétrages des fiches via Paramétrage/Outils > Extranet > Espace Élèves > Paramétrage fiche de pré-inscription n°X :

Il vous suffit ensuite d'intégrer cette URL via une balise <a> afin de mettre un lien vers la fiche en question, ou une balise <iframe> pour une intégration plus poussée.

Exemples : 

<a href='https://duonet.fr/Public/FormPreAdv.aspx?key=nuf/x6cEvE4=&year=2016'>Faire une demande d'inscription</a>

 <iframe src='https://duonet.fr/Public/FormPreAdv.aspx?key=nuf/x6cEvE4=&year=2016' frameborder='0' width='400' height='400'/>

Personnalisation CSS

Ce module vous offre la possibilité de personnaliser l'affichage des fiches de pré-inscription via l'utilisation d'un fichier CSS, afin d'avoir un affichage en harmonie avec votre site web. 

Afin de construire votre fichier CSS, nous recommandons l'utilisation de l'outil d'inspection de DOM de votre navigateur préféré afin d'identifier les éléments à personnaliser.

Une fois construit, vous pouvez ajouter cette fiche en vous rendant sur la page de paramétrage de la fiche de pré-inscription selon la procédure décrite ci-dessus, et cliquer sur le lien "Ajouter une feuille de style".

Gérer le scroll (défilement de page)

Si vous intégrez une fiche de pré-inscription au sein d'une iframe de grande taille sur l'une de vos pages web, vous pouvez rencontrer un désagrément lié au défilement de la page contenu dans l'iframe. 

Les pages contenues et contenant l'iframe sont en effet indépendantes, et si l'intégralité de votre fiche de pré-inscription n'est pas visible suite à une validation, vous pouvez ajouter un script javascript au sein de votre page afin de remonter le défilement de votre page au niveau du début de votre iframe.

Nous vous proposons l'exemple de script suivant pour y parvenir : 

<script type="text/javascript">
$(document).ready(function () {
$('iframe#pre').load(function () {
window.parent.$("body").animate({ scrollTop: $('iframe#pre').position().top }, 'slow');
});
});
</script>

l'iframe ajoutée devra posséder un attribut id égal à "pre" :

<iframe id="pre" frameborder="0" scrolling="auto" src="https://duonet.fr/Public/FormPreAdv.aspx?key=xxxx&year=2017"></iframe>

Il est à noter que l'intégration de vos fiches de pré-inscription n'étant pas de notre responsabilité mais de celle de votre webmaster, nous ne fournissons pas de support technique à ce sujet.