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