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

Useful Code Snippets

helenmd
Auteur du sujet
Hors Ligne
Administrateur

Plus d'informations

il y a 8 ans 1 mois #5157 par helenmd

Useful Code Snippets a été créé par helenmd

Hi all,

I'm not sure if this is the correct place for this, or whether it should be in the Creating Effective Materials section, but following sessions at the training day and the Xerte conference about coding and adding extra code and javascript to Xerte learning objects, I thought it might be a good idea to start a thread to share useful tips and bits of code that could be used in Xerte.

I will contribute some when I've sorted mine out, but if you are posting code, please could you indicate what it does, and if possible, attach a screenshot.

Thanks

Les utilisateur(s) suivant ont remercié: GraemeS

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

Fay
Hors Ligne
Membre elite

Plus d'informations

il y a 8 ans 1 mois #5185 par Fay

Réponse de Fay sur le sujet Useful Code Snippets

Not a complicated bit of code but adding this link will refresh the project. It's useful if you are using variables in questions & want the project to be refreshed so that the variables are recalculated & the question will update

Code:

<a href="#" onclick="location.reload()">Try again</a>

Les utilisateur(s) suivant ont remercié: ymoore

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

ymoore
Hors Ligne
Administrateur

Plus d'informations

il y a 8 ans 3 semaines #5191 par ymoore

Réponse de ymoore sur le sujet Useful Code Snippets

Hi

I found this on the web and used it for an activity where users had to practice composing a tweet. It does the character countdown.

Code:

<style type="text/css">.over {
  color: red;
  }
</style>
<script type="text/javascript">maxCharacters = 140;
  $('#count').text(maxCharacters);
  $('textarea').bind('keyup keydown', function() {
    var count = $('#count');
    var characters = $(this).val().length;
    if (characters > maxCharacters) {
      count.addClass('over');
    } else {
      count.removeClass('over');
    }
    count.text(maxCharacters - characters);
  });
</script>
<p>&nbsp;
</p>
<p><span style="font-size:12px;"><i>You have <span id="count"></span> characters remaining</i></span>
</p>

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

Modérateurs: JohnSmith

Temps de génération de la page : 0.289 secondes

Propulsé par Kunena

Useful Code Snippets

Main Pages

Quick Links

Support

External resources