-
Notifications
You must be signed in to change notification settings - Fork 0
/
demo.html
72 lines (46 loc) · 1.87 KB
/
demo.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
<!DOCTYPE html>
<title>TagsField demo</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="style/demo.css">
<link rel="stylesheet" href="style/tags.css">
<p>This is a demo of a control <a href="http://softwaremaniacs.org/soft/tags/">TagsField</a> library for Django.
<p>The form is for test only, it doesn't submit anywhere, just shows how the control
works in a browser.
<form action="" method="get">
<p>
<label for="id_title">Title</label>
<input type="text" id="id_title" class="vTextField required" name="title" size="30" value="Album" maxlength="50" />
<fieldset>
<legend>Tags</legend>
<div id="tag_widget">
<ul>
<li class="output">
<input type="hidden" name="tags" value="blues">
<a href="/tags/blues/">blues</a>
<img src="style/delete.png" alt="[-]" title="" onclick="deleteTag(this);">
<li class="output">
<input type="hidden" name="tags" value="guitar">
<a href="/tags/guitar/">guitar</a>
<img src="style/delete.png" alt="[-]" title="" onclick="deleteTag(this);">
<li class="input">
<input type="text" name="tags" class="suggest_tag" autocomplete="off">
<img src="style/delete.png" alt="[-]" title="" onclick="deleteTag(this);">
</ul>
<p><img src="style/add.png" alt="[+]" title="" onclick="addTag();">
<ul class="suggest tag" style="display:none;">
<li>blues
<li>guitar
<li>guitar acoustic
<li>guitar electric
<li>live
<li>liquid
<li>rock
</ul>
</div>
<script type="text/javascript" src="js/tags.js"></script>
<script type="text/javascript">
addEvent(window, 'load', function() {initTagWidget(document.getElementById('tag_widget'));});
</script>
</fieldset>
<div class="buttons"><button type="submit">OK</button></div>
</form>