---++!! !MCML Examples %TOC{title="Contents:"}% %STARTINCLUDE% ---++ sample MCML code used by ParaWorld | *Title* | sample MCML code used by ParaWorld | | *Author(s)* | LiXizhi | | *Date* | 2008/3/18 | | *File* | script/kids/3DMapSystemApp/mcml/mcml_samples.lua | ---+++ Description MCML is used in various places in ParaWorld's social user interface. Here we present a few MCML code samples. %T% __Sample Code__ <verbatim> NPL.load("(gl)script/kids/3DMapSystemApp/mcml/mcml_samples.lua"); -- this file is for documentation purposes only. %TESTCASE{"MCMLExamples", func="commonlib.NPLDocGen.GenerateTWikiTopic", input={WikiWord = "MCMLExamples", ClassName = "MCML Examples", input = {"script/kids/3DMapSystemApp/mcml/mcml_samples.lua"},}}% </verbatim> ---+++ Member Functions ---++++ !Login MCML for front page login * _code_ ____ : script/kids/3DMapSystemUI/Desktop/LoginPage.html * _code_ ____ : script/kids/3DMapSystemApp/Login/StartPage.html __syntax__ <verbatim>function Login()</verbatim> __source code samples__ | *source path* | _script/kids/3DMapSystemUI/Desktop/LoginPage.html_ | %CODE{"html"}% <!-- "script/kids/3DMapSystemUI/Desktop/LoginPage.html" --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>Login Page</title> </head> <body> <pe:mcml trans="ParaworldMCML"> <script type="text/npl"> <![CDATA[ function OnInit() local self = document:GetPageCtrl(); local bRememberPassword = Map3DSystem.App.Login.app:ReadConfig("rememberpassword", false); self:SetNodeValue("rememberpassword", bRememberPassword); if(bRememberPassword) then self:SetNodeValue("username", Map3DSystem.User.Name); self:SetNodeValue("password", Map3DSystem.User.Password); end end OnInit() ]]> </script> <!--<hr style="margin-top:0px;margin-bottom:0px;margin-left:0px;margin-bottom:0px;height:3px;background-color:#FFFFFF;background:url(Texture/3DMapSystem/Desktop/divider.png)"/>--> <!--<div style="margin-top:0px;margin-left:0px;height:90px;background:url(Texture/3DMapSystem/Desktop/LoginPageBottom.png: 15 55 15 8)" width="100%"></div>--> <pe:editor style="height:90px;background:url(Texture/3DMapSystem/Desktop/LoginPageBottom.png:15 55 15 8);" width="100%" alignment="_fi"> <div style="width:20px;float:left;"> </div> <!--<div style="float:left;color:#C8E3F1;width:100px;margin-right:20px">--> <div style="float:left;width:100px;margin-right:20px"> 用户名:<br/> <input type="text" name="username" style="background:url(Texture/3DMapSystem/Desktop/LoginPageTextbox.png: 7 7 7 7)"/> </div> <!--<div style="float:left;color:#C8E3F1;width:100px;margin-right:20px">--> <div style="float:left;width:100px;margin-right:20px"> 密码:<br/> <input type="password" name="password" style="background:url(Texture/3DMapSystem/Desktop/LoginPageTextbox.png: 7 7 7 7)"/> </div> <!--<div style="float:left;color:#C8E3F1;margin-right:20px">--> <div style="float:left;margin-right:20px"> 域名:<br/> <select name="domain"> <option selected="selected" value="pala5.com">pala5.com</option> <option value="test.pala5.cn">test.pala5.cn</option> </select> <div><input type="checkbox" name="rememberpassword"/><span style="color:#C8E3F1;">记住密码</span></div> </div> <div style="float:left;margin-left:20px;"> <div style="height:4px"></div> <input style="margin-right:10px;width:110px;height:32px;font-weight:bold;color:#043759;background:url(Texture/3DMapSystem/Desktop/LoginPageButton3.png:15 15 15 16);" type="button" name="register" value="新建用户" onclick="Map3DSystem.UI.Desktop.OnClickNewAccount"/> <input style="margin-right:10px;width:110px;height:32px;font-weight:bold;color:#043759;background:url(Texture/3DMapSystem/Desktop/LoginPageButton3.png:15 15 15 16)" type="button" name="online" value="单机模式" onclick="Map3DSystem.UI.Desktop.OnLoginOfflineMode"/> <pe:if-not condition='<%=ReleaseBuild%>'> <input style="margin-right:10px;width:70px;height:32px;font-weight:bold;color:#043759;background:url(Texture/3DMapSystem/Desktop/LoginPageButton3.png:15 15 15 16)" type="button" name="testscene" value="测试场景" onclick="Map3DSystem.UI.Desktop.LoadEmptyScene"/> </pe:if-not> <div style="height:1px"></div> <input DefaultButton="true" style="margin-right:10px;width:110px;height:32px;font-weight:bold;color:#043759;background:url(Texture/3DMapSystem/Desktop/LoginPageButton_HL3.png:15 15 15 16)" type="submit" name="login" value="登录" onclick="Map3DSystem.UI.Desktop.OnClickConnect"/> <input style="margin-right:10px;width:110px;height:32px;font-weight:bold;color:#043759;background:url(Texture/3DMapSystem/Desktop/LoginPageButton3.png:15 15 15 16)" type="button" name="exit" value="退出" onclick="Map3DSystem.UI.Desktop.OnClickCallback_ExitApp"/> <!--<input style="margin-right:10px;width:70px;height:32px;font-weight:bold;color:#043759;background:url(Texture/3DMapSystem/Desktop/LoginPageButton3.png:15 15 15 16)" type="button" name="showcase" value="演示场景" onclick="Map3DSystem.UI.Desktop.LoadDemoScene"/>--> </div> </pe:editor> <pe:container style="float:right;vertical-align:bottom;background:;"> <div style="width:230px"> <div style="margin-left:25px"> <a tooltip="打开PEDN开发网: http://pedn.paraengine.com" class="a_inverse" href="%WIKI%/Main/WebHome"><div style="float:left;width:100px;margin-top:15px;"><span style="color:#C8E3F1;text-align:right">帕拉巫开发网</span></div> <div style="float:left;background:url(Texture/3DMapSystem/brand/pedn_white_alpha.png);width:100px;height:50px"></div> </a> </div><br /> <div style="padding-left:20px;color:#C8E3F1;text-align:right">Release v1.0.0(c) 2008 ParaEngine</div> </div> </pe:container> </pe:mcml> </body> </html> %ENDCODE% ---++++ !UserRegistration MCML for user registration * _code_ ____ : script/kids/3DMapSystemApp/Login/NewUserRegPage.html * _code_ ____ : script/kids/3DMapSystemApp/profiles/AvatarRegPage.html * _code_ ____ : script/kids/3DMapSystemApp/profiles/ProfileRegPage.html * _code_ ____ : script/kids/3DMapSystemApp/profiles/MapRegPage.html __syntax__ <verbatim>function UserRegistration()</verbatim> __source code samples__ | *source path* | _script/kids/3DMapSystemApp/Login/NewUserRegPage.html_ | %CODE{"html"}% <!-- "script/kids/3DMapSystemApp/Login/NewUserRegPage.html" --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head> <title>New User Registration Page by LiXizhi 2008.2</title> </head> <body> <pe:mcml trans="ParaworldMCML"> <pe:tabs name="LoginTabParent" class="box" style="margin-top:5px;margin-bottom:40px"> <pe:tab-item text="注册" selected="true"> <div class="box" style="float:left;padding:3px;margin-top: 2px;margin-left: 10px;"> <img style="background:url(Texture/3DMapSystem/brand/paraworld_text_256X128.png);width:128px;height:64px;"/> </div> <div style="margin-left:15px;float:left;"> <hr/> <div style="padding:10px;font-size:14px"> 帕拉巫 (ParaWorld) 是一个<strong>3D 社交与创作平台</strong> 把你的创造<strong>展现</strong>给你和你周围的人 </div> <hr/> </div> <div style="margin-top:10px"> <div style="padding:10px;width:310px;float:left;"> <strong>Now in 3D! 加入它你可以…</strong> <ul> <li>联络朋友,了解他们的最新动态</li> <li>创造3D世界、游戏、电影,展示自我</li> <li>找到老同学结识新朋友 </li> <li>和朋友分享你的创作、相片和电影</li> <li>交流爱好和想法</li> <li>组织3D派对和其他活动</li> <li>建立您自己的3D互联网产业</li> </ul> </div> <div style="width:320px;float:left;"> <pe:editor labelwidth="120"> <span style="font-weight:bold;font-size:14px">立即注册新用户</span> <input type="hidden" name="referrer" value="116" /> <div style="float:left;margin-left:11px;margin-top:2px;">它是免费的</div><br /> <div style="width:120px;float:left;text-align:right">用户名:</div><input name="username" type="text"/><br/> <div style="width:120px;float:left;text-align:right">密码:</div><input name="password" type="password"/><br/> <div style="width:120px;float:left;text-align:right">确认密码:</div><input name="password_confirm" type="password"/><br/> <div style="width:120px;float:left;text-align:right">电子邮箱:</div><input name="email" type="text"/><br/> <div style="width:120px;float:left;text-align:right">性别:</div> <input type="radio" name="gender" value="male" checked="checked" id="gender" />男 <input type="radio" name="gender" value="female" id="Radio1" />女<br/> <div style="width:120px;float:left;text-align:right">出生日期:</div> <div style="width:190px;float:left;"> <select name="birth_year"><option value="-1" selected="selected">年:</option><option value="2006">2006</option><option value="2005">2005</option><option value="2004">2004</option><option value="2003">2003</option><option value="2002">2002</option><option value="2001">2001</option><option value="2000">2000</option><option value="1999">1999</option><option value="1998">1998</option><option value="1997">1997</option><option value="1996">1996</option><option value="1995">1995</option><option value="1994">1994</option><option value="1993">1993</option><option value="1992">1992</option><option value="1991">1991</option><option value="1990">1990</option><option value="1989">1989</option><option value="1988">1988</option><option value="1987">1987</option><option value="1986">1986</option><option value="1985">1985</option><option value="1984">1984</option><option value="1983">1983</option><option value="1982">1982</option><option value="1981">1981</option><option value="1980">1980</option><option value="1979">1979</option><option value="1978">1978</option><option value="1977">1977</option><option value="1976">1976</option><option value="1975">1975</option><option value="1974">1974</option><option value="1973">1973</option><option value="1972">1972</option><option value="1971">1971</option><option value="1970">1970</option><option value="1969">1969</option><option value="1968">1968</option><option value="1967">1967</option><option value="1966">1966</option><option value="1965">1965</option><option value="1964">1964</option><option value="1963">1963</option><option value="1962">1962</option><option value="1961">1961</option><option value="1960">1960</option><option value="1959">1959</option><option value="1958">1958</option><option value="1957">1957</option><option value="1956">1956</option><option value="1955">1955</option><option value="1954">1954</option><option value="1953">1953</option><option value="1952">1952</option><option value="1951">1951</option><option value="1950">1950</option><option value="1949">1949</option><option value="1948">1948</option><option value="1947">1947</option><option value="1946">1946</option><option value="1945">1945</option><option value="1944">1944</option><option value="1943">1943</option><option value="1942">1942</option><option value="1941">1941</option><option value="1940">1940</option><option value="1939">1939</option><option value="1938">1938</option><option value="1937">1937</option><option value="1936">1936</option><option value="1935">1935</option><option value="1934">1934</option><option value="1933">1933</option><option value="1932">1932</option><option value="1931">1931</option><option value="1930">1930</option><option value="1929">1929</option><option value="1928">1928</option><option value="1927">1927</option><option value="1926">1926</option><option value="1925">1925</option><option value="1924">1924</option><option value="1923">1923</option><option value="1922">1922</option><option value="1921">1921</option><option value="1920">1920</option><option value="1919">1919</option><option value="1918">1918</option><option value="1917">1917</option><option value="1916">1916</option><option value="1915">1915</option><option value="1914">1914</option><option value="1913">1913</option><option value="1912">1912</option><option value="1911">1911</option></select> <select name="birth_month"><option selected="selected" value="-1">月:</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option></select> <select name="birth_day"><option value="-1" selected="selected">日:</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select> <div><a tooltip="查看ParaWorld隐私条款" href="%WIKI%/Main/WhyProvideBirthday">为什么我需要提供生日?</a></div> <input tooltip="注册需要连接互联网" type="submit" DefaultButton="true" class="defaultbutton" name="register" value="接受条款并注册!" style="height:26px" onclick="Map3DSystem.App.Login.ParaworldStartPage.OnMCML_UserRegister"/> </div> <div>点击以上的注册按钮,我们将认为您已阅读并同意遵守<a tooltip="查看ParaWorld服务条款" href="%WIKI%/Main/TermsOfUse" target="_blank">ParaWorld服务条款</a></div> </pe:editor> </div> </div> </pe:tab-item> <pe:tab-item text="我可以做些什么?"> <pe:treeview> <span style="font-size: 16pt"> 地球尺度的世界,地球尺度的人口</span> <p>一个前所未有的人类新文明,将全世界的网络资源团结起来</p> <h2>编织真实关系网</h2> <li><a href="#">联络朋友,了解他们的最新动态</a></li> <li><a href="#">创造3D世界、游戏、电影,展示自我</a></li> <li><a href="#">找到老同学结识新朋友</a></li> <li><a href="#">和朋友分享你的创作、相片和电影</a></li> <li><a href="#">交流爱好和想法</a></li> <li><a href="#">组织3D派对和其他活动</a></li> <h2>创造3D世界</h2> <li><a href="#">创建我的3D家园</a></li> <li><a href="#">制作我的3D电影</a></li> <li><a href="#">发行我的多媒体作品</a></li> <li><a href="#">创办我的3D互联网产业</a></li> <li><a href="#">人类新文明的参与者、创作者、贡献者</a></li> <h2>娱乐在3D社交平台</h2> <li><a href="#">在你我的3D家园组织Party</a></li> <li><a href="#">遨游在地球尺度的世界,见识到全世界人口的智慧</a></li> <li><a href="#">开放我的娱乐天地,海纳天下客</a></li> <li><a href="#">在朋友之间游戏娱乐</a></li> </pe:treeview> </pe:tab-item> <pe:tab-item text="开发网"> <div style="padding:10px"> 每个人都可以参与到社区应用程序的开发中。让你的创意在<strong>成千上万的人群中传播</strong>。<br/> 只需10分钟就可以建立你自己的社区应用程序。 <a href="http://wiki/twiki/bin/view/Main/">我要了解更多</a> <h2>应用程序开发向导</h2> <a href="http://wiki/twiki/bin/view/Main/AppDevGuide">学习开发自己的社交应用程序</a> <h2>MCML</h2> <a href="http://wiki/twiki/bin/view/Main/MCML">MCML portal</a> <h2>NPL</h2> <a href="http://wiki/twiki/bin/view/Main/NPL">NPL portal</a> <h2>ParaWorld API</h2> <a href="http://wiki/twiki/bin/view/Main/ParaworldAPI">ParaWorld API portal</a> <h2>Forum</h2> <a href="http://wiki/twiki/bin/view/Forums/">Developer Forum</a> </div> </pe:tab-item> <!--<pe:tab-item text="新闻"> <div style="padding:10px"> <h2>新闻1</h2> <h2>新闻2</h2> <h2>新闻3</h2> <h2>新闻4</h2> </div> </pe:tab-item>--> </pe:tabs> </pe:mcml> </body> </html> %ENDCODE% | *source path* | _script/kids/3DMapSystemApp/profiles/ProfileRegPage.html_ | %CODE{"html"}% <!-- "script/kids/3DMapSystemApp/profiles/ProfileRegPage.html" --> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Profile registration page</title> </head> <body> <!--<pre>--> <pe:mcml style="max-width: 640px" align="center" trans="ParaworldMCML"> <script type="text/npl" src="script/kids/3DMapSystemApp/profiles/ProfileRegPage.lua"> Map3DSystem.App.profiles.RegPage.OnInit() </script> <pe:tabs name="ProfileTabParent" > <pe:tab-item text="基本信息" name="basic" selected="true"> <div style="margin-left:20px;margin:10px;"> <hr/> <div style="margin:5px">你可以通过<a href="#">隐私设置</a>控制谁可以看见以下内容</div> <hr/> <pe:editor labelwidth="120" style="background:;"> <div style="width:120px;float:left;text-align:right">* 姓名:</div><input name="username" type="text" style="width:160px"/><div style="float:left; margin-left:10px;"><font style="color:#808080">请用中文姓名</font></div><br/> <div style="width:120px;float:left;text-align:right">* 性别:</div> <input type="radio" name="gender" value="male" checked="checked" id="gender" />男 <input type="radio" name="gender" value="female" id="Radio1" />女<br/> <div style="width:120px;float:left;text-align:right">* 出生日期:</div> <div style="width:190px;float:left;"> <select name="birth_month"><option selected="selected" value="-1">月:</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option></select> <select name="birth_day"><option value="-1" selected="selected">日:</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select> <select name="birth_year"><option value="-1" selected="selected">年:</option><option value="1911">1911</option><option value="1912">1912</option><option value="1913">1913</option><option value="1914">1914</option><option value="1915">1915</option><option value="1916">1916</option><option value="1917">1917</option><option value="1918">1918</option><option value="1919">1919</option><option value="1920">1920</option><option value="1921">1921</option><option value="1922">1922</option><option value="1923">1923</option><option value="1924">1924</option><option value="1925">1925</option><option value="1926">1926</option><option value="1927">1927</option><option value="1928">1928</option><option value="1929">1929</option><option value="1930">1930</option><option value="1931">1931</option><option value="1932">1932</option><option value="1933">1933</option><option value="1934">1934</option><option value="1935">1935</option><option value="1936">1936</option><option value="1937">1937</option><option value="1938">1938</option><option value="1939">1939</option><option value="1940">1940</option><option value="1941">1941</option><option value="1942">1942</option><option value="1943">1943</option><option value="1944">1944</option><option value="1945">1945</option><option value="1946">1946</option><option value="1947">1947</option><option value="1948">1948</option><option value="1949">1949</option><option value="1950">1950</option><option value="1951">1951</option><option value="1952">1952</option><option value="1953">1953</option><option value="1954">1954</option><option value="1955">1955</option><option value="1956">1956</option><option value="1957">1957</option><option value="1958">1958</option><option value="1959">1959</option><option value="1960">1960</option><option value="1961">1961</option><option value="1962">1962</option><option value="1963">1963</option><option value="1964">1964</option><option value="1965">1965</option><option value="1966">1966</option><option value="1967">1967</option><option value="1968">1968</option><option value="1969">1969</option><option value="1970">1970</option><option value="1971">1971</option><option value="1972">1972</option><option value="1973">1973</option><option value="1974">1974</option><option value="1975">1975</option><option value="1976">1976</option><option value="1977">1977</option><option value="1978">1978</option><option value="1979">1979</option><option value="1980">1980</option><option value="1981">1981</option><option value="1982">1982</option><option value="1983">1983</option><option value="1984">1984</option><option value="1985">1985</option><option value="1986">1986</option><option value="1987">1987</option><option value="1988">1988</option><option value="1989">1989</option><option value="1990">1990</option><option value="1991">1991</option><option value="1992">1992</option><option value="1993">1993</option><option value="1994">1994</option><option value="1995">1995</option><option value="1996">1996</option><option value="1997">1997</option><option value="1998">1998</option><option value="1999">1999</option><option value="2000">2000</option><option value="2001">2001</option><option value="2002">2002</option><option value="2003">2003</option><option value="2004">2004</option><option value="2005">2005</option><option value="2006">2006</option></select> <div><a href="WhyProvideBirthday">为什么我需要提供生日?</a></div> </div> <br/> <div style="width:120px;float:left;text-align:right">* 家乡:</div> <select name="home_province"><option value="" selected="selected">家乡</option> <option value="北京">北京市</option><option value="上海">上海市</option><option value="天津">天津市</option><option value="重庆">重庆市</option><option value="黑龙江">黑龙江省</option><option value="吉林">吉林省</option><option value="辽宁">辽宁省</option><option value="山东">山东省</option><option value="山西">山西省</option><option value="陕西">陕西省</option><option value="河北">河北省</option><option value="河南">河南省</option><option value="湖北">湖北省</option><option value="湖南">湖南省</option><option value="海南">海南省</option><option value="江苏">江苏省</option><option value="江西">江西省</option><option value="广东">广东省</option><option value="广西">广西</option><option value="云南">云南省</option><option value="贵州">贵州省</option><option value="四川">四川省</option><option value="内蒙古">内蒙古</option><option value="宁夏">宁夏</option><option value="甘肃">甘肃省</option><option value="青海">青海省</option><option value="西藏">西藏</option><option value="新疆">新疆</option><option value="安徽">安徽省</option><option value="浙江">浙江省</option><option value="福建">福建省</option><option value="台湾">台湾省</option><option value="香港">香港</option><option value="澳门">澳门</option> </select> <select name="home_city"><option value="" selected="selected">选择城市</option> <option value="深圳">深圳</option> <option value="杭州">杭州</option> <option value="哈尔滨">哈尔滨</option> </select> <br/> <div style="margin-top:20px;"> <input type="submit" class="defaultbutton" name="save" value="保存修改" style="height:26px;margin-left:120px;" onclick="Map3DSystem.App.profiles.RegPage.OnSaveBasicInfo"/> <label name="basic_result" style="height:20px;margin-top:5px;margin-left:10px;color:#006600;font-weight:bold"/> </div> </pe:editor> </div> </pe:tab-item> <pe:tab-item text="联系方式" name="contact"> <div style="margin-left:20px;margin:10px;"> <hr/> <div style="margin:5px">每一项联系信息都可以单独设置隐私,请放心填写</div> <hr/> <pe:editor labelwidth="120" style="background:;width:320px"> <div style="width:120px;float:left;text-align:right">电子邮箱:</div> <input name="emailaddress" type="text"/><br/> <div style="width:120px;float:left;text-align:right">QQ号码:</div> <input name="qq" type="text"/><br/> <div style="width:120px;float:left;text-align:right">MSN:</div> <input name="msn" type="text"/><br/> <div style="width:120px;float:left;text-align:right">手机号码:</div> <input name="mobile_phone" type="text"/><br/> <div style="width:120px;float:left;text-align:right">固定电话:</div> <input name="office_phone" type="text"/><br/> <div style="width:120px;float:left;text-align:right">网站:</div> <textarea name="website" rows = "3"></textarea><br/> <div style="margin-top:20px;"> <input type="submit" class="defaultbutton" name="save" value="保存修改" style="height:26px;margin-left:120px;" onclick="Map3DSystem.App.profiles.RegPage.OnSaveContactInfo"/> <label name="contact_result" style="height:20px;margin-top:5px;margin-left:10px;color:#006600;font-weight:bold"/> </div> </pe:editor> </div> </pe:tab-item> <pe:tab-item text="交友" name="dating"> <div style="margin-left:20px;margin:10px;"> <hr/> <div style="margin:5px">这里填写的信息, 对你感兴趣的人可以看到</div> <hr/> <pe:editor labelwidth="120" style="background:;width:500px"> <div style="width:120px;float:left;text-align:right">交友/婚姻状况:</div> <select name="relationship"> <option selected="selected" value="0">选择状况:</option><option value="1">单身</option><option value="2">正在交友中</option><option value="5">已订婚</option><option value="4">已婚</option><option value="6">比较复杂</option><option value="3">希望广交朋友</option> </select><br/> <div style="width:120px;float:left;text-align:right">对谁感兴趣:</div> <input type="checkbox" name="meeting_sex1"/>女生/女士 <input type="checkbox" name="meeting_sex2"/>男生/男士<br/> <div style="width:120px;float:left;text-align:right">寻求:</div> <div style="float:left"> <input type="checkbox" name="meeting_for1"/>朋友 <input type="checkbox" name="meeting_for2"/>婚姻 <input type="checkbox" name="meeting_for3"/>笔友 <input type="checkbox" name="meeting_for4"/>圈子 </div> <br /> <div style="margin-top:20px;"> <input type="submit" class="defaultbutton" name="save" value="保存修改" style="height:26px;margin-left:120px;" onclick="Map3DSystem.App.profiles.RegPage.OnSaveRelationship"/> <label name="dating_result" style="height:20px;margin-top:5px;margin-left:10px;color:#006600;font-weight:bold"/> </div> </pe:editor> </div> </pe:tab-item> <pe:tab-item text="个人信息" name="personal"> <div style="margin-left:20px;margin:10px;"> <hr/> <div style="margin:5px">你可以通过<a href="#">隐私设置</a>控制谁可以看见以下内容</div> <hr/> <pe:editor labelwidth="90" style="background:;"> <div style="margin-left:90px;color:#808080;">您可以从外部程序复制(Ctrl+C)粘贴(Ctrl+V)到下面文本框中。</div> <div> <div style="width:90px;float:left;text-align:right">兴趣爱好:</div> <textarea name="interest" rows="3"></textarea><br/> </div> <div> <div style="width:90px;float:left;text-align:right">自我表述:</div> <textarea name="selfdescription" rows="7"></textarea><br/> </div> <div style="margin-top:5px"> <input type="submit" class="defaultbutton" name="save" value="保存修改" style="height:26px;margin-left:90px;" onclick="Map3DSystem.App.profiles.RegPage.OnSavePersonalInfo"/> <label name="personal_result" style="height:20px;margin-top:5px;margin-left:10px;color:#006600;font-weight:bold"/> </div> </pe:editor> </div> </pe:tab-item> <pe:tab-item text="教育信息" name="education"> <div style="margin-left:20px;margin:10px;"> <hr/> <div style="margin:5px">填写学校信息,可以帮助你找到老同学,你可以通过<a href="#">隐私设置</a>控制谁可以看见以下内容</div> <hr/> <pe:editor labelwidth="120" style="background:;"> <div style="font-weight:bold;width:120px;float:left;text-align:right">大学:</div> <select name="univ_name_0"><option value="" selected="selected">选择大学</option> <option value="浙江大学">浙江大学</option><option value="清华大学">清华大学</option><option value="北京大学">北京大学</option><option value="深圳大学">深圳大学</option><option value="哈尔滨工业大学">哈尔滨工业大学</option><option value="香港理工大学">香港理工大学</option><option value="香港中文大学">香港中文大学</option> </select> <select name="univ_year_0" tabindex="3" id="univ_year_0" class="select"><option value="0" selected="selected">入学年份</option> <option value="2008">2008</option><option value="2007">2007</option><option value="2006">2006</option><option value="2005">2005</option><option value="2004">2004</option><option value="2003">2003</option><option value="2002">2002</option><option value="2001">2001</option><option value="2000">2000</option><option value="1999">1999</option><option value="1998">1998</option><option value="1997">1997</option><option value="1996">1996</option><option value="1995">1995</option><option value="1994">1994</option><option value="1993">1993</option><option value="1992">1992</option><option value="1991">1991</option><option value="1990">1990</option><option value="1989">1989</option><option value="1988">1988</option><option value="1987">1987</option><option value="1986">1986</option><option value="1985">1985</option><option value="1984">1984</option><option value="1983">1983</option><option value="1982">1982</option><option value="1981">1981</option><option value="1980">1980</option><option value="1979">1979</option><option value="1978">1978</option><option value="1977">1977</option><option value="1976">1976</option><option value="1975">1975</option><option value="1974">1974</option><option value="1973">1973</option><option value="1972">1972</option><option value="1971">1971</option><option value="1970">1970</option> </select> <div style="float:left;margin-left:10px;color:#808080;">如果列表中没有,你可以<a href="#">添加大学</a></div> <br/> <div style="width:120px;float:left;text-align:right">院系:</div> <select name="department_0"><option value="" selected="selected">选择院系</option> <option value="计算机科学与技术">计算机科学与技术</option><option value="建筑学院">建筑学院</option><option value="美术学院">美术学院</option><option value="人文学院">人文学院</option> </select> <div style="float:left; margin-left:10px;color:#808080;">如果列表中没有,你可以<a href="#">添加院系</a></div><br/> <hr /> <div style="font-weight:bold;width:120px;float:left;text-align:right">高中:</div> <select name="highschool_name_0"><option value="" selected="selected">选择高中</option> <option value="深圳外语中学">深圳外语中学</option> <option value="哈尔滨师范大学附属中学">哈尔滨师范大学附属中学</option> <option value="哈尔滨第三中学">哈尔滨第三中学</option> </select> <select name="highschool_year_0" tabindex="3" id="Select1" class="select"><option value="0" selected="selected">入学年份</option> <option value="2008">2008</option><option value="2007">2007</option><option value="2006">2006</option><option value="2005">2005</option><option value="2004">2004</option><option value="2003">2003</option><option value="2002">2002</option><option value="2001">2001</option><option value="2000">2000</option><option value="1999">1999</option><option value="1998">1998</option><option value="1997">1997</option><option value="1996">1996</option><option value="1995">1995</option><option value="1994">1994</option><option value="1993">1993</option><option value="1992">1992</option><option value="1991">1991</option><option value="1990">1990</option><option value="1989">1989</option><option value="1988">1988</option><option value="1987">1987</option><option value="1986">1986</option><option value="1985">1985</option><option value="1984">1984</option><option value="1983">1983</option><option value="1982">1982</option><option value="1981">1981</option><option value="1980">1980</option><option value="1979">1979</option><option value="1978">1978</option><option value="1977">1977</option><option value="1976">1976</option><option value="1975">1975</option><option value="1974">1974</option><option value="1973">1973</option><option value="1972">1972</option><option value="1971">1971</option><option value="1970">1970</option> </select> <div style="float:left; margin-left:10px;color:#808080;">如果列表中没有,你可以<a href="#">添加学校</a></div> <br/> <div style="width:120px;float:left;text-align:right">班级:</div> <select name="highschool_class_0"><option value="0" selected="selected">班级:</option><option value="1">1班</option><option value="2">2班</option><option value="3">3班</option><option value="4">4班</option><option value="5">5班</option><option value="6">6班</option><option value="7">7班</option><option value="8">8班</option><option value="9">9班</option><option value="10">10班</option><option value="11">11班</option><option value="12">12班</option><option value="13">13班</option><option value="14">14班</option><option value="15">15班</option><option value="16">16班</option><option value="17">17班</option><option value="18">18班</option><option value="19">19班</option><option value="20">20班</option><option value="21">21班</option><option value="22">22班</option><option value="23">23班</option><option value="24">24班</option><option value="25">25班</option><option value="26">26班</option><option value="27">27班</option><option value="28">28班</option><option value="29">29班</option><option value="30">30班</option></select> <hr /> <div style="font-weight:bold;width:120px;float:left;text-align:right">初中:</div> <input type="text" name="middle_school" style="width:200px"/> <hr /> <div style="font-weight:bold;width:120px;float:left;text-align:right">小学:</div> <input type="text" name="element_school"style="width:200px"/> <hr /> <div style="margin-top:20px;"> <input type="submit" class="defaultbutton" name="save" value="保存修改" style="height:26px;margin-left:120px;" onclick="Map3DSystem.App.profiles.RegPage.OnSaveEducationInfo"/> <label name="education_result" style="height:20px;margin-top:5px;margin-left:10px;color:#006600;font-weight:bold"/> </div> </pe:editor> </div> </pe:tab-item> <pe:tab-item text="工作信息" name="work"> <div style="margin-left:20px;margin:10px;"> <hr/> <div style="margin:5px">填写工作信息,可以帮助你找到过去和现在的同事,你可以通过<a href="#">隐私设置</a>控制谁可以看见以下内容</div> <hr/> <pe:editor labelwidth="120" style="background:;"> <div style="width:120px;float:left;text-align:right">公司:</div> <input type="text" name="company_name_0" style="width:310px"/><br/> <div style="width:120px;float:left;text-align:right">描述:</div> <textarea name="company_desc_0" rows = "3" style="width:310px"></textarea><br/> <div style="width:120px;float:left;text-align:right">工作时间:</div> <div style="float:left"> <input type="checkbox" checked="checked" name="company_workhere_0"/>我现在在这家公司工作<br/> 开始工作的年份:<select name="company_year_0" tabindex="3" id="Select2" class="select"><option value="0" selected="selected">入职年份</option> <option value="2010">2010</option><option value="2009">2009</option><option value="2008">2008</option><option value="2007">2007</option><option value="2006">2006</option><option value="2005">2005</option><option value="2004">2004</option><option value="2003">2003</option><option value="2002">2002</option><option value="2001">2001</option><option value="2000">2000</option><option value="1999">1999</option><option value="1998">1998</option><option value="1997">1997</option><option value="1996">1996</option><option value="1995">1995</option><option value="1994">1994</option><option value="1993">1993</option><option value="1992">1992</option><option value="1991">1991</option><option value="1990">1990</option><option value="1989">1989</option><option value="1988">1988</option><option value="1987">1987</option><option value="1986">1986</option><option value="1985">1985</option><option value="1984">1984</option><option value="1983">1983</option><option value="1982">1982</option><option value="1981">1981</option><option value="1980">1980</option><option value="1979">1979</option><option value="1978">1978</option><option value="1977">1977</option><option value="1976">1976</option><option value="1975">1975</option><option value="1974">1974</option><option value="1973">1973</option><option value="1972">1972</option><option value="1971">1971</option><option value="1970">1970</option> </select> </div><br/> <hr/> <div style="margin-top:20px;"> <input type="submit" class="defaultbutton" name="save" value="保存修改" style="height:26px;margin-left:120px;" onclick="Map3DSystem.App.profiles.RegPage.OnSaveWorkInfo"/> <label name="work_result" style="height:20px;margin-top:5px;margin-left:10px;color:#006600;font-weight:bold"/> </div> </pe:editor> </div> </pe:tab-item> <pe:tab-item text="上传头像" name="uploadphoto"> <div style="margin-left:20px;margin:10px;"> <pe:editor labelwidth="120" style="background:;"> <div style="float:left;width:250px"> <h2>当前头像</h2> <hr/> 请上传大头照, 方便朋友认出你<br /> <img name="photo" src="Texture/3DMapSystem/brand/noimageavailable.dds" style="width:200px;height:150px;"/> </div> <div style="float:left;"> <h2>上传头像</h2> <hr/> 上传真实头像, 可以使你的访问次数提高200%以上,并且有机会出现在社区首页<br /> <div style="width:300px;float:left" ><input name="photopath" type="file" onchange="Map3DSystem.App.profiles.RegPage.OnSelectPhotoFile"/></div><input name="updatePhoto" type="button" value="刷新" onclick="Map3DSystem.App.profiles.RegPage.OnRefreshPhotoFile"/><br /> <div style="color:#808080;">支持 JPG、JPEG、GIF、BMP 和 PNG 文件格式,最大4M。头像高度超出宽度1.5倍的部分会被切除。 </div><br/> <div style="margin-top:10px;"> <input type="submit" class="defaultbutton" name="save" value="上传头像" style="height:26px;" onclick="Map3DSystem.App.profiles.RegPage.OnUploadUserPhoto"/> <label name="uploadphoto_result" style="height:35px;margin-top:5px;margin-left:10px;color:#006600;font-weight:bold"/> </div> <div style="color:#808080;"><h3>你知道么?</h3>你可以将上传的图片或朋友的图片,放置在自己的3D世界中。<a href="#">了解更多...</a></div> </div> </pe:editor> </div> </pe:tab-item> </pe:tabs> </pe:mcml> <!--</pre>--> </body> </html> %ENDCODE% ---++++ !MCML_Testcases test cases used when developing MCML * _code_ ____ : script/kids/3DMapSystemApp/mcml/test/browser.xml * _code_ ____ : script/kids/3DMapSystemApp/mcml/test/dlg_layoutflow.xml * _code_ ____ : script/kids/3DMapSystemApp/mcml/test/dlg_tabs.xml __syntax__ <verbatim>function MCML_Testcases()</verbatim> __source code samples__ | *source path* | _script/kids/3DMapSystemApp/mcml/test/browser.xml_ | %CODE{"xml"}% <!-- author: LiXizhi date: 2008.3.10 used by: file: script/kids/3DMapSystemApp/mcml/test/browser.xml mcml/test/test_mcmlBrowser.lua --> <pe:mcml> <pe:script> <![CDATA[ function TestFileBrowser_onclick(name, filepath) document:GetPageCtrl():SetUIValue("filepath", filepath); end function TestFileBrowser_OnDoubleClick(name, filepath) _guihelper.MessageBox(tostring(filepath)); end function TestSwitchTab(name, filepath) document:GetPageCtrl():SetUIValue("testTabs", 1); end function OnCheckFileBrowser(name, treeNode, filepath, Checked) if(treeNode and filepath) then if(Checked) then _guihelper.MessageBox("you checked "..filepath); else _guihelper.MessageBox("you UNchecked "..filepath); end end end function OnCreateNodeFileBrowser(name, treeNode, filepath) if(treeNode and filepath) then if(string.find(filepath, "lua$"))then -- check all *.lua file and make the text blue treeNode.TextColor = "#0066cc"; treeNode.Checked = true; end end end function RefreshPage() document:GetPageCtrl():SetUIValue("RefreshCounter", "page will be refreshed in 3 seconds"); document:GetPageCtrl():SetNodeValue("RefreshCounter", "Page refreshed!!!"); document:GetPageCtrl():Refresh(3); end function OnClickTabItem(tabpagename) _guihelper.MessageBox(tabpagename.." is clicked after controls inside are created\n"); end ]]> </pe:script> <pe:tabs name="testTabs"> <pe:tab-item text="fileBrowser Canvas3D"> <div style="float:left;width:300px;margin:10px"> <input name="filepath">Please select from below</input> <br/> <pe:filebrowser name="myFileBrowser" filter="*.lua;*.txt" rootfolder="script" onclick="TestFileBrowser_onclick()" ondoubleclick="TestFileBrowser_OnDoubleClick()" CheckBoxes="true" oncheck="OnCheckFileBrowser" oncreatenode="OnCreateNodeFileBrowser"></pe:filebrowser> </div> <div style="float:left;margin:10px"> This is an canvas 3d: <br/> <pe:canvas3d name="canvas1" autoRotateSpeed="0.12"> <![CDATA[ { name= "test model", AssetFile= "model/05plants/01flower/01flower/flower10_v_a.x", x=0,y=0,z=0, } ]]> </pe:canvas3d> </div> </pe:tab-item> <!--treeview test--> <pe:tab-item text="class test" name="classTest" onclick="OnClickTabItem"> <input type="button" value="test switch tab" onclick="TestSwitchTab"/><br/> the     following is from a treeview control <div class="box" style="width:200;height:200;color:#FFFFFF"> <div style="margin:5;padding:5;background-color:#FF0000;" class="white"> <div style="margin:5;padding:5;background-color:#00FF00" class="white"> <div style="margin:5;padding:5;background-color:#0000FF" class="white"> Start&nspb;Begin发网的计划End </div> </div> </div> </div> <br/> <font style="color:#FF0000">some red text</font> <br/> <pe:editor-buttonset class="box"> <pe:editor-button text="button3.set1" class="highlightbutton"/> <pe:editor-button text="button3.set1"/> </pe:editor-buttonset> </pe:tab-item> <!--alignment test--> <pe:tab-item text="alignment"> file uploader test <input style="width:300px" type="file" dir="script" name="ImageUploaderTest1"/> <input style="float:left" type="file" name="ImageUploaderTest"/> <input type="file" name="ImageUploaderTest2" fileext="images(*.jpg;*.bmp;)"> <input style="width:200px"/> <input type="button" value="browse..."/> </input> container alignment test <pe:container class="box" style="width:500px;height:280px"> <pe:container style="float:right;vertical-align: bottom">right bottom</pe:container> <pe:container style="float:left;vertical-align: bottom">left bottom</pe:container> <pe:container style="float:right;">right top</pe:container> <pe:container alignment="_ctt">_ctt:center top</pe:container> <pe:container alignment="_ctb">_ctb:center bottom</pe:container> <pe:container alignment="_ctl">_ctb:center left</pe:container> <pe:container alignment="_ctr">_ctb:center right</pe:container> <pe:container alignment="_ct">_ct:center</pe:container> </pe:container> </pe:tab-item> <!--page refresh test--> <pe:tab-item text="pagerefresh" selected="true"> page refresh test <input type="button" value="Refresh" onclick="RefreshPage"/> <label name="RefreshCounter" style="height:20px">Page is loaded. hit the refresh button to see page refresh.</label> </pe:tab-item> <!--editor test--> <pe:tab-item text="editor test"> <!--test pe:editor--> <pe:editor labelwidth="120"> some inner text some inner text some inner text some inner text some inner text some inner text <!--test pe:editor-buttonset--> <pe:editor-buttonset> <pe:editor-button text="button3.set1"/> <pe:editor-button text="button3.set1"/> </pe:editor-buttonset> <!--test pe:editor-text--> <pe:editor-text name="edtBox1" label="pe:editor-text" text="default text"/> <pe:editor-text name="edtBox2" label="multi-line(3 rows)" text="default text" rows="3"/> <!--test pe:editor-divider--> <pe:editor-divider /> <!--test pe:editor-custom--> <pe:editor-custom label ="pe:editor-custom" height="30"></pe:editor-custom> <pe:editor-divider /> <pe:editor-button name="TestSubmitBtn" text="test submit" onclick="test_pe_editor_button_onclick"/> </pe:editor> trailing test </pe:tab-item> </pe:tabs> </pe:mcml>%ENDCODE% | *source path* | _script/kids/3DMapSystemApp/mcml/test/dlg_tabs.xml_ | %CODE{"xml"}% <!-- author: LiXizhi date: 2008.2.16 used by: mcml/test/test_pe_design.lua --> <pe:dialog title="test all mcml design tags" x="100" y="50" width="400" height="360" onclick="test_pe_dialog_onclick"> <pe:tabs name="testTabs"> <!--treeview test--> <pe:tab-item text="treeview test"> the following is from a treeview control <div style="width:350;height:300"> <pe:treeview text="treeview test"> plain text <p style="color:#55AA22">p style="color:#55AA22"</p> long text auto tree node height;long text auto tree node height;long text auto tree node height <pe:treenode text="this is a tree node" expanded="false"> sub node1 <p style="color:#55AA22">p style="color:#55AA22"</p> long text auto tree node height;long text auto tree node height;long text auto tree node height </pe:treenode> <pe:treenode text="this is a tree node" expanded="false"> <h1>h1 title</h1> <h2>h2 title</h2> <h3>h3 title</h3> <h4>h4 title</h4> <hr/> <p>para graph test here </p> <a href="http://www.paraengine.com">HTML href text: pe_a </a> <img width="64" height="64" src="script/test/Movie_2.png" title="image inside text"/> <ul> <li>list 1: </li> <li>list 2: long text long text long text long text long text long text long text </li> <li>list 3: </li> </ul> </pe:treenode> </pe:treeview> </div> </pe:tab-item> <!--html test--> <pe:tab-item text="html test"> some inner text some inner text some inner text some inner text some inner text some inner text <h1>h1 title</h1> <h2>h2 title</h2> <h3>h3 title</h3> <h4>h4 title</h4> <hr/> <p>para graph test here </p> <a href="http://www.paraengine.com">HTML href text: pe_a </a> <img width="64" height="64" src="script/test/Movie_2.png" title="image inside text"/> <div style="color:#55AA22;position:absolute;left:87px;top:40px;width:250"> style="position:absolute;left:87px;top:40px;width:250" and image inside a href <a href="http://www.lixizhi.net"> <img width="64" height="64" src="script/test/Movie_2.png"/> </a> </div> <ul> <li>list 1: </li> <li>list 2: long text long text long text long text long text long text long text </li> <li>list 3: </li> </ul> </pe:tab-item> <!--editor test--> <pe:tab-item text="editor test" selected="true"> <!--test pe:editor--> <pe:editor labelwidth="120"> some inner text some inner text some inner text some inner text some inner text some inner text <!--test pe:editor-buttonset--> <pe:editor-buttonset> <pe:editor-button text="button3.set1"/> <pe:editor-button text="button3.set1"/> </pe:editor-buttonset> <!--test pe:editor-text--> <pe:editor-text name="edtBox1" label="pe:editor-text" text="default text"/> <pe:editor-text name="edtBox2" label="multi-line(3 rows)" text="default text" rows="3"/> <!--test pe:editor-divider--> <pe:editor-divider /> <!--test pe:editor-custom--> <pe:editor-custom label ="pe:editor-custom" height="30"></pe:editor-custom> <pe:editor-divider /> <pe:editor-button name="TestSubmitBtn" text="test submit" onclick="test_pe_editor_button_onclick"/> </pe:editor> trailing test </pe:tab-item> </pe:tabs> </pe:dialog> %ENDCODE% %STOPINCLUDE%
E
dit
|
A
ttach
|
P
rint version
|
H
istory
: r1
|
B
acklinks
|
V
iew topic
|
Ra
w
edit
|
M
ore topic actions
Topic revision: r1 - 2008-02-29
-
LiXizhi
Home
Site map
CCWeb web
HaqiTeen web
Main web
ParaEngine web
TWiki web
Main Web
Users
Groups
Index
Search
Changes
Notifications
RSS Feed
Statistics
导航页WebTopMenu
Preferences
开发指南
Getting Started
ParacraftSDK
NPL
MCML
NPL Reference Manual
美术Mod
Account
Log In
English
简体中文
簡體中文
E
dit
A
ttach
Copyright © 2008-2024 by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding TWiki?
Send feedback