Question

I am just starting to learn javascript, so I don’t have the skills to figure out what I assume is a trivial problem.

I’m working with a WordPress blog that serves as a FAQ for our community and I am trying to pull together some tools to make managing the comments easier. Internet Duct Tape’s Greasemonkey tools, like Comment Ninja, are helpful for most of it, but I want to be able to get a list of all the IP addresses that we’re getting comments from in order to track trends and so forth.

I just want to be able to select a bunch of text on the comments page and click a bookmarklet (http://bookmarklets.com) in Firefox that pops up a window listing all the IP addresses found in the selection.

Update:

I kind of combined a the answers from levik and Jacob to come up with this:

javascript:ipAddresses=document.getSelection().match(/\b\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}\b/g).join('<br>');newWindow=window.open('', 'IP Addresses in Selection', 'innerWidth=200,innerHeight=300,scrollbars');newWindow.document.write(ipAddresses) 

The difference is that instead of an alert message, as in levik’s answer, I open a new window similar to Jacob’s answer. The alert doesn’t provide scroll bars which can be a problem for pages with many IP addresses. However, I needed the list to be vertical, unlike Jacob’s solution, so I used the hint from levik’s to make a
for the join instead of levik’s \n.

Thanks for all the help, guys.

Answer 1

In Firefox, you could do something like this:

javascript:alert(   document.getSelection().match(/\b\d{1,3}\.\d{1,3}\.\d{1,3}\.\d{1,3}\b/g)   .join('\n')) 

How this works:

• Gets the selection text from the browser (‘document.getSelection()’ in FF, in IE it would be ‘document.selection.createRange().text’)
• Applies a regular expression to march the IP addresses (as suggested by Muerr) – this results in an array of strings.
• Joins this array into one string separated by return characters
• Alerts that string

The way you get the selection is a little different on IE, but the principle is the same. To get it to be cross-browser, you’d need to check which method is available. You could also do more complicated output (like create a floating DIV and insert all the IPs into it).