Mon, 08 Mar 2010 14:20:16 +0000
Split UI into stages, add simple question form
<html> <head> <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script> <script type="text/javascript" src="js/supportchat.js"></script> <style type="text/css"> #support-chat { display:none; } #support-input { width:100%; } #support-send-button { float:right; } #support-converse { display:none; } </style> </head> <body> <div id="support-chat"> <div id="support-question"> <h2>What is the nature of your question?</h2> <select> <option>Sales</option> <option>Technical</option> </select> <h2>What is your name?</h2> <input id="support-question-type" type="text" /> <h2>Your question:</h2> <textarea></textarea> </div> <div id="support-converse"> <div id="support-log">Hello</div> <input id="support-input" type="text" value="Hello" /> <input id="support-send-button" type="submit" value="Send" /> </div> </div> </body> </html>