src/cm/templates/site/macros/text_actions.html
changeset 0 40c8f766c9b8
child 160 0c01050f9717
--- /dev/null	Thu Jan 01 00:00:00 1970 +0000
+++ b/src/cm/templates/site/macros/text_actions.html	Mon Nov 23 15:14:29 2009 +0100
@@ -0,0 +1,43 @@
+{% load i18n %}
+<script type="text/javascript" src="{{ MEDIA_URL }}js/lib/fg-menu/fg.menu.js"></script>
+<link type="text/css" href="{{ MEDIA_URL }}js/lib/fg-menu/fg.menu.css" media="screen" rel="stylesheet" />
+        
+        <style type="text/css">
+                .fg-menu-action .fg-menu li { width: 95%; }
+                .fg-menu a {border:1px solid #FFF;}
+                .fg-menu-container {border: 1px solid #AAAAAA;}
+        </style>
+<div class="text-buttons">
+
+<a id="share" class="fg-button fg-button-icon-right ui-widget ui-state-default ui-corner-all" id="flat"><span class="ui-icon ui-icon-triangle-1-s"></span>{% blocktrans %}Share{% endblocktrans %}&nbsp;<img class="align-mid" src="{{ MEDIA_URL }}img/social/facebook.gif" /><img class="align-mid" src="{{ MEDIA_URL }}img/social/digg.gif" /></a>
+<div id="share-options" class="hidden">
+<ul>
+        <li><a href="http://www.facebook.com/sharer.php?u={{ SITE_URL }}{% url text-view text.key %}"><img class="align-mid" src="{{ MEDIA_URL }}img/social/facebook.gif" /> Facebook</a></li>
+        <li><a href="http://digg.com/remote-submit/?phase=2&url={{ SITE_URL }}{% url text-view text.key %}"><img class="align-mid" src="{{ MEDIA_URL }}img/social/digg.gif" /> Digg</a></li>
+        <li><a href="http://www.linkedin.com/shareArticle?mini=true&url={{ SITE_URL }}{% url text-view text.key %}"><img class="align-mid" src="{{ MEDIA_URL }}img/social/linkedin.gif" /> Linkedin</a></li>
+</ul>
+</div>
+
+<script type="text/javascript">    
+    $(function(){
+
+        $('.fg-button').hover(
+                function(){ $(this).removeClass('ui-state-default').addClass('ui-state-focus'); },
+                function(){ $(this).removeClass('ui-state-focus').addClass('ui-state-default'); }
+        );
+        
+        $('#share').menu({ 
+            content: $('#share').next().html(),
+            showSpeed: 200 
+        });
+        $('#export').menu({ 
+            content: $('#export').next().html(),
+            showSpeed: 200 
+        });
+
+        
+    });
+    </script>
+
+</div>
+