<!-- "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>
<!--
<!--
-->
<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;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;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;margin-right:20px ">
域名:<br/>
<select name="
domain ">
<option selected="
selected " value="
pala5.cn ">pala5.cn</option>
<option value="
pala5.com ">pala5.com</option>
<option value="
paraweb3d.com ">paraweb3d.com</option>
<option value="
paraengine.com ">paraengine.com</option>
<option value="
kids3dmovie.com ">kids3dmovie.com</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 "/>
<!--
</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>
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 function UserRegistration()
source code samples
source path
script/kids/3DMapSystemApp/Login/NewUserRegPage.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>
<!--
新闻1
新闻2
新闻3
新闻4
-->
</pe:tabs>
</pe:mcml>
</body>
</html>
source path
script/kids/3DMapSystemApp/profiles/ProfileRegPage.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>
<!---->
<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 ">家乡</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 ">选择城市</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 ">选择大学</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 ">选择院系</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 ">选择高中</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>
<!-- -->
</body>
</html>
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 function MCML_Testcases()
source code samples
source path
script/kids/3DMapSystemApp/mcml/test/browser.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>
source path
script/kids/3DMapSystemApp/mcml/test/dlg_tabs.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> Topic revision: r1 - 2008-02-29 - 15:26:12 -
LiXizhi
Sample Code
Main Web
Create New Topic
Index
Search
Changes
Notifications
RSS Feed
Statistics
Preferences
Bugs
Copyright © 2004-2008 ParaEngine Corporation