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


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

主题:插入页面

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


加好友 发短信
等级:七尾狐 帖子:1553 积分:11003 威望: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编辑过]

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


加好友 发短信
等级:七尾狐 帖子:1553 积分:11003 威望: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,怎么样实现再次插入这个页面

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


加好友 发短信
等级:七尾狐 帖子:1553 积分:11003 威望: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编辑过]

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


加好友 发短信
等级:七尾狐 帖子:1553 积分:11003 威望: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编辑过]

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


加好友 发短信
等级:七尾狐 帖子:1553 积分:11003 威望: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");
}

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


加好友 发短信
等级:七尾狐 帖子:1553 积分:11003 威望:0 精华:0 注册:2016/9/12 11:18:00
  发帖心情 Post By:2017/4/5 14:59:00 [显示全部帖子]

其他代码没有改动
楼上代码添加在js粉色部分,楼上的问题未解决,
1.每次插入后,浏览器屏幕依然回到所有p1、p2插入页面的顶部
2.跳转屏幕闪烁

麻烦瞧瞧(alert提示成功)
function tongji(){
    var result = submitAjaxForm('form1','',false);
    var p1 = document.getElementById("p1");
    var p2 = document.getElementById("p2");
    p1.innerHTML = p1.innerHTML + "<br/>" + p2.innerHTML;
    p2.innerHTML = result;
    alert("OK");
    window.location.hash = "#p2";
}
[此贴子已经被作者于2017/4/5 15:47:35编辑过]

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


加好友 发短信
等级:七尾狐 帖子:1553 积分:11003 威望:0 精华:0 注册:2016/9/12 11:18:00
  发帖心情 Post By:2017/4/5 18:47:00 [显示全部帖子]

说明1:因为下述2点原因,所以将2个页面(index.htm、index00.htm)的tabbar删掉了,所有父id都去掉了
1.涉及2个页面父id协调问题,不能使用tabbar
2.如果有tabbar,那么每次插入新页面,将每次都插入tabbar

说明2:现在上传的是:2个页面未用tabbar,当点击index.htm页面底部按钮“加载更多”,能够成功将页面index00.htm插入前一个页面,下述2点情况依然存在
1.每次插入后,浏览器屏幕依然回到所有p1、p2插入页面的顶部
2.跳转屏幕闪烁
 下载信息  [文件大小:   下载次数: ]
点击浏览该文件:web(2017-4-5).rar

 下载信息  [文件大小:   下载次数: ]
点击浏览该文件:langwo(2017-4-5).rar


另外:
/image.htm页面上传验证图片数量,已按下述链接8楼修改,但是还是有问题

[此贴子已经被作者于2017/4/5 18:54:19编辑过]

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


加好友 发短信
等级:七尾狐 帖子:1553 积分:11003 威望:0 精华:0 注册:2016/9/12 11:18:00
  发帖心情 Post By:2017/4/5 20:39:00 [显示全部帖子]


1、我也去掉了这句,测试

//window.location.hash = "#p2";


插入页面是正常的


但是,当第二次及之后,每次点击“加载更多”按钮,页面都回到:第一次插入页面的顶部,不知道你测试是不是这样?




 回到顶部