Mercurial > agora-palash
view static/js/agora.js @ 141:2a2078bd334c
Optimise Javascript for adding line numbers
Decreased the number of DOM manipulations and changed the $.each()
into a regular for loop.
It was taking an unreasonable amount of time for code snippets several
hundred lines long.
author | dellsystem <ilostwaldo@gmail.com> |
---|---|
date | Fri, 12 Oct 2012 22:13:04 -0400 |
parents | 4d358e1e3014 |
children | c3c4aaccbcd0 |
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(); }); }); })(jQuery);