1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
2 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3
4 <html xmlns="http://www.w3.org/1999/xhtml">
5
6 <head>
7 <title>火输(Fireinput) - 基于火狐(Firefox)浏览器的中文输入</title>
8 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
9 <meta name="description" content="Fireinput, IME, chinese, input method">
10 <meta name="keywords" content="Fireinput, IME, chinese, input method">
11 <link href="chrome://fireinput/skin/jquery.tabs.css" rel="stylesheet" type="text/css" media="print, projection, screen">
12 <link href="chrome://fireinput/skin/emotionmgr.css" rel="stylesheet" type="text/css">
13 <script language="JavaScript" type="text/javascript" src="chrome://fireinput/content/lib.js"></script>
14 <script language="JavaScript" type="text/javascript" src="chrome://fireinput/content/utils.js"></script>
15 <script language="JavaScript" type="text/javascript" src="chrome://fireinput/content/md5.js"></script>
16 <script language="JavaScript" type="text/javascript" src="chrome://fireinput/content/constant.js"></script>
17 <script language="JavaScript" type="text/javascript" src="chrome://fireinput/content/stream.js"></script>
18 <script language="JavaScript" type="text/javascript" src="chrome://fireinput/content/lib/jquery.js"></script>
19 <script language="JavaScript" type="text/javascript" src="chrome://fireinput/content/lib/jquery.tabs.pack.js"></script>
20 <script language="JavaScript" type="text/javascript" src="chrome://fireinput/content/store/storeemotion.js"></script>
21 <script language="JavaScript" type="text/javascript" src="chrome://fireinput/content/emotion.js"></script>
22 <script language="JavaScript" type="text/javascript" src="chrome://fireinput/content/fireinputPrefs.js"></script>
23 <script language="JavaScript" type="text/javascript" src="chrome://fireinput/content/server/login.js"></script>
24 <script language="JavaScript" type="text/javascript" src="chrome://fireinput/content/emotionmgr/pagination.js"></script>
25 <script language="JavaScript" type="text/javascript" src="chrome://fireinput/content/emotionmgr/emotionmgr.js"></script>
26 <script type="text/javascript">
27 $(function() {
28 FireinputServerLogin.checkUserLogon();
29 EmotionMgr.loadCurrentEmotions();
30 $('#topTabMenu').tabs({
31 fxSpeed: 'fast',
32 onShow: function (){
33 EmotionMgr.initTab($(this).activeTab());
34 if($(this).activeTab() == 2)
35 EmotionMgr.loadCurrentEmotions();
36 }
37 });
38 // initialize for page refresh
39 EmotionMgr.initTab($('#topTabMenu').activeTab());
40 });
41 </script>
42 </head>
43
44 <body>
45
46 <div id="main">
47 <div style="float: right; margin-right: 3px;">
48 <span id="logonUserBox" style="margin-left:25px">
49 <span id="logonUser" style="color: blue;margin-right: 10px;"></span>
50 </span>
51 <span id="addFileCommand">
52 <span id="uploadLink" class="textLink logonLink" onclick="EmotionMgr.toggleUploadForm()">上传</span>
53 </span>
54 <span id="browseFileCommand">
55 <span id="localFiles" class="textLink logonLink" onclick="EmotionMgr.loadCurrentEmotions()">我的图案</span>
56 <span>|</span>
57 <span id="showAllFiles" class="textLink logonLink" onclick="EmotionMgr.showMimeOrAll(false)">共享图案</span>
58 <span id="showMyUpload">|<span class="textLink logonLink" onclick="EmotionMgr.showMimeOrAll(true)">我的上传</span></span>
59 </span>
60 </span>
61 <span id="logonLink">|<span class="textLink logonLink" onclick="FireinputServerLogin.toggleLogonForm(event)">登录</span></span>
62 </div>
63
64 <!-- logon form -->
65 <div id="logonForm" class="logonForm" style="display: none">
66 <div style="margin: 10px 10px 10px 5px">
67 <div id="logonMessage" style="color: red; margin-bottom: 5px;"></div>
68 <form onsubmit="javascript:return false;">
69 <table>
70 <tr><td style="vertical-align:top">注册邮箱:</td><td><input id="logonEmail" type="text" /></td></tr>
71 <tr><td style="text-align:right">密码:</td><td><input id="logonPasswd" type="password" onkeypress="FireinputServerLogin.logon(event)"/></td></tr>
72 <tr><td><input id="logonSeed" type="hidden" value=""/></td></tr>
73 <tr><td></td><td><input type="button" id="logonButton" value="登录" onclick="FireinputServerLogin.logon()"/>
74 <input type="button" id="cancelLogonButton" value="取消" onclick="FireinputServerLogin.toggleLogonForm(event)"/></td></tr>
75 </table>
76 </form>
77 </div>
78 </div>
79 <div id="topTabMenu">
80 <ul>
81 <li><a href="#addFile">
82 <img class="tabs-cornerTopLeft" src="chrome://fireinput/skin/tab-topleft.png"/>
83 <img class="tabs-cornerTopRight" src="chrome://fireinput/skin/tab-topright.png"/>
84 <span>添加图案</span></a>
85 </li>
86 <li><a href="#browseFile">
87 <img class="tabs-cornerTopLeft" src="chrome://fireinput/skin/tab-topleft.png"/>
88 <img class="tabs-cornerTopRight" src="chrome://fireinput/skin/tab-topright.png"/>
89 <span>浏览图案</span></a></li>
90 </ul>
91
92 <div id="addFile">
93 <div id="uploadLinkBox" style="display:none; margin-right: 5px">
94 <br/>
95 <div id="uploadFileHelp" style="text-align:left; padding-left: 5px;">
96 想上传您的图片? 点击"Browser..."按钮选择您想上传的图案，然后点击上传按钮。 <span id="needLogonHelp" style="display:none">如果您想管理所上传的图案，请到<a href="javascript:void(0)" class="textLink" onclick="EmotionMgr.goToPage('http://www.fireinput.com/account/create_user.php')">www.fireinput.com</a>去注册。如果您已经注册，请先登录。非注册用户依然可以上传，但将不能够管理所上传图案</span>
97 </div>
98 </div> <!-- Upload part -->
99
100 <br/>
101 <div id="addFileHelp" style="text-align:left;padding-left: 5px;">
102 把图案的链接，例如 <span style="color: blue">"http://www.fireinput.com/emotions/flag/china.png"</span>, 放入下面的输入框。您所想加入的图案会自动显示在下面的方框内。然后点击"加入"按钮把它保存入网络图案菜单。如果您的图案不在网上，可以先上传</br>
103 </div>
104 <div style="margin-right: 3px">
105 <div id="uploadForm" style="display:none; padding-left: 5px;">
106 <form enctype="multipart/form-data" action="http://www.fireinput.com/emotions/uploadem.php" method="POST" onsubmit="return EmotionMgr.uploadFile(this)">
107 <input id="uploadFileValue" type="file" name="NewFile" size="50" onchange="EmotionMgr.addFileOnInput()"/>
108
109 <input type="submit" value="上传"/>
110 </form>
111 </div>
112 <div id="addForm" style="padding-left: 5px">
113 <form action="javascript:EmotionMgr.addFileIntoList()">
114 <input id="addFileValue" style="color: blue" size="50" onfocus="EmotionMgr.addFileOnFocus(event)" oninput="EmotionMgr.addFileOnInput(event)"/>
115 <input type="button" id="okButton" value="加入" onclick="EmotionMgr.addFileIntoList()"/>
116 </form>
117 </div>
118 </div>
119
120 <br/>
121 <div style="border: 1px solid #999;height: 64px; width:64px; margin-left: 100px">
122 <img id="addFileShowImage" src="" width="64" height="64"/>
123 </div>
124 <br/>
125 <div style="margin-left:50px;text-align:center; width: 150px;">
126 <span id="addFileMessage" style="color: green;"></span>
127 </div>
128 <br/>
129 <br/>
130 <div style="margin-left: 50px">图案只有在上面显示后方能成功加入</div>
131 </div>
132
133 <div id="browseFile">
134 <div id="browseFileDescription" style="text-align:left; margin: 15px 1px 10px 0px ; padding-left: 5px;">
135 在这里，您可以对已加入的图案进行删除管理，或选择加入其他用户上传的图案。所有更改只有在保存后才会生效
136 </div>
137 <div id="browseFileMessage" style="color: green; padding-left: 5px;"></div>
138 <div id="browseFileList">
139 <div id="pagecontent" class="pagecontent"></div>
140 <div id="paginatioplink" class="pagecontent"></div>
141 </div>
142 <div style="margin-left: 40px;">
143 <input type="button" id="updateButton" value="保存" onclick="EmotionMgr.saveFileToList()"/>
144 <span id="saveFileMessage" style="margin-left: 5px; color: green;"></span>
145 </div>
146 </div>
147 </div>
148 </div>
149 </body>
150 </html>
syntax highlighted by Code2HTML, v. 0.9.1