Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<title>Zvýraznění hledaného slova</title> <h1>Zvýraznění hledaného slova</h1> <form onsubmit="doSearch(this.slovo.value); return false"> <p> <input name="slovo"> <button>Vyhledat</button> </p> </form> <hr> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt sapiente modi animi quo aspernatur recusandae suscipit cumque provident tempora aperiam.</p> <p>Recusandae, odio illo error nesciunt minus quo sint neque iusto natus reiciendis earum eum impedit aliquid eaque beatae qui maiores!</p> <p>Possimus, numquam nostrum expedita quos perspiciatis quaerat velit asperiores optio inventore! Aperiam, facilis possimus similique quam itaque dolorum veritatis reprehenderit!</p> <p>Assumenda, atque, ab, sit, aperiam illo vel libero dolore accusantium repellendus perspiciatis molestiae veniam provident iste optio aliquid nemo esse?</p> <p>Saepe, quis, perferendis? Laboriosam, error, quia minima corporis architecto est esse recusandae mollitia ea commodi ducimus eveniet officiis quis saepe!</p> <p>Itaque, molestiae sequi temporibus sit quo voluptatum voluptatibus. Facilis voluptas ab dolorum quidem labore consequatur architecto voluptatibus nesciunt neque ipsa.</p>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
// http://stackoverflow.com/questions/5886858/full-text-search-in-html-ignoring-tags/5887719#5887719 function doSearch(text) { if (window.find && window.getSelection) { document.designMode = "on"; var sel = window.getSelection(); sel.collapse(document.body, 0); while (window.find(text)) { document.execCommand("HiliteColor", false, "yellow"); sel.collapseToEnd(); } document.designMode = "off"; } else if (document.body.createTextRange) { var textRange = document.body.createTextRange(); while (textRange.findText(text)) { textRange.execCommand("BackColor", false, "yellow"); textRange.collapse(false); } } }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>