JSFiddle - React, Tailwind, and code Playground

by nicholas_r

HTML

перетащи ссылку на панель закладок: <br><br>
<a class="coral" href='javascript:(function(){var images,result,block,close;images=$(".gallery li a");result=[];block=$("<div>");block.css({padding:"25px",position:"absolute",left:"30px",top:"30px",background:"#ccc",color:"#000",display:"none",zIndex:1E3});close=$("<a>",{text:"\u0437\u0430\u043a\u0440\u044b\u0442\u044c",href:"#"});close.on("click",function(e){block.remove();e.preventDefault()});images.each(function(index,elem){result.push($(elem).attr("href"))});block.prependTo("body");block.append("<h3>\u0421\u043f\u0438\u0441\u043e\u043a \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u0439</h3>",
"<div>"+result.join("<br>")+"</div>","<br><br>",close);block.show()})();'>Coral Images Grabber</a>
<br><br>
протестируй здесь: <a target="_blank" href="http://www.coral.ru/main/Turkey/Turkeyhotels/hotel/KARINNA%20HOTEL.aspx?hotelID=3940">KARINNA HOTEL</a>
<br><br>
<a class="coral" href='javascript:(function()%7Bvar%20images,result,block,close%3Bimages%3D%24(%22%5Brel%3Dhotel_img%5D%22)%3Bresult%3D%5B%5D%3Bblock%3D%24(%22%3Cdiv%3E%22)%3Bblock.css(%7Bpadding:%2225px%22,position:%22absolute%22,left:%2230px%22,top:%2230px%22,background:%22%23ccc%22,color:%22%23000%22,display:%22none%22,zIndex:1E3%7D)%3Bclose%3D%24(%22%3Ca%3E%22,%7Btext:%22%5Cu0437%5Cu0430%5Cu043a%5Cu0440%5Cu044b%5Cu0442%5Cu044c%22,href:%22%23%22%7D)%3Bclose.on(%22click%22,function(e)%7Bblock.remove()%3Be.preventDefault()%7D)%3Bimages.each(function(index,elem)%7Bvar%20href%3D%24(elem).attr(%22href%22)%3Bif(result.indexOf(href)%3C0)result.push(href)%7D)%3Bblock.prependTo(%22body%22)%3Bblock.append(%22%3Ch3%3E%5Cu0421%5Cu043f%5Cu0438%5Cu0441%5Cu043e%5Cu043a%20%5Cu0438%5Cu0437%5Cu043e%5Cu0431%5Cu0440%5Cu0430%5Cu0436%5Cu0435%5Cu043d%5Cu0438%5Cu0439%3C/h3%3E%22,%22%3Cdiv%3E%22%2Bresult.join(%22%3Cbr%3E%22)%2B%22%3C/div%3E%22,%22%3Cbr%3E%3Cbr%3E%22,close)%3Bblock.show()%7D)()%3B'>Pegas Images Grabber</a>
<br><br>
протестируй здесь: <a target="_blank"...

CSS

body{
    padding: 10px;
    font: 13px/13px Arial;
    color: #000;
}

.coral{
    color: #000;
    background-color: #ccc;
    padding: 5px 20px;
    border-radius: 3px;
}

a:hover{
    text-decoration: none;
}