grab selected text from multiple iframe using rangy?

Question

This is a followup question. I've been trying to grab the selected text from multiple iframe using rangy. The code seems to be working for 1st iframe .

i want to grab elements using the same button., for div it works k. but in iframe we need to specify the iframe and when i tried the array of iframes ., that is not working

Answer 1

Use jQuery $.each:

$(function () {
    $('button').click(function () {
        $.each(iframe, function(idx, vl) {
            var selection = rangy.getSelection(iframe[idx]);
            alert(selection);
        });
    });
});

Demo: http://jsfiddle.net/cWV3G/

Answer 2

Here is the Working Fiddle

Try getting the the Rangy iframe selection object and access the FocusNode property and get the selected text from that iframe like this:

JS:

$(function () {
 $('button').click(function () {
   iframe.each(function(i){
    if(rangy.getSelection(iframe[i]).focusNode!=null)
     {
        var selection = rangy.getSelection(iframe[i]).focusNode.data;
        alert("Iframe - "+(i+1)+ " selected text : '" +selection+"'");
      }
   });
 });
});