-
Notifications
You must be signed in to change notification settings - Fork 5
/
index.html
98 lines (80 loc) · 4.74 KB
/
index.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
93
94
95
96
97
98
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html id="facebook">
<head>
<title>type ahead!</title>
<link href="stylesheets/common.css?1218034919" media="screen" rel="stylesheet" type="text/css" />
<script src="javascripts/prototype.js?1217397659" type="text/javascript"></script>
<script src="javascripts/effects.js?1217379416" type="text/javascript"></script>
<script src="javascripts/dragdrop.js?1217379416" type="text/javascript"></script>
<script src="javascripts/controls.js?1218066595" type="text/javascript"></script>
<script src="javascripts/builder.js?1217379416" type="text/javascript"></script>
<script src="javascripts/application.js?1218165577" type="text/javascript"></script>
</head>
<body class="inbox chat_body">
<div class="composer">
<p>Try typing: rex</p>
<form id="compose_message" action="/messages" method="post" name="compose_message">
<dl class="composer_fields clearfix">
<dt id="dt_to_field">
<label for="to_field">To:</label>
</dt>
<dd id="dd_to_field" class="field">
<div tabindex="-1" id="ids" class="clearfix tokenizer" onclick="$('autocomplete_input').focus()">
<span class="tokenizer_stretcher">^_^</span><span class="tab_stop"><input type="text" id="hidden_input" tabindex="-1"></span>
<div id="autocomplete_display" class="tokenizer_input">
<input type="text" size="1" tabindex="" id="autocomplete_input" />
</div>
</div>
<div id="autocomplete_populate" class="clearfix autocomplete typeahead_list" style="width: 358px; height: auto; overflow-y: hidden;display:none">
<div class="typeahead_message">Type the name of a friend, friend list, or email address</div>
</div>
<script type="text/javascript">
// preload images.
(new Image()).src='inbox/images/token.gif';
(new Image()).src='inbox/images/token_selected.gif';
(new Image()).src='inbox/images/token_hover.gif';
(new Image()).src='inbox/images/token_x.gif';
var contacts = [
{name:"phoenix zhuang",email:"[email protected]"},
{name:"jian xie",email:"[email protected]"},
{name:"isaiah peng",email:"[email protected]"},
{name:"chris chan",email:"[email protected]"},
{name:"rex chung",email:"[email protected]"},
{name:"chung rex",email:"[email protected]"},
{name:"chan chris",email:"[email protected]"},
{name:"peng isaiah",email:"[email protected]"},
{name:"albert chang",email:"[email protected]"}];
var typeahead = new Autocompleter.LocalAdvanced('autocomplete_input', 'autocomplete_populate', contacts, {
frequency: 0.1,
updateElement: addContactToList,
search_field: "name"
});
var hidden_input = new HiddenInput('hidden_input',typeahead);
</script>
</dd>
<dt>
<label for="subject_field" >Subject:</label>
</dt>
<dd class="field">
<input id="subject_field" name="subject" class="inputtext" value="" type="text">
</dd>
<dt>
<label for="message_field">Message:</label>
</dt>
<dd class="field">
<textarea style="height: 100px;" class="DOMControl_autogrow" id="message" name="message" >
</textarea>
</dd>
<dd class="submits">
<div class="submits_wrap">
<input name="send_button" value="Send" type="submit">
<input value="Cancel" type="button">
</div>
<div class="sub_controls"></div>
</dd>
</dl>
</form>
</div>
</body>
</html>