以文本方式查看主题

-  Foxtable(狐表)  (http://foxtable.com/bbs/index.asp)
--  专家坐堂  (http://foxtable.com/bbs/list.asp?boardid=2)
----  AddTabBar中:怎么默认打开app页面的时候就直接打开page1的页面内容 打开page1页面之后 点击里面的任何领域 都默认将内容显示在page1里面  (http://foxtable.com/bbs/dispbbs.asp?boardid=2&id=168899)

--  作者:cnsjroom
--  发布时间:2021/5/26 14:39:00
--  AddTabBar中:怎么默认打开app页面的时候就直接打开page1的页面内容 打开page1页面之后 点击里面的任何领域 都默认将内容显示在page1里面
怎么默认打开app页面的时候就直接打开page1的页面内容   打开page1页面之后  点击里面的任何领域 都默认将内容显示在page1里面

app页面代码如下:
Dim e As RequestEventArgs = args(0)
Dim wb As New weui
wb.AddForm("","form1","ceshi1.htm")
With wb.AddTabBar("", "tb1", 0)
   .AddPage("page1","线索举报","./images/cell.png").Attribute = "style=\'height: 100%;\'"
   .AddPage("page2","线索征集","./images/tab.png").Attribute = "style=\'height: 100%;\'"
   .AddPage("page3","法制宣传","./images/tab.png").Attribute = "style=\'height: 100%;\'"
   .AddPage("page4","个人中心","./images/tab.png").Attribute = "style=\'height: 100%;\'"
End With
wb.InsertHTML("page1","<div id=\'divpage1\'></div>")
wb.AppendHTML("<script>document.getElementById(\'page1_btn\').addEventListener(\'click\',function(){document.getElementById(\'divpage1\').innerHTML=sendA jaxText(\'ceshi1\',\'ceshi1.htm\',\'\',false);},false);</script>")
e.WriteString(wb.Build)

当前页面效果:
页面第一次打开时

图片点击可在新窗口打开查看此主题相关图片如下:0.png
图片点击可在新窗口打开查看
点击线索举报时

图片点击可在新窗口打开查看此主题相关图片如下:1.png
图片点击可在新窗口打开查看


[此贴子已经被作者于2021/5/26 14:40:13编辑过]

--  作者:有点蓝
--  发布时间:2021/5/26 15:00:00
--  
……
wb.InsertHTML("page1","<div id=\'divpage1\'></div>")
wb.InsertHTML("<script>document.getElementById(\'page1_btn\').click();</script>")
wb.AppendHTML("<script>document.getElementById(\'page1_btn\').addEventListener(\'click\',function(){document.getElementById(\'divpage1\').innerHTML=sendA jaxText(\'ceshi1\',\'ceshi1.htm\',\'\',false);},false);</script>")
e.WriteString(wb.Build)

--  作者:cnsjroom
--  发布时间:2021/5/26 15:49:00
--  回复:(有点蓝)……wb.InsertHTML("page1","<div...
……
wb.InsertHTML("page1","<div id=\'divpage1\'></div>")
wb.InsertHTML("<script>document.getElementById(\'page1_btn\').click();</script>")
wb.AppendHTML("<script>document.getElementById(\'page1_btn\').addEventListener(\'click\',function(){document.getElementById(\'divpage1\').innerHTML=sendA jaxText(\'ceshi1\',\'ceshi1.htm\',\'\',false);},false);</script>")
e.WriteString(wb.Build)

解决了默认打开page1页面
怎么实现  图片上有六个领域  不管点任何一个领域的把对应领域的页面显示在page1里面

--  作者:有点蓝
--  发布时间:2021/5/26 16:33:00
--  
同样的方法在点击事件里使用ajax获取页面然后给innerHTML赋值

document.getElementById(\'divpage1\').innerHTML=sendA jaxText(\'ceshi1\',\'ceshi1.htm\',\'\',false);

--  作者:cnsjroom
--  发布时间:2021/5/26 16:38:00
--  回复:(有点蓝)同样的方法在点击事件里使用ajax获取...
wb.AppendHTML("<script>document.getElementById(\'page1_btn\').addEventListener(\'click\',function(){document.getElementById(\'divpage1\').innerHTML=sendA jaxText(\'ceshi1\',\'ceshi1.htm\',\'\',false);},false);</script>")
在APP里面page1里面  对应复制上面代码6次   然后依次为ceshi1、2、3、4、5、6?

[此贴子已经被作者于2021/5/26 16:49:15编辑过]

--  作者:有点蓝
--  发布时间:2021/5/26 17:11:00
--  
给图片上六个领域 绑定点击事件
--  作者:cnsjroom
--  发布时间:2021/5/26 17:17:00
--  回复:(有点蓝)给图片上六个领域 绑定点击事件...

图片点击可在新窗口打开查看此主题相关图片如下:1.png
图片点击可在新窗口打开查看
这样操作对不呢?麻烦老师指导下!
 下载信息  [文件大小:   下载次数: ]
图片点击可在新窗口打开查看点击浏览该文件:qz.txt



--  作者:有点蓝
--  发布时间:2021/5/27 8:33:00
--  
既然是用原生的东西,麻烦去学学相关知识:

https://www.w3school.com.cn/tags/event_onclick.asp

绑定a标签事件:https://www.w3school.com.cn/tags/tag_a.asp
<a> 标签支持 HTML 中的事件属性

或者绑定图片事件:https://www.w3school.com.cn/tags/tag_img.asp

--  作者:cnsjroom
--  发布时间:2021/5/27 9:51:00
--  回复:(有点蓝)既然是用原生的东西,麻烦去学学相关...
着实也研究了几天  没有研究得到要领

wb.InsertHTML("page1","<div id=\'divpage1\'></div>")
wb.InsertHTML("<script>document.getElementById(\'page1_btn\').click();</script>")
wb.AppendHTML("<script>document.getElementById(\'page1_btn\').addEventListener(\'click\',function(){document.getElementById(\'divpage1\').innerHTML=sendAjaxText(\'ceshi\',\'ceshi.htm\',\'\',false);},false);</script>")

这个红色代码  也没有实现打开APP页面之后 默认就打开这个ceshi页面作为page1的内容
然后再打开ceshi页面里面的六个领域分别对应的ceshi1、2、3、4、5、6页面又直接显示在page1页面,确保AddTabBar一直显示在app页面底部



[此贴子已经被作者于2021/5/27 10:31:15编辑过]

--  作者:有点蓝
--  发布时间:2021/5/27 10:06:00
--  
可以试试

wb.InsertHTML("page1","<div id=\'divpage1\'></div>")
wb.AppendHTML("<script>document.getElementById(\'page1_btn\').addEventListener(\'click\',function(){document.getElementById(\'divpage1\').innerHTML=sendAjaxText(\'ceshi\',\'ceshi.htm\',\'\',false);},false);document.getElementById(\'page1_btn\').click();</script>")

如果不直接使用weui,建议还是先学一轮js,