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

Code for pop-up

  • JaapJan
  • Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
10 years 3 weeks ago - 10 years 3 weeks ago #3875 by JaapJan
Code for pop-up was created by 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!
Attachments:
Last edit: 10 years 3 weeks ago by JaapJan.

Please Log in or Create an account to join the conversation.

More
10 years 3 weeks ago #3876 by ronm
Replied by ronm on topic 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/
The following user(s) said Thank You: JaapJan

Please Log in or Create an account to join the conversation.

  • JaapJan
  • Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
9 years 9 months ago #4060 by JaapJan
Replied by JaapJan on topic 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!

Please Log in or Create an account to join the conversation.

More
9 years 9 months ago #4061 by JohnSmith
Replied by JohnSmith on topic 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
The following user(s) said Thank You: JaapJan

Please Log in or Create an account to join the conversation.

  • JaapJan
  • Topic Author
  • Offline
  • Premium Member
  • Premium Member
More
9 years 9 months ago #4062 by JaapJan
Replied by JaapJan on topic Code for pop-up
Hi John

great, thanks. It works now!

JaapJan

Holy cow!

Please Log in or Create an account to join the conversation.

Moderators: JohnSmith
Time to create page: 0.159 seconds
Copyright © 2026 The Xerte Project.
Xerte logo Apereo logo OSI Logo