The place for more technical questions for those who want to create new pagetypes or bespoke functionality.

Code for pop-up

Plus d'informations
il y a 10 ans 1 mois - il y a 10 ans 1 mois #3875 par JaapJan
Code for pop-up a été créé par JaapJan

Does anybody knows what the code is to make a popup field, just like it looks in a hotspot image connector? I don/t want to have a pop up html page, bit the look and feel of xerte. See image

Thanks!

JaapJan

Holy cow!
Pièces jointes :
Dernière édition: il y a 10 ans 1 mois par JaapJan.

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 10 ans 1 mois #3876 par ronm
Réponse de ronm sur le sujet Code for pop-up
Try the following:
Code:
with FA icon: <span style="font-size:14px;"><a href="" onclick="my_dialog();return false;"><span style="color:#A9A9A9;"><span class="fa fa-info-circle"></span></span></a></span> <script>x_dialogInfo.push({"built": false, "type": "my_dialog1"});function my_dialog(){x_openDialog("my_dialog1", "Notes", "Close", "description", "Notes here...");};</script> With text link: <span style="font-size:14px;"><a href="" onclick="my_dialog();return false;">Notes</a></span> <script>x_dialogInfo.push({"built": false, "type": "my_dialog1"});function my_dialog(){x_openDialog("my_dialog1", "Notes", "Close", "description", "Notes here...");};</script>

Xerte developer & trainer
e-learning & m-learning consultant
mitchellmedia.co.uk | xerteacademy.com | learningapps.co.uk
Note: Support here is voluntary and meant for users to support each other.
Need direct commercial support with Xerte? mitchellmedia.co.uk/contact/
Les utilisateur(s) suivant ont remercié: JaapJan

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 9 ans 10 mois #4060 par JaapJan
Réponse de JaapJan sur le sujet Code for pop-up
Hey Ron

I get the same text in my three dialogsboxes with this script... What do i do wrong? Do you know?

<p>&nbsp;<span style="font-size:30px;"><a href="" onclick="my_dialog() ;return false;"><span style="color:#0B2161;"><span class="fa fa-info-circle"></span></span></a></span>
<script>x_dialogInfo.push({"built": false, "type": "my_dialog1"});function my_dialog(){x_openDialog("my_dialog1", "Nee", "Close", "description", "Je hebt nog niet zo veel te maken met situaties waarin de zorg anders verdeeld moet worden. Onderstaande vragen komen bij jou nauwelijks voor. </br></br>- Hoe krijg ik het netwerk van de cliënt in beeld? </br>- Hoe kan ik met hen in overleg over de ondersteuningsbehoeftes van de cliënt?</br>- Hoe voorkom ik overbelasting van de mantelzorgers?</br>- Wat is nodig om het netwerk van de cliënt te ondersteunen?</br>- Welke plaats nemen mijn professionele kennis en vaardigheden in? </br></br>Realiseer je dat je (steeds meer) van deze vragen zult krijgen. Bereid je er op voor!");};</script>
</p>
</td>
</tr>
<tr>
<td>Gedeeltelijk
</td>
<td>
<p>&nbsp;<span style="font-size:30px;"><a href="" onclick="my_dialog();return false;"><span style="color:#0B2161;"><span class="fa fa-info-circle"></span></span></a></span>
<script>x_dialogInfo.push({"built": false, "type": "my_dialog2"});function my_dialog(){x_openDialog("my_dialog2", "Gedeeltelijk", "Close", "description", "Je hebt af en toe te maken met situaties waarin de zorg anders verdeeld moet worden. Onderstaande vragen komen bij jou af en toe voor. </br></br>- Hoe krijg ik het netwerk van de cliënt in beeld? </br>- Hoe kan ik met hen in overleg over de ondersteuningsbehoeftes van de cliënt?</br>- Hoe voorkom ik overbelasting van de mantelzorgers?</br>- Wat is nodig om het netwerk van de cliënt te ondersteunen?</br>- Welke plaats nemen mijn professionele kennis en vaardigheden in? </br></br>Realiseer je dat je (steeds meer) van deze vragen zult krijgen. Bereid je er op voor!");};</script>
</p>
</td>
</tr>
<tr>
<td>Ja
</td>
<td>
<p>&nbsp;<span style="font-size:30px;"><a href="" onclick="my_dialog();return false;"><span style="color:#0B2161;"><span class="fa fa-info-circle"></span></span></a></span>
<script>x_dialogInfo.push({"built": false, "type": "my_dialog3"});function my_dialog(){x_openDialog("my_dialog3", "Ja", "Close", "description", "Je hebt regelmatig te maken met situaties waarin de zorg anders verdeeld moet worden. Onderstaande vragen zijn in jouw werksituatie heel gewoon. </br></br>- Hoe krijg ik het netwerk van de cliënt in beeld? </br>- Hoe kan ik met hen in overleg over de ondersteuningsbehoeftes van de cliënt?</br>- Hoe voorkom ik overbelasting van de mantelzorgers?</br>- Wat is nodig om het netwerk van de cliënt te ondersteunen?</br>- Welke plaats nemen mijn professionele kennis en vaardigheden in? </br></br>Realiseer je dat je (steeds meer) van deze vragen zult krijgen. Bereid je er op voor!");};</script>

Holy cow!

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 9 ans 10 mois #4061 par JohnSmith
Réponse de JohnSmith sur le sujet Code for pop-up
Hi,

You need to make each section unique so this
Code:
<p>&nbsp;<span style="font-size:30px;"><a href="" onclick="my_dialog();return false;"><span style="color:#0B2161;"><span class="fa fa-info-circle"></span></span></a></span> <script>x_dialogInfo.push({"built": false, "type": "my_dialog3"});function my_dialog(){x_openDialog("my_dialog3", "Ja", "Close", "description", "Je hebt regelmatig te maken met situaties waarin de zorg anders verdeeld moet worden. Onderstaande vragen zijn in jouw werksituatie heel gewoon. </br></br>- Hoe krijg ik het netwerk van de cliënt in beeld? </br>- Hoe kan ik met hen in overleg over de ondersteuningsbehoeftes van de cliënt?</br>- Hoe voorkom ik overbelasting van de mantelzorgers?</br>- Wat is nodig om het netwerk van de cliënt te ondersteunen?</br>- Welke plaats nemen mijn professionele kennis en vaardigheden in? </br></br>Realiseer je dat je (steeds meer) van deze vragen zult krijgen. Bereid je er op voor!");};</script>

should be
Code:
<p>&nbsp;<span style="font-size:30px;"><a href="" onclick="my_dialog3();return false;"><span style="color:#0B2161;"><span class="fa fa-info-circle"></span></span></a></span> <script>x_dialogInfo.push({"built": false, "type": "my_dialog3"});function my_dialog3(){x_openDialog("my_dialog3", "Ja", "Close", "description", "Je hebt regelmatig te maken met situaties waarin de zorg anders verdeeld moet worden. Onderstaande vragen zijn in jouw werksituatie heel gewoon. </br></br>- Hoe krijg ik het netwerk van de cliënt in beeld? </br>- Hoe kan ik met hen in overleg over de ondersteuningsbehoeftes van de cliënt?</br>- Hoe voorkom ik overbelasting van de mantelzorgers?</br>- Wat is nodig om het netwerk van de cliënt te ondersteunen?</br>- Welke plaats nemen mijn professionele kennis en vaardigheden in? </br></br>Realiseer je dat je (steeds meer) van deze vragen zult krijgen. Bereid je er op voor!");};</script>

The onclick needs to be unique - onclick="my_dialog3();
And the function name needs to be unique - function my_dialog3()

John
Les utilisateur(s) suivant ont remercié: JaapJan

Connexion ou Créer un compte pour participer à la conversation.

Plus d'informations
il y a 9 ans 10 mois #4062 par JaapJan
Réponse de JaapJan sur le sujet Code for pop-up
Hi John

great, thanks. It works now!

JaapJan

Holy cow!

Connexion ou Créer un compte pour participer à la conversation.

Modérateurs: JohnSmith
Temps de génération de la page : 0.152 secondes
Copyright © 2026 The Xerte Project.
Xerte logo Apereo logo OSI Logo