forum/skins/default/templates/node/permanent_link.html

   1 {% load i18n extra_tags %}
   2
   3 <p>
   4 {% blocktrans %}
   5 Would you like to copy the permanent link to your clipboard?
   6 {% endblocktrans %}
   7 </p>
   8
   9 {% spaceless %}
  10 <p><label for="permanent_link_url" style="font-size: 13px;">{% trans "Permanent link" %}:</label></p>
  11 <p><textarea id="permanent_link_url" name="permanent_link_url" style="font-size: 12px;" readonly="readonly">{{ url }}</textarea></p>
  12 {% endspaceless %}
  13
  14 <script type="text/javascript" src="{% media  "/media/js/ZeroClipboard.js" %}"></script>
  15 <script type="text/javascript">
  16 $(document).ready(function() {
  17     // We highlight the content of the text field on click event
  18     $('#permanent_link_url').click(function() {
  19         $(this).select();
  20     });
  21
  22     // We use ZeroClipboard to copy the URL
  23     ZeroClipboard.setMoviePath('{% media '/media/js/ZeroClipboard.swf' %}');
  24
  25     // Create the Client Clip
  26     var clip = new ZeroClipboard.Client();
  27
  28     // Create the glue when on mouse-over event
  29     $('#copy_clip_button').live('mouseover', function() {
  30         // Take the URL from the input
  31         clip.setText($('#permanent_link_url').val());
  32
  33         // Create the glue
  34         clip.glue('copy_clip_button');
  35
  36         // Simulate click on the OK button when we hear a moseDown event on the glue
  37         clip.addEventListener('mouseDown', function() {
  38             $('#copy_clip_button').click();
  39         });
  40
  41         // Reposition the clip
  42         clip.addEventListener('complete', function() {
  43             clip.reposition();
  44         });
  45     });
  46
  47     // Hide the clip if someone clicks on the cancel button
  48     $('.dialog-no').live('click', function() {
  49         clip.hide();
  50     });
  51
  52 });
  53 </script>