rtl-ui-2

来源：互联网发布：如何写商业计划书知乎编辑：程序博客网时间：2024/05/15 05:38

1、修改页面的一些背景颜色：

-var MTMBackground = "", MTMBGColor = "#000000", MTMTextColor = "#FFFFFF", MTMLinkColor = "#FFFFFF", MTMTrackColor = "#000000", MTMAhoverColor = "#FF0000", MTMSubExpandColor = "#0000FF", MTMSubClosedColor = "#666699", MTMSubTextColor = "#FFFFFF";

+var MTMBackground = "", MTMBGColor = "#999999", MTMTextColor = "#FFFFFF", MTMLinkColor = "#FFFFFF", MTMTrackColor = "#000000", MTMAhoverColor = "#FF0000", MTMSubExpandColor = "#0000FF", MTMSubClosedColor = "#666699", MTMSubTextColor = "#FFFFFF";

采用的是十六进制颜色，根据需要修改所需颜色

2、修改ico和网页title，topbar.gif图片等，只需要找到相关文件修改即可

title修改：

+<title>ABCDEF</title>

3、修改时区，一般时区默认都是大陆，所以修改如下

在flash.c里修改：

- strcpy(pMib->ntpTimeZone,"-8 4");

- pMib->ntpServerIp1[0]=0;

- pMib->ntpServerIp1[1]=0;

- pMib->ntpServerIp1[2]=0;

- pMib->ntpServerIp1[3]=0;

+ strcpy(pMib->ntpTimeZone,"-8 1");

+ pMib->ntpServerIp1[0]=203;

+ pMib->ntpServerIp1[1]=117;

+ pMib->ntpServerIp1[2]=180;

+ pMib->ntpServerIp1[3]=36;

4、删去wizard中某些页面，修改如下;

- showWizard_div( "wlan_band_mode_div");

+ showWizard_div( "wlan2_div0");

5、删去某些页面文字行，直接屏蔽即可：

+// document.write('<li>' + wizard_content2 + '</li>');

+// document.write('<li>' + wizard_content3 + '</li>');

6、删去目录及对应页面，直接屏蔽即可：

+// wlan0.addItem(menu_wds, get_form("wlwds.htm",i), "", "Setup wireless distribution system");

7、页面居中：

-<FRAMESET ROWS="130,1*" COLS="*" BORDER="0" FRAMESPACING="0" FRAMEBORDER="NO">

- <FRAME SRC="title.htm" NAME="title" FRAMEBORDER="NO" SCROLLING="NO" MARGINWIDTH="0" MARGINHEIGHT="0">

- <FRAMESET COLS="180,1*">

- <frameset frameborder="0" framespacing="0" border="0" cols="*" rows="0,*">

- <frame marginwidth="0" marginheight="0" src="code.htm" name="code" noresize scrolling="no" frameborder="0">

- <frame marginwidth="5" marginheight="5" src="menu_empty.html" name="menu" noresize scrolling="auto" frameborder="0">

- </frameset>

- <frame SRC="wizard.htm" NAME="view" SCROLLING="AUTO" MARGINWIDTH="0" TOPMARGIN="0" MARGINHEIGHT="0" FRAMEBORDER="NO">

- </FRAMESET>

-</FRAMESET>

+ <frameset cols="*,900,*">

+ <frame name="gapLeft" frameBorder="0" marginWidth="0" marginHeight="0" noResize="noresize" scrolling="no"/>

+ <FRAMESET ROWS="130,1*" COLS="*" BORDER="0" FRAMESPACING="0" FRAMEBORDER="NO">

+ <FRAME SRC="title.htm" NAME="title" FRAMEBORDER="NO" SCROLLING="NO" MARGINWIDTH="0" MARGINHEIGHT="0">

+ <FRAMESET COLS="180,1*">

+ <frameset frameborder="0" framespacing="0" border="0" cols="*" rows="0,*">

+ <frame marginwidth="0" marginheight="0" src="code.htm" name="code" noresize scrolling="no" frameborder="0">

+ <frame marginwidth="5" marginheight="5" src="menu_empty.html" name="menu" noresize scrolling="auto" frameborder="0">

+ </frameset>

+ <frame SRC="wizard.htm" NAME="view" SCROLLING="AUTO" MARGINWIDTH="0" TOPMARGIN="0" MARGINHEIGHT="0" FRAMEBORDER="NO">

+ </FRAMESET>

+ <frame name="gapRight" frameBorder="NO" marginWidth="0" marginHeight="0" scrolling="auto" TOPMARGIN="0"/>

+ </frameset>

加了好几个frameset框架来起居中作用。

8、在JS里面用alert("item.url:"+item.url);来调试比较方便

类似内核里printf和printk串口打印调试

9、在menu_empty.html可以对mtmcode.js里面不同的类进行CSS设置，如下：

/* this is only a Mozilla quirk fix */

+a {

+ font-family: Arial,Verdana,sans-serif,"Lucida Grande","Lucida Sans Unicode","宋体";

+ font-size: 12px;

+ text-decoration:none;

+ height: 45px;

+ line-height: 45px;

+ padding-left: 60px;

+// background-image: url(menu-images/454.png);

+// background-repeat: no-repeat;

+// background-attachment：local;

+ color: #647186;}

+tr {

+ background-image: url(menu-images/454.png);

+ background-repeat: no-repeat;

10、如何将不同目录区分开：

if((thisItem.number == 1) || (thisItem.number == 2)

thisItem.number 这个就比较关键，可以通过alert调试出来number号

然后可以对目录进行分类了：

+ tempString += 'class="' + "hjb" + '" ';}

11、当复位按键时间2~5秒时候，灯开始闪烁：

if (probe_counter%2==0)

system_led_on();

else

system_led_off();

12、当超过5秒时候恢复出厂设置：

@@ -445,13 +446,13 @@ void rtl_gpio_timer(void)

DPRINTK("2-5 reset\n");

cyg_flag_setbits(&sys_flag, 0x1);

return;

- } */

- else {

+ }

+ /* else {

DPRINTK("reload default\n");

probe_counter = 0;

cyg_flag_setbits(&sys_flag, 0x2);

return;

- }

+ } */

关键是cyg_flag_setbits(&sys_flag, 0x2);里面0x1和0x2的区别，当然也可以找到cyg_flag_setbits定义看一看

13、第9步里面会导致IE浏览器不兼容，谷歌是OK的，只得重新想办法

先把menu_empty.html里面增加的内容全部清空。

发现在mtmcode.js里面addRule函数即相当于CSS功能，修改如下：

addRule('a',

+ 'display:block;'+

+ 'width:221px;'+

+ 'height: 45px;'+

+ 'font-family:' + MTMenuFont +

+ ';font-size:' + MTMenuCSSize +

+ ';text-decoration:none;color:' + MTMLinkColor +

+ ';line-height: 45px'+

+ ';text-indent:60px'+

+ ';background:url(menu-images/454.png);'

+ );

+ addRule('a.hjb',

+ 'display:block;'+

+ 'width:221px;'+

+ 'height: 45px;'+

+ 'font-family:' + MTMenuFont +

+ ';font-size:' + MTMenuCSSize +

+ ';text-decoration:none;color:' + MTMLinkColor +

+ ';line-height: 45px'+

+ ';text-indent:60px'+

+ ';background:#DDDDDD;'

+ );

14、选项点击了，看起来没有选中，修改如下：

@@ -851,6 +851,16 @@ function showWizard_div(divName)

{

wizardHideDiv();

show_div(true, divName);

+ if(divName == "opmode_div"){

+ if (opModeVal == 0){

+// alert("gw");

+ document.getElementById("opmode_gw_checked").checked = true;

+ }

+ else{

+// alert("wisp");

+ document.getElementById("opmode_wisp_checked").checked = true;

+ }

关键是这一句：document.getElementById("opmode_gw_checked").checked = true;

15、按键固定在页面某个地方，两种方法：

一种是增加一行：+ <tr><td colspan="2" height="10"></td></tr>，每个页面慢慢调整

一种是在div行就开始用style修改：

-<div>

+<div style="position:absolute;top:300px;">

虽然以前没有弄过页面，如HTML CSS JS这些，但结合上下文，不懂得几个语句网上查一下，照葫芦画瓢就可以增加或者修改代码了

0 0