-
Notifications
You must be signed in to change notification settings - Fork 0
/
jeju.html
92 lines (80 loc) · 4.22 KB
/
jeju.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
<!DOCTYPE html>
<! This file belongs to the project "Jeju SEO Tool" which was released under the GPL 3.0 license>
<! See https://github.com/batconjurer/Jeju-SEO-Tool/blob/master/LICENSE for full license details.>
<html>
<head>
<title>SEO Keyword Tool</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="jeju_style.css">
</head>
<style id="theSty"></style>
<body onload="updateForms()">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="jeju.js"></script>
<h1>Jeju SEO Keyword Tool</h1>
<table>
<col width="550px">
<tr>
<td>
<textarea id="keywordsForm" style="width:500px;height:150px;" required placeholder='Please enter a list of search terms separated by commas or on separate lines.'></textarea>
<p id="keyVals"></p>
</td>
<td>
<h2> Instructions: </h2>
<p id="inst1"> In the box on the left, please enter the keyphrases to be searched.<br> Either include
each keyphrase in a separate line, or separate them <br> by commas. Then enter the text
to be searched in the box beneath. <br> Press submit to process the input.</p>
<p id="inst2"> A button has been created for each keyphrase and the 100th word. Clicking
the <br> buttons toggles highlighting.
<br><br>
A dropdown menu allows you to sort keyphrases via
various criteria.You can <br> also choose to view only the keyphrases actually used or
see those keyphrases <br> not used.
Changing the order or which keyphrases are visible undoes all <br> highlighting.
</td>
</table>
<hr>
<table>
<col width="550px">
<tr>
<button id="resetButton"> Reset </button>
<button id="updateButton"> Update Keywords </button>
<button id="updateTxtButton"> Update Text </button>
<td valign='top'><h2 id="txtHeader"></h2> <button id="findHundred"> Highlight 100th word</button>
<p id="txtErr"></p>
<p id="enteredTxt" style="width:500px"></p>
<button id="submitButton"> Submit </button>
<textarea id='srchTxt' style="width:500px; height:500px;" required></textarea>
</td>
<td valign="top" id="secondCol">
<div id='kwdSort' class="dropdown"> Sort Keyphrases by:
<button id="sortBtn" class="dropbtn" onclick="dropFunc()">Order Entered </button>
<div id="myDropdown" class="dropdown-content">
<a id="order" href="#"> Order Entered </a>
<a id="abc" href="#"> Alphabetical </a>
<a id="numberDesc" href="#"> Number of occurrences (descending) </a>
<a id="numberAsc" href="#"> Number of occurrences (ascending) </a>
</div>
</div>
<br>
<br>
Show only used Keyphrases?
<label class="switch">
<input id='useOnly' type="checkbox">
<span class="slider round"></span>
</label>
Show only non-used Keyphrases?
<label class="switch">
<input id='nonUse' type="checkbox">
<span class="slider round"></span>
</label>
<div>
<br>
</div>
<table id="theTable">
</table>
</td>
</table>
</body>
</html>