Mercurial > agora-palash
view static/js/agora.js @ 149:cdfc1d269a75
Move syntax-highlighting JS to static/js/agora.js
I don't remember why I did this but I assume I had a reason
author | dellsystem <ilostwaldo@gmail.com> |
---|---|
date | Mon, 15 Oct 2012 00:24:16 -0400 |
parents | c3c4aaccbcd0 |
children | fe51ec4eccc1 |
line wrap: on
line source
(function ($) { // Handle showing the login popup var handleLoginLink = function () { var loginLink = $('.login-link'); if (loginLink.length) { loginLink.click(function () { $('#login-popup').show(); return false; }); $('#login-popup').click(function (event) { // Only catch events in the outer, overlay div if (event.target === this) { $(this).hide(); } }); } }; // jQuery plugin for selecting text $.fn.selectText = function () { var element = this[0]; var range, selection; if (document.body.createTextRange) { range = document.body.createTextRange(); range.moveToElementText(element); range.select(); } else if (window.getSelection) { selection = window.getSelection(); range = document.createRange(); range.selectNodeContents(element); selection.removeAllRanges(); selection.addRange(range); } }; $(document).ready(function () { handleLoginLink(); // Add in the line numbers (no JS fallback unfortunately) if ($('.snippet').length) { var counter = 1; var lineNumbers = []; var lines = $('.code-lines').children(); for (var i = 0, numLines = lines.length; i < numLines; i++) { var line = lines[i]; // Set the top offset to be the same as that of the line var div = '<p style="top: ' + line.offsetTop + 'px">' + '<a href="#l' + counter + '">' + counter + '</a></p>'; counter++; lineNumbers.push(div); } $('.line-counters').append(lineNumbers.join('')); } // Highlight the code when the link is clicked $('.highlight-code-lines').click(function () { $('.code-lines').selectText(); return false; }); // Changing syntax highlighting colours var currentStyle = $('#change-highlighting').attr('data-default'); $('#change-highlighting').change(function () { var newStyle = $(this).find(':selected').attr('data-name'); $('.snippet').removeClass(currentStyle).addClass(newStyle); currentStyle = newStyle; }); }); })(jQuery);