Mon, 08 Mar 2010 14:20:16 +0000
Split UI into stages, add simple question form
0 | 1 | <html> |
2 | <head> | |
1 | 3 | <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> |
2
ec7dc98a811d
Hide UI by default, include supportchat.js
Matthew Wild <mwild1@gmail.com>
parents:
1
diff
changeset
|
4 | <script type="text/javascript" src="js/supportchat.js"></script> |
1 | 5 | |
0 | 6 | <style type="text/css"> |
7 | #support-chat | |
8 | { | |
2
ec7dc98a811d
Hide UI by default, include supportchat.js
Matthew Wild <mwild1@gmail.com>
parents:
1
diff
changeset
|
9 | display:none; |
0 | 10 | } |
11 | #support-input | |
12 | { | |
13 | width:100%; | |
14 | } | |
15 | #support-send-button | |
16 | { | |
17 | float:right; | |
18 | } | |
5
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
19 | #support-converse |
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
20 | { |
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
21 | display:none; |
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
22 | } |
0 | 23 | </style> |
24 | </head> | |
25 | <body> | |
26 | <div id="support-chat"> | |
5
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
27 | <div id="support-question"> |
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
28 | <h2>What is the nature of your question?</h2> |
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
29 | <select> |
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
30 | <option>Sales</option> |
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
31 | <option>Technical</option> |
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
32 | </select> |
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
33 | <h2>What is your name?</h2> |
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
34 | <input id="support-question-type" type="text" /> |
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
35 | <h2>Your question:</h2> |
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
36 | <textarea></textarea> |
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
37 | </div> |
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
38 | <div id="support-converse"> |
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
39 | <div id="support-log">Hello</div> |
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
40 | <input id="support-input" type="text" value="Hello" /> |
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
41 | <input id="support-send-button" type="submit" value="Send" /> |
10712e3ac061
Split UI into stages, add simple question form
Matthew Wild <mwild1@gmail.com>
parents:
2
diff
changeset
|
42 | </div> |
0 | 43 | </div> |
44 | </body> | |
45 | </html> |