0
私はdocumentationに従って自分のウェブサイトにTipeサイト検索エンジンを実装しました。私は 'ライブモード'を使用しています。結果ページに表示されたリンクをクリックした後、検索語をハイライト表示しますか?
しかし、結果ページに表示されたリンクをクリックした後で、入力された検索用語を強調表示する方法があるのだろうかと思っていましたか?
は、ここで私が達成したいものである、指定するには:- ユーザーは、検索用語を入力
- Tipueは「結果ページ」で検索して表示結果ん - ここに検索語が強調表示されているが
- 検索結果の1つをクリックすると、そのページで強調表示されている検索語も表示されます。
私はまさにjQuery/JavaScriptウィザードではないので、助けていただければ幸いです。ここで
私が持っているコードは、これまでのところです:
HTML(allstudies.html - Tipueでインデックス化されたサイト):
<!DOCTYPE html>
<html>
<head>
<!-- Link required to be in head for Tipue Search -->
<link href="Tipue Search 5.0/tipuesearch/tipuesearch.css" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-default">
<div class="container">
#navbar stuff
</div>
</nav>
<div class="searchbar">
<form action="search.html">
<input type="text" name="q" id="tipue_search_input" autocomplete="off" required>
</form>
</div>
<div class="allstudies">
<div class="container text-center">
<ul class="list-unstyled">
<h5>2016</h5>
<li><a href="Validation Studies\2016\PDFs\Whey Concentrate, Dairy Liquids (retained sample) - DAIRY & FOOD INGREDIENTS & RENDERING AGENTS - 2016.pdf">Whey Concentrate, Dairy Liquids (retained sample) - DAIRY & FOOD INGREDIENTS & RENDERING AGENTS - 2016</a></li>
#more items
<h5>2015</h5>
<li><a href="Validation Studies\2015\PDFs\Cocoa Powder - FOOD INGREDIENTS - 2015.pdf">Cocoa Powder - FOOD INGREDIENTS & RENDERING AGENTS - 2015</a></li>
#more items, etc.
</div>
</div>
</body>
</html>
HTML(search.htmlの - サイト検索結果が表示されます)。
<!DOCTYPE html>
<html>
<head>
<link href="http://fonts.googleapis.com/css?family=Open+Sans:300,400" rel="stylesheet">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
<link href="Tipue Search 5.0/tipuesearch/tipuesearch.css" rel="stylesheet">
<script src="Tipue Search 5.0/tipuesearch/tipuesearch_set.js"></script>
<script src="Tipue Search 5.0/tipuesearch/tipuesearch.min.js"></script>
</head>
<body>
<h1>Search Results</h1>
<form action="search.html">
<input type="text" name="q" id="tipue_search_input" autocomplete="off" required>
</form>
<div id="tipue_search_content"></div>
<script>
$(document).ready(function() {
$('#tipue_search_input').tipuesearch({
'mode': 'live',
'liveDescription': 'href',
'liveContent': '*',
'highlightEveryTerm': true
});
});
</script>
</body>
</html>