double click and get current selected word

by janetyc

HTML

<div id="container">
<p>cat dog book flower. YA!!!
sky smile
</p>
<input/>
</div>
<div id="images">
</div>

CSS

img{ height: 100px; float: left; }

JavaScript

$(document).ready(function() {

    $("#container p").dblclick(function() {
        var txt = getSelectedText();
        $("#images img").remove();
        
        $.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
        {
            tags: txt,
            tagmode: "any",
            format: "json"
        }, function(data) {
            $.each(data.items, function(i,item){
               
                $("<img/>").attr("src", item.media.m).appendTo("#images");
                if ( i == 4 ) return false;
            });
        });

        
    });
});

function getSelectedText() {
    if (window.getSelection) return window.getSelection().toString();
    else if (document.getSelection) return document.getSelection();
    else if (document.selection) return document.selection.createRange().text;
}