Foxtable(狐表)用户栏目专家坐堂 → 插入页面


  共有1893人关注过本帖树形打印复制链接

主题:插入页面

帅哥哟,离线,有人找我吗?
zhangjian222200
  1楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:七尾狐 帖子:1550 积分:10977 威望:0 精华:0 注册:2016/9/12 11:18:00
插入页面  发帖心情 Post By:2017/4/4 23:12:00 [只看该作者]

下述代码插入页面正常,但是插入的页面显示在“插入页面”按钮下面

问:如何才能让插入页面,显示在“插入页面”按钮上面,这样,当页面再次到底页面底部,就可以再点击按钮加载了
Dim e As RequestEventArgs = args(0)                                '首页
Select Case e.Path
    Case "index.htm"
        Dim wb As New weui
        With wb.AddTabBar("", "tb1", 1)                            '使用TabBar,增加4个按钮(注:页面可以增加,但不考虑)
            .Addpage("bt1","首页","./images/a.png")
            .AddButton("bt2","记录","./images/b.png","http://www.foxtable.com")
            .AddButton("bt3","设置","./images/c.png","http://www.foxtable.com")
            .AddButton("bt4","我的","./images/d.png","/personal.htm")
        End With
        For i As Integer = 1 To 4
            With wb.AddArticle("bt1","ar" & i)
                .AddImage("./images/00" & i & ".jpg")
                .Attribute = "style='padding:0.5em;'"
            End With
            wb.AddForm("bt1","form" & i,"details.htm")
            With wb.AddInputGroup("form" & i,"ipg" & i)
                .AddInput("xm" & i,"年龄","text")
                .AddInput("pw" & i,"城市","text")
            End With
            With wb.AddButtonGroup("form" & i,"btg" & i,False)
                .Add("btn1" & i, "查看TA的资料", "submit")
            End With
        Next
        wb.AppendHTML("<div id='p1' style='margin:0.5em'></div>") '插入一个div,用于显示服务器返回的 页面
        With wb.AddButtonGroup("bt1","btg0", True)
            .Add("btns", "插入页面").Attri-bute= "on-click= 'tongji()'"
        End With
        wb.AppendHTML("<scri-pt src='./li-b/ajax-form_tongji.js'></script>") '引入脚本文件
        e.WriteString(wb.Build) '生成网页
End Select

js代码:
fun-ction tong-ji(){
    v-ar re-sult = sub-mitAjaxForm('form1','',false);
    docu-ment.get-ElementById("p1").inner-HTML=re-sult;
}


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

[此贴子已经被作者于2017/4/4 23:34:48编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
有点蓝
  2楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:109728 积分:558356 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2017/4/5 8:44:00 [只看该作者]

AppendHTML改为用InsertHTML,http://www.foxtable.com/mobilehelp/scr/0097.htm

 回到顶部
帅哥哟,离线,有人找我吗?
zhangjian222200
  3楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:七尾狐 帖子:1550 积分:10977 威望:0 精华:0 注册:2016/9/12 11:18:00
  发帖心情 Post By:2017/4/5 9:11:00 [只看该作者]

1楼代码,将下述代码改成粉色的样子
wb.insertHTML("bt1","<div id='p1' style='margin:0.5em'></div>")
实现了将页面添加到,“插入页面”按钮上方

这时,已经插入了details.htm,再次点击插入页面时,没有继续插入details.htm,怎么样实现再次插入这个页面

 回到顶部
帅哥哟,离线,有人找我吗?
有点蓝
  4楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:109728 积分:558356 威望:0 精华:9 注册:2015/6/24 9:21:00
  发帖心情 Post By:2017/4/5 9:18:00 [只看该作者]

1、再增加一个div做占位符

2、增加到原来的div内容之后

 docu-ment.get-ElementById("p1").inner-HTML=  docu-ment.get-ElementById("p1").inner-HTML + '<br />' + re-sult;

 回到顶部
帅哥哟,离线,有人找我吗?
zhangjian222200
  5楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:七尾狐 帖子:1550 积分:10977 威望:0 精华:0 注册:2016/9/12 11:18:00
  发帖心情 Post By:2017/4/5 11:08:00 [只看该作者]

回楼上,问题写在下面粉色处:
Dim e As RequestEventArgs = args(0)                                '首页
Select Case e.Path
    Case "index.htm"
        Dim wb As New weui
        With wb.AddTabBar("", "tb1", 1)                           
            .Addpage("bt1","首页","./images/a.png")
            .AddButton("bt2","记录","./images/b.png","http://www.foxtable.com")
            .AddButton("bt3","设置","./images/c.png","http://www.foxtable.com")
            .AddButton("bt4","我的","./images/d.png","/personal.htm")
        End With
        For i As Integer = 1 To 4
            With wb.AddArticle("bt1","ar" & i)
                .AddImage("./images/00" & i & ".jpg")
                .Attribute = "style='padding:0.5em;'"
            End With
            wb.AddForm("bt1","form" & i,"details.htm")
            With wb.AddInputGroup("form" & i,"ipg" & i)
                .AddInput("xm" & i,"年龄","text")
                .AddInput("pw" & i,"城市","text")
            End With
            With wb.AddButtonGroup("form" & i,"btg" & i,False)
                .Add("btn1" & i, "查看TA的资料", "submit")
            End With
        Next
        wb.insertHTML("bt1","<div id='p1' style='margin:0.5em'></div>") '插入一个div,用于显示服务器返回的页面
        wb.insertHTML("bt1","<div></div>")       '这样做占位符,可以?
        With wb.AddButtonGroup("bt1","btg0", True)
            .Add("btns", "插入页面").Attri-bute= "on-click= 'tongji()'"
        End With
        wb.AppendHTML("<scri-pt src='./li-b/ajax-form_tongji.js'></script>") '引入脚本文件
        e.WriteString(wb.Build) '生成网页
End Select

我主要是想多次插入,每次点击“插入页面”按钮,追加插入一段,
如何将下述代码放在原js中?
docu-ment.get-ElementById("p1").inner-HTML=  docu-ment.get-ElementById("p1").inner-HTML + '<br />' + re-sult;
原js
fun-ction tong-ji(){
    v-ar re-sult = sub-mitAjaxForm('form1','',false);
    docu-ment.get-ElementById("p1").inner-HTML=re-sult;
}
[此贴子已经被作者于2017/4/5 11:08:52编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
有点色
  6楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:13837 积分:69650 威望:0 精华:0 注册:2016/11/1 14:42:00
  发帖心情 Post By:2017/4/5 11:15:00 [只看该作者]

改成

 

fun-ction tong-ji(){
    v-ar re-sult = sub-mitAjaxForm('form1','',false);
    docu-ment.get-ElementById("p1").inner-HTML=  docu-ment.get-ElementById("p1").inner-HTML + '<br />' + re-sult;
}

 回到顶部
帅哥哟,离线,有人找我吗?
zhangjian222200
  7楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:七尾狐 帖子:1550 积分:10977 威望:0 精华:0 注册:2016/9/12 11:18:00
  发帖心情 Post By:2017/4/5 11:38:00 [只看该作者]

按楼上,连续插入成功

但是有个问题,所有插入的页面都是都是作为一个整体插入的,测试发现,插入后,浏览器都回到所有后续插入页面的顶部

怎么样才能不用每次将所有后续页面整体作为p1插入,只插入p1= result 呢?
[此贴子已经被作者于2017/4/5 11:40:12编辑过]

 回到顶部
帅哥哟,离线,有人找我吗?
有点色
  8楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:13837 积分:69650 威望:0 精华:0 注册:2016/11/1 14:42:00
  发帖心情 Post By:2017/4/5 11:52:00 [只看该作者]

 页面放两个div占位符,旧的插入第一个div,新的插入第二个div。

 

var p1 = docu-ment.get-ElementById("p1");

var p2 = docu-ment.get-ElementById("p2");

p1.innerHTML = p1.innerHTML + "<br/>" + p2.innerHTML;

p2.innerHTML = result;

alert("OK");


 回到顶部
帅哥哟,离线,有人找我吗?
zhangjian222200
  9楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:七尾狐 帖子:1550 积分:10977 威望:0 精华:0 注册:2016/9/12 11:18:00
  发帖心情 Post By:2017/4/5 13:42:00 [只看该作者]

参楼上,插入页面成功,但是:每次插入后,浏览器屏幕依然回到所有p1、p2插入页面的顶部

inserthtml及之后,改成如下代码:
        wb.insertHTML("bt1","<div id='p1' style='margin:0.5em'></div>") '插入一个div,用于显示服务器返回的 页面
        wb.insertHTML("bt1","<div id='p2' style='margin:0.5em'></div>") 
        wb.insertHTML("bt1","<div></div>") 
        With wb.AddButtonGroup("bt1","btg0", True)
            .Add("btns", "加载更多").Attri-bute= "on-click= 'tong-ji()'"
        End With
        wb.AppendHTML("<script src='./lib/ajax-form_tong-ji.js'></script>") '引入脚本文件
        e.WriteString(wb.Build) '生成网页
End Select
js代码:
func-tion tongji(){
    v-ar re-sult = sub-mitAjaxForm('form1','',fal-se);
    v-ar p1 = docu-ment.get-ElementById("p1");
    v-ar p2 = docu-ment.get-ElementById("p2");
    p1.inner-HTML = p1.inner-HTML + "<br/>" + p2.inner-HTML;
    p2.inner-HTML = re-sult;
    al-ert("OK");
}

 回到顶部
帅哥哟,离线,有人找我吗?
有点色
  10楼 | 信息 | 搜索 | 邮箱 | 主页 | UC


加好友 发短信
等级:超级版主 帖子:13837 积分:69650 威望:0 精华:0 注册:2016/11/1 14:42:00
  发帖心情 Post By:2017/4/5 14:22:00 [只看该作者]

 跳转到p2即可试试,代码写到最后

 

window.location.hash = "#p2";


 回到顶部
总数 16 1 2 下一页