Post Reply 
Select code button for CODE/PRE blocks
Feb. 12, 2013, 08:39 PM (This post was last modified: Feb. 12, 2013 08:41 PM by prxymouse.)
Post: #1
Select code button for CODE/PRE blocks
Not sure how to present this but here goes.

These two filters combined will add a SELECT CODE button to any PRE or CODE tags in can find on a page, this is useful when a forum does not provide a "select code" function out of the box, like this forum for example. It helps you select the code quickly. As a bonus it wraps CODE and PRE tags in a table so you can press left-ctrl + mousebutton to select the code in Gecko based browsers (Firefox). It doesn't copy the code the clipboard as I prefer to do that myself Wink

Step 1 - create a block list, add urls for website you want to use these filters on here - one per line say
List.CodeList = "..\Lists\CodeList.txt"

Step 2 - add these two filters
Name = "Forum CodeList JS"
Active = TRUE
URL = "$LST(CodeList)"
Limit = 4096
Match = "</head>"
Replace = "<script type="text/javascript">"
          "    function selectElementContents(el) {"
          "        var body = document.body, range, sel;"
          "        if (document.createRange && window.getSelection) {"
          "            range = document.createRange();"
          "            sel = window.getSelection();"
          "            sel.removeAllRanges();"
          "            try {"
          "                range.selectNodeContents(el);"
          "                sel.addRange(range);"
          "            } catch (e) {"
          "                range.selectNode(el);"
          "                sel.addRange(range);"
          "            }"
          "        } else if (body.createTextRange) {"
          "            range = body.createTextRange();"
          "            range.moveToElementText(el);"
          "  ;"
          "        }"
          "    }"

Name = "Forum CodeList Select Button"
Active = TRUE
URL = "$LST(CodeList)"
Limit = 4096
Match = "<(pre|code)\2\1/(pre|code)>"
Replace = "<input type="button" value="select code" onclickfoofoo="selectElementContents( document.getElementById('pre$GET(PreIdC)') );">"
          "<table border="0" id="pre$GET(PreIdC)"><tr><td><\2\1/\2></td></tr></table>"

If you wish you could move the JS code to a JS file and load it that way. Not sure where I found that code, I think it comes from JQuery but could be mistaken.

Many thanks to JJoe for helping to figure out how to use LST Count - see here
Add Thank You Quote this message in a reply
[-] The following 2 users say Thank You to prxymouse for this post:
chatterer, usr
Post Reply 

Forum Jump: