Obținerea textului selectat într-un browser, încrucișat

One of the things I'd like to do in my browser-based application is allow the user to select some text (not in a , just plain ol' text!), and have my application pop up a small toolbar that then can interact with the next (in my case, add annotations).</p> <p>I've found a lot of stuff on google that seems to be focused on writing WYSIWYG editors, <strong>but that isn't what I want</strong>, and most of it worked in IE but not in FF2 or 3. Ideally, I'd like some function that can return the currently selected text in the browser window that works in <strong>IE7 (and 6 if possible), FireFox 2 & 3 and Safari 2</strong>. If it works in Opera, that'd be a bonus, but it's not a requirement.</p> <p>Oricine are o funcție care face asta? Sau o idee despre unde să începem?</p> </div> </div> <div class="hidden"> <span itemprop="upvoteCount">12</span> <time itemprop="dateCreated">2008-08-13T23:32:09+00:00</time> <span itemprop="answerCount">5</span> </div> <div class="mt-8"> <div class="lg:-mr-10"> <div class="sm:flex justify-between items-end border-b border-gray border-opacity-20 pb-3 sm:pb-6 lg:pr-10"> <div class="sm:w-3/5 mb-4 sm:mb-0"> <div class="text-light text-sm text-gray mb-1.5 sm:mb-3"> <a href="http://answer-id.com/ro/categories/7" class="link">Programare</a> </div> <div> <div class="inline-block mr-2 mb-1.5"> <a href="http://answer-id.com/ro/tags/5117" class="hover:bg-blue transition text-sm flex items-center h-8 px-2 text-white bg-graydarkvery rounded inline-block float-l" title="javascript" > <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg fill="#fff" id="" height="20" width="20" class="max-h-5 mr-1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="mdi-language-javascript" width="24" height="24" viewBox="0 0 24 24"><path d="M3,3H21V21H3V3M7.73,18.04C8.13,18.89 8.92,19.59 10.27,19.59C11.77,19.59 12.8,18.79 12.8,17.04V11.26H11.1V17C11.1,17.86 10.75,18.08 10.2,18.08C9.62,18.08 9.38,17.68 9.11,17.21L7.73,18.04M13.71,17.86C14.21,18.84 15.22,19.59 16.8,19.59C18.4,19.59 19.6,18.76 19.6,17.23C19.6,15.82 18.79,15.19 17.35,14.57L16.93,14.39C16.2,14.08 15.89,13.87 15.89,13.37C15.89,12.96 16.2,12.64 16.7,12.64C17.18,12.64 17.5,12.85 17.79,13.37L19.1,12.5C18.55,11.54 17.77,11.17 16.7,11.17C15.19,11.17 14.22,12.13 14.22,13.4C14.22,14.78 15.03,15.43 16.25,15.95L16.67,16.13C17.45,16.47 17.91,16.68 17.91,17.26C17.91,17.74 17.46,18.09 16.76,18.09C15.93,18.09 15.45,17.66 15.09,17.06L13.71,17.86Z" /></svg> <span>javascript</span> </a> </div> <div class="inline-block mr-2 mb-1.5"> <a href="http://answer-id.com/ro/tags/5820" class="hover:bg-blue transition text-sm flex items-center h-8 px-2 text-white bg-graydarkvery rounded inline-block float-l" title="browser" >browser</a> </div> </div> </div> <div class="sm:flex sm:justify-end"> <div class="text-sm sm:text-base text-gray mb-1.5 xl:font-semibold "><a href="#" class="link" x-on:click.prevent>Comentarii la întrebare (0)</a></div> </div> </div> </div> </div> <div class="pt-8"> <div class="mb-10"> <div class="mb-16 sm:mb-20 xl:mb-8" id="answer-10502"> <div class="shadow-dropdown bg-white rounded-lg px-4 sm:px-7 py-5 relative" itemscope itemtype="http://schema.org/Answer" itemprop="suggestedAnswer"> <div class="mb-3.5"> <div class="flex items-center"> <div class="flex-grow"> <div> <a href="#" class="flex items-center group" itemprop="author" itemscope itemtype="http://schema.org/Person"> <div class="icon_user"> <div class="relative flex items-center group-hover:opacity-80 transition"> <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg fill="#fff" id="" class="bg-blue rounded-full w-11 h-11 p-2 object-cover" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="mdi-account" width="24" height="24" viewBox="0 0 24 24"><path d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z" /></svg> </div> </div> <div class="pl-3 descr_user group-hover:opacity-60 transition"> <div class="text-grey max-w-xs w-max truncate" itemprop="name">palehorse </div> </div> </a> </div> </div> <div class="flex-grow text-gray-light text-sm"> <div class="flex items-center justify-end"> <div class="hidden md:block ml-8">14 august 2008 в 3:52</div> <time class="hidden" itemprop="dateCreated">2008-08-14T03:52:35+00:00</time> <div class="ml-8"> <div wire:id="WXLklO9H4RVLQpoZR9nd" wire:initial-data="{"fingerprint":{"id":"WXLklO9H4RVLQpoZR9nd","name":"question-read.menu-answer","locale":"ro"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"e846f9dc","data":{"stack_exchange_id":10502},"dataMeta":[],"checksum":"2aaba23296c7fc8b06729230ff590518dbf479468d13659cf6bcbf29ce45d5e2"}}" class="relative" x-data="{ dropdown: false }"> <div class="flex items-center transition hover:text-blue group cursor-pointer px-3 py-3 -mr-3 sm:px-0 sm:py-0 sm:mr-0" @click="dropdown = true" > <span class="hidden sm:block">Mai mult</span> <span class="sm:hidden"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="5" viewBox="0 0 25 5"> <g transform="translate(-288 -2419)"> <circle cx="2.5" cy="2.5" r="2.5" transform="translate(288 2419)" fill="#9da5c4"/> <circle cx="2.5" cy="2.5" r="2.5" transform="translate(298 2419)" fill="#9da5c4"/> <circle cx="2.5" cy="2.5" r="2.5" transform="translate(308 2419)" fill="#9da5c4"/> </g> </svg> </span> <span class="hidden sm:inline-block ml-1 mt-px"> <svg xmlns="http://www.w3.org/2000/svg" width="9.501" viewBox="0 0 9.501 5.458"> <path class="stroke-current text-gray-light group-hover:text-blue transition" d="M1151.629,189.231l4.4,4.4,4.4-4.4" transform="translate(-1151.276 -188.877)" fill="none" stroke="#d4d6e3" stroke-width="1"/> </svg> </span> </div> <div class="transition absolute right-0 sm:left-0 sm:right-auto z-10 top-7" x-transition:enter="transition ease-out duration-150" x-transition:enter-start="opacity-0 transform translate-y-1" x-transition:enter-end="opacity-100 transform translate-y-0" x-transition:leave="transition ease-in duration-150 transform translate-y-1" x-transition:leave-start="opacity-100 transform translate-y-0" x-transition:leave-end="opacity-0 transform translate-y-1" x-show="dropdown" @click.away="dropdown = false" style="display: none;" > <div class="bg-white flow-root sm:rounded-xl shadow-dropdown px-5 py-2 pb-3 w-44 max-w-xs"> <div> <div class="border-b border-1 border-gray border-opacity-20"> <a href="https://stackoverflow.com/a/10502" target="_blank" rel="nofollow noopener noreferrer" class="link py-2.5 block">Sursă</a> </div> </div> <div class="mt-4 -mx-2"> <a href="#" class="btn-blue w-full block" x-on:click.prevent>Editează</a> </div> </div> </div> </div> </div> </div> </div> <a class="hidden" itemprop="url" href="http://answer-id.com/ro/10478#answer-10502">#10502</a> </div> </div> <div class="text-lg max-w-full overflow-y-auto" itemprop="text"><p>Priviți <a href="http://jquery.com" rel="noreferrer"> jQuery </a> și <a href = "http://plugins.jquery.com/project/wrapSelection" rel = "noreferrer"> plug-in de selecție </a>. Aceasta poate fi ceea ce căutați.</p> </div> <div> <div class="-mb-5 mt-4 sm:mt-10 border-t border-1 border-opacity-20 border-gray"> <div class="flex justify-between sm:justify-start items-center"> <div class="relative py-3 sm:py-5"> <div class="flex items-center text-xs text-gray"> <div class="mr-4"> <a href="#" class="flex items-center group" x-on:click.prevent> <span class="mr-2 flex items-center justify-center inline-block transition bg-gray group-hover:bg-graydark h-7 w-10 rounded-full"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="16.364" viewBox="0 0 18 16.364"> <path class="fill-current text-blue" d="M0,41.864H3.273V32.045H0Zm18-9a1.641,1.641,0,0,0-1.636-1.636H11.209l.818-3.764v-.245a1.716,1.716,0,0,0-.327-.9l-.9-.818L5.4,30.9a1.373,1.373,0,0,0-.491,1.145v8.182a1.641,1.641,0,0,0,1.636,1.636h7.364a1.616,1.616,0,0,0,1.473-.982l2.455-5.809a1.392,1.392,0,0,0,.082-.573V32.864H18Z" transform="translate(0 -25.5)" fill="#bfc4d6"/> </svg> </span> <span class="text-blue" itemprop="upvoteCount">0</span> </a> </div> <div> <a href="#" class="flex items-center group" x-on:click.prevent> <span class="mr-2 flex items-center justify-center inline-block transition bg-gray group-hover:bg-graydark h-7 w-10 rounded-full"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="16.364" viewBox="0 0 18 16.364"> <g transform="translate(18 41.864) rotate(180)"> <g transform="translate(0 25.5)"> <path class="transition" d="M0,41.864H3.273V32.045H0Zm18-9a1.641,1.641,0,0,0-1.636-1.636H11.209l.818-3.764v-.245a1.716,1.716,0,0,0-.327-.9l-.9-.818L5.4,30.9a1.373,1.373,0,0,0-.491,1.145v8.182a1.641,1.641,0,0,0,1.636,1.636h7.364a1.616,1.616,0,0,0,1.473-.982l2.455-5.809a1.392,1.392,0,0,0,.082-.573V32.864H18Z" transform="translate(0 -25.5)" fill="#bfc4d6"/> </g> </g> </svg> </span> <span>0</span> </a> </div> </div> <div class="absolute left-0 bottom-0 right-0 bg-graydarkvery h-0.5 overflow-hidden rounded-full"> <div style="width: 60%;" class="bg-blue h-0.5 float-left rounded-full"></div> </div> </div> <div class="sm:ml-14"> <div class="text-gray text-xs sm:text-base sm:font-semibold"> <a href="#" class="link" x-on:click.prevent>Comentarii (0)</a> </div> </div> </div> </div> </div> </div> </div> <div class="mb-16 sm:mb-20 xl:mb-8" id="answer-13904"> <div class="shadow-dropdown bg-white rounded-lg px-4 sm:px-7 py-5 relative" itemscope itemtype="http://schema.org/Answer" itemprop="suggestedAnswer"> <div class="mb-3.5"> <div class="flex items-center"> <div class="flex-grow"> <div> <a href="#" class="flex items-center group" itemprop="author" itemscope itemtype="http://schema.org/Person"> <div class="icon_user"> <div class="relative flex items-center group-hover:opacity-80 transition"> <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg fill="#fff" id="" class="bg-blue rounded-full w-11 h-11 p-2 object-cover" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="mdi-account" width="24" height="24" viewBox="0 0 24 24"><path d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z" /></svg> </div> </div> <div class="pl-3 descr_user group-hover:opacity-60 transition"> <div class="text-grey max-w-xs w-max truncate" itemprop="name">Walter Rumsby </div> </div> </a> </div> </div> <div class="flex-grow text-gray-light text-sm"> <div class="flex items-center justify-end"> <div class="hidden md:block ml-8">18 august 2008 в 12:21</div> <time class="hidden" itemprop="dateCreated">2008-08-18T00:21:46+00:00</time> <div class="ml-8"> <div wire:id="YXmOgcv6mUpdOVpvqK1E" wire:initial-data="{"fingerprint":{"id":"YXmOgcv6mUpdOVpvqK1E","name":"question-read.menu-answer","locale":"ro"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"e8172812","data":{"stack_exchange_id":13904},"dataMeta":[],"checksum":"98a0a18a198cf964fd542b1f4afca616690895680e7451bd071d8130cb368db1"}}" class="relative" x-data="{ dropdown: false }"> <div class="flex items-center transition hover:text-blue group cursor-pointer px-3 py-3 -mr-3 sm:px-0 sm:py-0 sm:mr-0" @click="dropdown = true" > <span class="hidden sm:block">Mai mult</span> <span class="sm:hidden"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="5" viewBox="0 0 25 5"> <g transform="translate(-288 -2419)"> <circle cx="2.5" cy="2.5" r="2.5" transform="translate(288 2419)" fill="#9da5c4"/> <circle cx="2.5" cy="2.5" r="2.5" transform="translate(298 2419)" fill="#9da5c4"/> <circle cx="2.5" cy="2.5" r="2.5" transform="translate(308 2419)" fill="#9da5c4"/> </g> </svg> </span> <span class="hidden sm:inline-block ml-1 mt-px"> <svg xmlns="http://www.w3.org/2000/svg" width="9.501" viewBox="0 0 9.501 5.458"> <path class="stroke-current text-gray-light group-hover:text-blue transition" d="M1151.629,189.231l4.4,4.4,4.4-4.4" transform="translate(-1151.276 -188.877)" fill="none" stroke="#d4d6e3" stroke-width="1"/> </svg> </span> </div> <div class="transition absolute right-0 sm:left-0 sm:right-auto z-10 top-7" x-transition:enter="transition ease-out duration-150" x-transition:enter-start="opacity-0 transform translate-y-1" x-transition:enter-end="opacity-100 transform translate-y-0" x-transition:leave="transition ease-in duration-150 transform translate-y-1" x-transition:leave-start="opacity-100 transform translate-y-0" x-transition:leave-end="opacity-0 transform translate-y-1" x-show="dropdown" @click.away="dropdown = false" style="display: none;" > <div class="bg-white flow-root sm:rounded-xl shadow-dropdown px-5 py-2 pb-3 w-44 max-w-xs"> <div> <div class="border-b border-1 border-gray border-opacity-20"> <a href="https://stackoverflow.com/a/13904" target="_blank" rel="nofollow noopener noreferrer" class="link py-2.5 block">Sursă</a> </div> </div> <div class="mt-4 -mx-2"> <a href="#" class="btn-blue w-full block" x-on:click.prevent>Editează</a> </div> </div> </div> </div> </div> </div> </div> <a class="hidden" itemprop="url" href="http://answer-id.com/ro/10478#answer-13904">#13904</a> </div> </div> <div class="text-lg max-w-full overflow-y-auto" itemprop="text"><p><a href="http://www.quirksmode.org/dom/range_intro.html" rel="nofollow noreferrer">Introduction to Range</a> has some details on how different browsers give you access to the text selection.</p> <p>Experiența mea este că lucrul direct cu aceste API-uri diferite este destul de stângace, deci dacă <a href="http://plugins.jquery.com/project/wrapSelection" rel="nofollow noreferrer"> wrapSelection </a> funcționează pentru dvs. I Mă duc cu asta.</p> </div> <div> <div class="-mb-5 mt-4 sm:mt-10 border-t border-1 border-opacity-20 border-gray"> <div class="flex justify-between sm:justify-start items-center"> <div class="relative py-3 sm:py-5"> <div class="flex items-center text-xs text-gray"> <div class="mr-4"> <a href="#" class="flex items-center group" x-on:click.prevent> <span class="mr-2 flex items-center justify-center inline-block transition bg-gray group-hover:bg-graydark h-7 w-10 rounded-full"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="16.364" viewBox="0 0 18 16.364"> <path class="fill-current text-blue" d="M0,41.864H3.273V32.045H0Zm18-9a1.641,1.641,0,0,0-1.636-1.636H11.209l.818-3.764v-.245a1.716,1.716,0,0,0-.327-.9l-.9-.818L5.4,30.9a1.373,1.373,0,0,0-.491,1.145v8.182a1.641,1.641,0,0,0,1.636,1.636h7.364a1.616,1.616,0,0,0,1.473-.982l2.455-5.809a1.392,1.392,0,0,0,.082-.573V32.864H18Z" transform="translate(0 -25.5)" fill="#bfc4d6"/> </svg> </span> <span class="text-blue" itemprop="upvoteCount">0</span> </a> </div> <div> <a href="#" class="flex items-center group" x-on:click.prevent> <span class="mr-2 flex items-center justify-center inline-block transition bg-gray group-hover:bg-graydark h-7 w-10 rounded-full"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="16.364" viewBox="0 0 18 16.364"> <g transform="translate(18 41.864) rotate(180)"> <g transform="translate(0 25.5)"> <path class="transition" d="M0,41.864H3.273V32.045H0Zm18-9a1.641,1.641,0,0,0-1.636-1.636H11.209l.818-3.764v-.245a1.716,1.716,0,0,0-.327-.9l-.9-.818L5.4,30.9a1.373,1.373,0,0,0-.491,1.145v8.182a1.641,1.641,0,0,0,1.636,1.636h7.364a1.616,1.616,0,0,0,1.473-.982l2.455-5.809a1.392,1.392,0,0,0,.082-.573V32.864H18Z" transform="translate(0 -25.5)" fill="#bfc4d6"/> </g> </g> </svg> </span> <span>0</span> </a> </div> </div> <div class="absolute left-0 bottom-0 right-0 bg-graydarkvery h-0.5 overflow-hidden rounded-full"> <div style="width: 60%;" class="bg-blue h-0.5 float-left rounded-full"></div> </div> </div> <div class="sm:ml-14"> <div class="text-gray text-xs sm:text-base sm:font-semibold"> <a href="#" class="link" x-on:click.prevent>Comentarii (0)</a> </div> </div> </div> </div> </div> </div> </div> <div class="mb-16 sm:mb-20 xl:mb-8" id="answer-13907"> <div class="shadow-dropdown bg-white rounded-lg px-4 sm:px-7 py-5 relative" itemscope itemtype="http://schema.org/Answer" itemprop="suggestedAnswer"> <div class="mb-3.5"> <div class="flex items-center"> <div class="flex-grow"> <div> <a href="#" class="flex items-center group" itemprop="author" itemscope itemtype="http://schema.org/Person"> <div class="icon_user"> <div class="relative flex items-center group-hover:opacity-80 transition"> <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg fill="#fff" id="" class="bg-blue rounded-full w-11 h-11 p-2 object-cover" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="mdi-account" width="24" height="24" viewBox="0 0 24 24"><path d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z" /></svg> </div> </div> <div class="pl-3 descr_user group-hover:opacity-60 transition"> <div class="text-grey max-w-xs w-max truncate" itemprop="name">eplawless </div> </div> </a> </div> </div> <div class="flex-grow text-gray-light text-sm"> <div class="flex items-center justify-end"> <div class="hidden md:block ml-8">18 august 2008 в 12:25</div> <time class="hidden" itemprop="dateCreated">2008-08-18T00:25:28+00:00</time> <div class="ml-8"> <div wire:id="dTQNLRn1H2JPQPi49JKR" wire:initial-data="{"fingerprint":{"id":"dTQNLRn1H2JPQPi49JKR","name":"question-read.menu-answer","locale":"ro"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"c73c994d","data":{"stack_exchange_id":13907},"dataMeta":[],"checksum":"4d2d404510a55b1c828ef7d4781ee5f5e9125a907c970f5cc269016bbebae7c5"}}" class="relative" x-data="{ dropdown: false }"> <div class="flex items-center transition hover:text-blue group cursor-pointer px-3 py-3 -mr-3 sm:px-0 sm:py-0 sm:mr-0" @click="dropdown = true" > <span class="hidden sm:block">Mai mult</span> <span class="sm:hidden"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="5" viewBox="0 0 25 5"> <g transform="translate(-288 -2419)"> <circle cx="2.5" cy="2.5" r="2.5" transform="translate(288 2419)" fill="#9da5c4"/> <circle cx="2.5" cy="2.5" r="2.5" transform="translate(298 2419)" fill="#9da5c4"/> <circle cx="2.5" cy="2.5" r="2.5" transform="translate(308 2419)" fill="#9da5c4"/> </g> </svg> </span> <span class="hidden sm:inline-block ml-1 mt-px"> <svg xmlns="http://www.w3.org/2000/svg" width="9.501" viewBox="0 0 9.501 5.458"> <path class="stroke-current text-gray-light group-hover:text-blue transition" d="M1151.629,189.231l4.4,4.4,4.4-4.4" transform="translate(-1151.276 -188.877)" fill="none" stroke="#d4d6e3" stroke-width="1"/> </svg> </span> </div> <div class="transition absolute right-0 sm:left-0 sm:right-auto z-10 top-7" x-transition:enter="transition ease-out duration-150" x-transition:enter-start="opacity-0 transform translate-y-1" x-transition:enter-end="opacity-100 transform translate-y-0" x-transition:leave="transition ease-in duration-150 transform translate-y-1" x-transition:leave-start="opacity-100 transform translate-y-0" x-transition:leave-end="opacity-0 transform translate-y-1" x-show="dropdown" @click.away="dropdown = false" style="display: none;" > <div class="bg-white flow-root sm:rounded-xl shadow-dropdown px-5 py-2 pb-3 w-44 max-w-xs"> <div> <div class="border-b border-1 border-gray border-opacity-20"> <a href="https://stackoverflow.com/a/13907" target="_blank" rel="nofollow noopener noreferrer" class="link py-2.5 block">Sursă</a> </div> </div> <div class="mt-4 -mx-2"> <a href="#" class="btn-blue w-full block" x-on:click.prevent>Editează</a> </div> </div> </div> </div> </div> </div> </div> <a class="hidden" itemprop="url" href="http://answer-id.com/ro/10478#answer-13907">#13907</a> </div> </div> <div class="text-lg max-w-full overflow-y-auto" itemprop="text"><p>Comportamentul browserelor individuale în ceea ce privește selecția este <a href="http://quirksmode.org/dom/w3c_range.html" rel="nofollow noreferrer"> prezentat aici </a>.</p> </div> <div> <div class="-mb-5 mt-4 sm:mt-10 border-t border-1 border-opacity-20 border-gray"> <div class="flex justify-between sm:justify-start items-center"> <div class="relative py-3 sm:py-5"> <div class="flex items-center text-xs text-gray"> <div class="mr-4"> <a href="#" class="flex items-center group" x-on:click.prevent> <span class="mr-2 flex items-center justify-center inline-block transition bg-gray group-hover:bg-graydark h-7 w-10 rounded-full"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="16.364" viewBox="0 0 18 16.364"> <path class="fill-current text-blue" d="M0,41.864H3.273V32.045H0Zm18-9a1.641,1.641,0,0,0-1.636-1.636H11.209l.818-3.764v-.245a1.716,1.716,0,0,0-.327-.9l-.9-.818L5.4,30.9a1.373,1.373,0,0,0-.491,1.145v8.182a1.641,1.641,0,0,0,1.636,1.636h7.364a1.616,1.616,0,0,0,1.473-.982l2.455-5.809a1.392,1.392,0,0,0,.082-.573V32.864H18Z" transform="translate(0 -25.5)" fill="#bfc4d6"/> </svg> </span> <span class="text-blue" itemprop="upvoteCount">0</span> </a> </div> <div> <a href="#" class="flex items-center group" x-on:click.prevent> <span class="mr-2 flex items-center justify-center inline-block transition bg-gray group-hover:bg-graydark h-7 w-10 rounded-full"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="16.364" viewBox="0 0 18 16.364"> <g transform="translate(18 41.864) rotate(180)"> <g transform="translate(0 25.5)"> <path class="transition" d="M0,41.864H3.273V32.045H0Zm18-9a1.641,1.641,0,0,0-1.636-1.636H11.209l.818-3.764v-.245a1.716,1.716,0,0,0-.327-.9l-.9-.818L5.4,30.9a1.373,1.373,0,0,0-.491,1.145v8.182a1.641,1.641,0,0,0,1.636,1.636h7.364a1.616,1.616,0,0,0,1.473-.982l2.455-5.809a1.392,1.392,0,0,0,.082-.573V32.864H18Z" transform="translate(0 -25.5)" fill="#bfc4d6"/> </g> </g> </svg> </span> <span>0</span> </a> </div> </div> <div class="absolute left-0 bottom-0 right-0 bg-graydarkvery h-0.5 overflow-hidden rounded-full"> <div style="width: 60%;" class="bg-blue h-0.5 float-left rounded-full"></div> </div> </div> <div class="sm:ml-14"> <div class="text-gray text-xs sm:text-base sm:font-semibold"> <a href="#" class="link" x-on:click.prevent>Comentarii (0)</a> </div> </div> </div> </div> </div> </div> </div> <div class="mb-16 sm:mb-20 xl:mb-8" id="answer-13914"> <div class="shadow-dropdown bg-white rounded-lg px-4 sm:px-7 py-5 relative" itemscope itemtype="http://schema.org/Answer" itemprop="suggestedAnswer"> <div class="mb-3.5"> <div class="flex items-center"> <div class="flex-grow"> <div> <a href="#" class="flex items-center group" itemprop="author" itemscope itemtype="http://schema.org/Person"> <div class="icon_user"> <div class="relative flex items-center group-hover:opacity-80 transition"> <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg fill="#fff" id="" class="bg-blue rounded-full w-11 h-11 p-2 object-cover" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="mdi-account" width="24" height="24" viewBox="0 0 24 24"><path d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z" /></svg> </div> </div> <div class="pl-3 descr_user group-hover:opacity-60 transition"> <div class="text-grey max-w-xs w-max truncate" itemprop="name">Polsonby </div> </div> </a> </div> </div> <div class="flex-grow text-gray-light text-sm"> <div class="flex items-center justify-end"> <div class="hidden md:block ml-8">18 august 2008 в 12:35</div> <time class="hidden" itemprop="dateCreated">2008-08-18T00:35:22+00:00</time> <div class="ml-8"> <div wire:id="AQ3hCi3G939qwKOChVSL" wire:initial-data="{"fingerprint":{"id":"AQ3hCi3G939qwKOChVSL","name":"question-read.menu-answer","locale":"ro"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"086ef761","data":{"stack_exchange_id":13914},"dataMeta":[],"checksum":"af7feefa5f9204c6c8ee67a033f557e7d70026c98cf834aa57ad2b42069665d8"}}" class="relative" x-data="{ dropdown: false }"> <div class="flex items-center transition hover:text-blue group cursor-pointer px-3 py-3 -mr-3 sm:px-0 sm:py-0 sm:mr-0" @click="dropdown = true" > <span class="hidden sm:block">Mai mult</span> <span class="sm:hidden"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="5" viewBox="0 0 25 5"> <g transform="translate(-288 -2419)"> <circle cx="2.5" cy="2.5" r="2.5" transform="translate(288 2419)" fill="#9da5c4"/> <circle cx="2.5" cy="2.5" r="2.5" transform="translate(298 2419)" fill="#9da5c4"/> <circle cx="2.5" cy="2.5" r="2.5" transform="translate(308 2419)" fill="#9da5c4"/> </g> </svg> </span> <span class="hidden sm:inline-block ml-1 mt-px"> <svg xmlns="http://www.w3.org/2000/svg" width="9.501" viewBox="0 0 9.501 5.458"> <path class="stroke-current text-gray-light group-hover:text-blue transition" d="M1151.629,189.231l4.4,4.4,4.4-4.4" transform="translate(-1151.276 -188.877)" fill="none" stroke="#d4d6e3" stroke-width="1"/> </svg> </span> </div> <div class="transition absolute right-0 sm:left-0 sm:right-auto z-10 top-7" x-transition:enter="transition ease-out duration-150" x-transition:enter-start="opacity-0 transform translate-y-1" x-transition:enter-end="opacity-100 transform translate-y-0" x-transition:leave="transition ease-in duration-150 transform translate-y-1" x-transition:leave-start="opacity-100 transform translate-y-0" x-transition:leave-end="opacity-0 transform translate-y-1" x-show="dropdown" @click.away="dropdown = false" style="display: none;" > <div class="bg-white flow-root sm:rounded-xl shadow-dropdown px-5 py-2 pb-3 w-44 max-w-xs"> <div> <div class="border-b border-1 border-gray border-opacity-20"> <a href="https://stackoverflow.com/a/13914" target="_blank" rel="nofollow noopener noreferrer" class="link py-2.5 block">Sursă</a> </div> </div> <div class="mt-4 -mx-2"> <a href="#" class="btn-blue w-full block" x-on:click.prevent>Editează</a> </div> </div> </div> </div> </div> </div> </div> <a class="hidden" itemprop="url" href="http://answer-id.com/ro/10478#answer-13914">#13914</a> </div> </div> <div class="text-lg max-w-full overflow-y-auto" itemprop="text"><p>Acest cod funcționează în Safari, IE și Firefox - sperăm că este de ajutor</p> <pre class="max-h-96 bg-graydark rounded-lg p-5 overscroll-contain overflow-auto"><code>var str = (window.getSelection) ? window.getSelection() : document.selection.createRange(); str = str.text || str; str = str + '';//the best way to make object a string... </code></pre> </div> <div> <div class="-mb-5 mt-4 sm:mt-10 border-t border-1 border-opacity-20 border-gray"> <div class="flex justify-between sm:justify-start items-center"> <div class="relative py-3 sm:py-5"> <div class="flex items-center text-xs text-gray"> <div class="mr-4"> <a href="#" class="flex items-center group" x-on:click.prevent> <span class="mr-2 flex items-center justify-center inline-block transition bg-gray group-hover:bg-graydark h-7 w-10 rounded-full"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="16.364" viewBox="0 0 18 16.364"> <path class="fill-current text-blue" d="M0,41.864H3.273V32.045H0Zm18-9a1.641,1.641,0,0,0-1.636-1.636H11.209l.818-3.764v-.245a1.716,1.716,0,0,0-.327-.9l-.9-.818L5.4,30.9a1.373,1.373,0,0,0-.491,1.145v8.182a1.641,1.641,0,0,0,1.636,1.636h7.364a1.616,1.616,0,0,0,1.473-.982l2.455-5.809a1.392,1.392,0,0,0,.082-.573V32.864H18Z" transform="translate(0 -25.5)" fill="#bfc4d6"/> </svg> </span> <span class="text-blue" itemprop="upvoteCount">0</span> </a> </div> <div> <a href="#" class="flex items-center group" x-on:click.prevent> <span class="mr-2 flex items-center justify-center inline-block transition bg-gray group-hover:bg-graydark h-7 w-10 rounded-full"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="16.364" viewBox="0 0 18 16.364"> <g transform="translate(18 41.864) rotate(180)"> <g transform="translate(0 25.5)"> <path class="transition" d="M0,41.864H3.273V32.045H0Zm18-9a1.641,1.641,0,0,0-1.636-1.636H11.209l.818-3.764v-.245a1.716,1.716,0,0,0-.327-.9l-.9-.818L5.4,30.9a1.373,1.373,0,0,0-.491,1.145v8.182a1.641,1.641,0,0,0,1.636,1.636h7.364a1.616,1.616,0,0,0,1.473-.982l2.455-5.809a1.392,1.392,0,0,0,.082-.573V32.864H18Z" transform="translate(0 -25.5)" fill="#bfc4d6"/> </g> </g> </svg> </span> <span>0</span> </a> </div> </div> <div class="absolute left-0 bottom-0 right-0 bg-graydarkvery h-0.5 overflow-hidden rounded-full"> <div style="width: 60%;" class="bg-blue h-0.5 float-left rounded-full"></div> </div> </div> <div class="sm:ml-14"> <div class="text-gray text-xs sm:text-base sm:font-semibold"> <a href="#" class="link" x-on:click.prevent>Comentarii (0)</a> </div> </div> </div> </div> </div> </div> </div> <div class="mb-16 sm:mb-20 xl:mb-8" id="answer-169873"> <div class="shadow-dropdown bg-white rounded-lg px-4 sm:px-7 py-5 relative" itemscope itemtype="http://schema.org/Answer" itemprop="suggestedAnswer"> <div class="mb-3.5"> <div class="flex items-center"> <div class="flex-grow"> <div> <a href="#" class="flex items-center group" itemprop="author" itemscope itemtype="http://schema.org/Person"> <div class="icon_user"> <div class="relative flex items-center group-hover:opacity-80 transition"> <?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg fill="#fff" id="" class="bg-blue rounded-full w-11 h-11 p-2 object-cover" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="mdi-account" width="24" height="24" viewBox="0 0 24 24"><path d="M12,4A4,4 0 0,1 16,8A4,4 0 0,1 12,12A4,4 0 0,1 8,8A4,4 0 0,1 12,4M12,14C16.42,14 20,15.79 20,18V20H4V18C4,15.79 7.58,14 12,14Z" /></svg> </div> </div> <div class="pl-3 descr_user group-hover:opacity-60 transition"> <div class="text-grey max-w-xs w-max truncate" itemprop="name">Greg Borenstein </div> </div> </a> </div> </div> <div class="flex-grow text-gray-light text-sm"> <div class="flex items-center justify-end"> <div class="hidden md:block ml-8">4 octombrie 2008 в 10:41</div> <time class="hidden" itemprop="dateCreated">2008-10-04T10:41:01+00:00</time> <div class="ml-8"> <div wire:id="9pkq37UJRxgGLAtwwb1B" wire:initial-data="{"fingerprint":{"id":"9pkq37UJRxgGLAtwwb1B","name":"question-read.menu-answer","locale":"ro"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"65e5c946","data":{"stack_exchange_id":169873},"dataMeta":[],"checksum":"d8235812a7ab61d064e3032634bac2945631be8faada99fb57af3a91430a23b3"}}" class="relative" x-data="{ dropdown: false }"> <div class="flex items-center transition hover:text-blue group cursor-pointer px-3 py-3 -mr-3 sm:px-0 sm:py-0 sm:mr-0" @click="dropdown = true" > <span class="hidden sm:block">Mai mult</span> <span class="sm:hidden"> <svg xmlns="http://www.w3.org/2000/svg" width="25" height="5" viewBox="0 0 25 5"> <g transform="translate(-288 -2419)"> <circle cx="2.5" cy="2.5" r="2.5" transform="translate(288 2419)" fill="#9da5c4"/> <circle cx="2.5" cy="2.5" r="2.5" transform="translate(298 2419)" fill="#9da5c4"/> <circle cx="2.5" cy="2.5" r="2.5" transform="translate(308 2419)" fill="#9da5c4"/> </g> </svg> </span> <span class="hidden sm:inline-block ml-1 mt-px"> <svg xmlns="http://www.w3.org/2000/svg" width="9.501" viewBox="0 0 9.501 5.458"> <path class="stroke-current text-gray-light group-hover:text-blue transition" d="M1151.629,189.231l4.4,4.4,4.4-4.4" transform="translate(-1151.276 -188.877)" fill="none" stroke="#d4d6e3" stroke-width="1"/> </svg> </span> </div> <div class="transition absolute right-0 sm:left-0 sm:right-auto z-10 top-7" x-transition:enter="transition ease-out duration-150" x-transition:enter-start="opacity-0 transform translate-y-1" x-transition:enter-end="opacity-100 transform translate-y-0" x-transition:leave="transition ease-in duration-150 transform translate-y-1" x-transition:leave-start="opacity-100 transform translate-y-0" x-transition:leave-end="opacity-0 transform translate-y-1" x-show="dropdown" @click.away="dropdown = false" style="display: none;" > <div class="bg-white flow-root sm:rounded-xl shadow-dropdown px-5 py-2 pb-3 w-44 max-w-xs"> <div> <div class="border-b border-1 border-gray border-opacity-20"> <a href="https://stackoverflow.com/a/169873" target="_blank" rel="nofollow noopener noreferrer" class="link py-2.5 block">Sursă</a> </div> </div> <div class="mt-4 -mx-2"> <a href="#" class="btn-blue w-full block" x-on:click.prevent>Editează</a> </div> </div> </div> </div> </div> </div> </div> <a class="hidden" itemprop="url" href="http://answer-id.com/ro/10478#answer-169873">#169873</a> </div> </div> <div class="text-lg max-w-full overflow-y-auto" itemprop="text"><p>Acest plugin JQuery este cool dar realizează o sarcină foarte specifică: împachetați textul pe care îl evidențiați cu o etichetă. Aceasta poate fi exact ceea ce vrei. Dar dacă nu doriți să adăugați pe pagina dvs. marcaj străin (sau vă aflați într-o situație în care nu puteți), puteți încerca următoarea soluție:</p> <pre class="max-h-96 bg-graydark rounded-lg p-5 overscroll-contain overflow-auto"><code>function getSelectedText() { var txt = ''; if (window.getSelection) { txt = window.getSelection(); } else if (document.getSelection) { txt = document.getSelection(); } else if (document.selection) { txt = document.selection.createRange().text; } else return; return txt; } </code></pre> <p>Această funcție returnează un obiect reprezentând selecția textului. Funcționează în toate browserele (deși bănuiesc că obiectele pe care le întoarce vor fi ușor diferite în funcție de browser și vor fi dependente doar de textul real al rezultatului, mai degrabă decât de oricare dintre proprietățile suplimentare).</p> <p>Note: I originally discovered that code fragment here: <a href="http://www.codetoad.com/javascript_get_selected_text.asp" rel="nofollow noreferrer">http://www.codetoad.com/javascript_get_selected_text.asp</a></p> </div> <div> <div class="-mb-5 mt-4 sm:mt-10 border-t border-1 border-opacity-20 border-gray"> <div class="flex justify-between sm:justify-start items-center"> <div class="relative py-3 sm:py-5"> <div class="flex items-center text-xs text-gray"> <div class="mr-4"> <a href="#" class="flex items-center group" x-on:click.prevent> <span class="mr-2 flex items-center justify-center inline-block transition bg-gray group-hover:bg-graydark h-7 w-10 rounded-full"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="16.364" viewBox="0 0 18 16.364"> <path class="fill-current text-blue" d="M0,41.864H3.273V32.045H0Zm18-9a1.641,1.641,0,0,0-1.636-1.636H11.209l.818-3.764v-.245a1.716,1.716,0,0,0-.327-.9l-.9-.818L5.4,30.9a1.373,1.373,0,0,0-.491,1.145v8.182a1.641,1.641,0,0,0,1.636,1.636h7.364a1.616,1.616,0,0,0,1.473-.982l2.455-5.809a1.392,1.392,0,0,0,.082-.573V32.864H18Z" transform="translate(0 -25.5)" fill="#bfc4d6"/> </svg> </span> <span class="text-blue" itemprop="upvoteCount">0</span> </a> </div> <div> <a href="#" class="flex items-center group" x-on:click.prevent> <span class="mr-2 flex items-center justify-center inline-block transition bg-gray group-hover:bg-graydark h-7 w-10 rounded-full"> <svg xmlns="http://www.w3.org/2000/svg" width="18" height="16.364" viewBox="0 0 18 16.364"> <g transform="translate(18 41.864) rotate(180)"> <g transform="translate(0 25.5)"> <path class="transition" d="M0,41.864H3.273V32.045H0Zm18-9a1.641,1.641,0,0,0-1.636-1.636H11.209l.818-3.764v-.245a1.716,1.716,0,0,0-.327-.9l-.9-.818L5.4,30.9a1.373,1.373,0,0,0-.491,1.145v8.182a1.641,1.641,0,0,0,1.636,1.636h7.364a1.616,1.616,0,0,0,1.473-.982l2.455-5.809a1.392,1.392,0,0,0,.082-.573V32.864H18Z" transform="translate(0 -25.5)" fill="#bfc4d6"/> </g> </g> </svg> </span> <span>0</span> </a> </div> </div> <div class="absolute left-0 bottom-0 right-0 bg-graydarkvery h-0.5 overflow-hidden rounded-full"> <div style="width: 60%;" class="bg-blue h-0.5 float-left rounded-full"></div> </div> </div> <div class="sm:ml-14"> <div class="text-gray text-xs sm:text-base sm:font-semibold"> <a href="#" class="link" x-on:click.prevent>Comentarii (0)</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="float-right w-full lg:w-3/12 pt-4 hidden lg:block"> <div class="pt-8 lg:pl-6"> <div class="mb-9 hidden lg:block"> <a href="http://answer-id.com/ro/questions/add" class="btn-blue w-full block">Adăugati o întrebare</a> </div> <div class="sidebar_go"> <div> <div wire:id="Oye3FPwNNgvrKJ1ENNQg" wire:initial-data="{"fingerprint":{"id":"Oye3FPwNNgvrKJ1ENNQg","name":"categories-list","locale":"ro"},"effects":{"listeners":[]},"serverMemo":{"children":[],"errors":[],"htmlHash":"c5c74721","data":{"categories":[{"id":1,"parent_id":null,"translation":{"category_id":1,"name":"Tehnologii"}},{"id":2,"parent_id":null,"translation":{"category_id":2,"name":"Cultur\u0103"}},{"id":3,"parent_id":null,"translation":{"category_id":3,"name":"Via\u021b\u0103 \/ Art\u0103"}},{"id":4,"parent_id":null,"translation":{"category_id":4,"name":"Stiin\u021b\u0103"}},{"id":5,"parent_id":null,"translation":{"category_id":5,"name":"Profesii"}},{"id":6,"parent_id":null,"translation":{"category_id":6,"name":"Afaceri"}}],"parent_id":null},"dataMeta":[],"checksum":"cf6cfb289eb6232ec38becc5b8dd6b8eb05a8aabae2066dafbba5acd658c7c54"}}" class="mb-6 sm:mb-10"> <div class="flex items-center justify-between mb-4 sm:mb-9"> <div class="text-2xl font-normal text-black">Categorii</div> <div class="text-gray text-lg"> <a href="http://answer-id.com/ro/categories" class="link">Toate</a> </div> </div> <div> <div class="text-gray text-sm mb-2 inline-block mr-4 lg:mr-0 lg:block"> <span wire:click="selectCategory(1)" class="link cursor-pointer hover:text-blue">Tehnologii</span> </div> <div class="text-gray text-sm mb-2 inline-block mr-4 lg:mr-0 lg:block"> <span wire:click="selectCategory(2)" class="link cursor-pointer hover:text-blue">Cultură</span> </div> <div class="text-gray text-sm mb-2 inline-block mr-4 lg:mr-0 lg:block"> <span wire:click="selectCategory(3)" class="link cursor-pointer hover:text-blue">Viață / Artă</span> </div> <div class="text-gray text-sm mb-2 inline-block mr-4 lg:mr-0 lg:block"> <span wire:click="selectCategory(4)" class="link cursor-pointer hover:text-blue">Stiință</span> </div> <div class="text-gray text-sm mb-2 inline-block mr-4 lg:mr-0 lg:block"> <span wire:click="selectCategory(5)" class="link cursor-pointer hover:text-blue">Profesii</span> </div> <div class="text-gray text-sm mb-2 inline-block mr-4 lg:mr-0 lg:block"> <span wire:click="selectCategory(6)" class="link cursor-pointer hover:text-blue">Afaceri</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> <footer class="clear-left"> <div class="bg-white shadow-inner py-8 sm:py-14 mt-px-100"> <div class="container"> <div class="block sm:flex items-start justify-between"> <div class="mb-3 sm:mb-0 sm:pr-3"> <div> <div class="sm:max-w-sm flow-root"> <div class="mr-1 mb-1 float-left text-center"> <a href="http://answer-id.com/id/10478" class="hover:bg-blue hover:text-white transition rounded p-1 text-gray-light inline-block leading-5 w-8">ID</a> </div> <div class="mr-1 mb-1 float-left text-center"> <a href="http://answer-id.com/ko/10478" class="hover:bg-blue hover:text-white transition rounded p-1 text-gray-light inline-block leading-5 w-8">KO</a> </div> <div class="mr-1 mb-1 float-left text-center"> <a href="http://answer-id.com/ru/10478" class="hover:bg-blue hover:text-white transition rounded p-1 text-gray-light inline-block leading-5 w-8">RU</a> </div> </div> </div> <div class="hidden sm:block text-md font-light text-gray mt-5">© Answer-ID 2021</div> </div> <div class="flex flex-col sm:pl-3"> <div class="mb-2 sm:mb-6 flex items-center sm:justify-between text-sm"> <div class="sm:flex-grow text-gray sm:text-center mr-4">Sursă</div> <div class="sm:flex-grow"> <a class="hover:opacity-80 transition flex" href="https://stackoverflow.com/q/10478" rel="nofollow noopener noreferrer" target="_blank"> <img loading="lazy" class="w-48" src="https://cdn.sstatic.net/Sites/stackoverflow/company/img/logos/so/so-logo.svg" alt="https://stackoverflow.com" title="https://stackoverflow.com"> </a> </div> </div> <div class="text-gray-light text-sm">în cadrul licenței <a href='https://creativecommons.org/licenses/by-sa/3.0/' rel='nofollow' target='_blank' class='text-blue font-medium hover:opacity-60 transition'>cc by-sa 3.0</a> cu atribuire</div> </div> </div> </div> </div> </footer> </div> <script src="http://answer-id.com/js/app.js"></script> <script src="/vendor/livewire/livewire.js?id=eb510e851dceb24afd36" data-turbolinks-eval="false"></script><script data-turbolinks-eval="false">if (window.livewire) {console.warn('Livewire: It looks like Livewire\'s @livewireScripts JavaScript assets have already been loaded. Make sure you aren\'t loading them twice.')}window.livewire = new Livewire();window.Livewire = window.livewire;window.livewire_app_url = '';window.livewire_token = 'OvjwUaxD7cpjHj81cqUacDZCJFrbhN0o0uf1Bg3E';/* Make sure Livewire loads first. */if (window.Alpine) {/* Defer showing the warning so it doesn't get buried under downstream errors. */document.addEventListener("DOMContentLoaded", function () {setTimeout(function() {console.warn("Livewire: It looks like AlpineJS has already been loaded. Make sure Livewire\'s scripts are loaded before Alpine.\n\n Reference docs for more info: http://laravel-livewire.com/docs/alpine-js")})});}/* Make Alpine wait until Livewire is finished rendering to do its thing. */window.deferLoadingAlpine = function (callback) {window.addEventListener('livewire:load', function () {callback();});};document.addEventListener("DOMContentLoaded", function () {window.livewire.start();});</script> <script type="text/javascript" src="//wcs.naver.net/wcslog.js"></script> <script type="text/javascript"> if(!wcs_add) var wcs_add = {}; wcs_add["wa"] = "4ced5856a365d8"; if(window.wcs) { wcs_do(); } </script> </body> </html>