帝国论坛 → 帝国网站管理系统交流区 → 帝国CMS使用交流 → [已解决] 不同分辨率下用灵动标签 loop 调用不同的条数问题 【本版专题贴子】  
 1/2     1 2 ›› ›|
主题：[已解决] 不同分辨率下用灵动标签 loop 调用不同的条数问题 [加入收藏夹]   

flnsll
用户头衔：进士

精华贴   ：0
发贴数   ：385
经验值   ：3137
注册时间：2008-11-23
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 1 楼]
[已解决] 不同分辨率下用灵动标签 loop 调用不同的条数问题
我想分辨率大于1739 时用灵动标签 loop 调用10 信息 ，分辨率小于1276 时用灵动标签 loop 调用6 信息 ，其余情况下用灵动标签 loop 调用8 信息  ，请教各位应该怎么写？ 谢谢！！！

代码如下：

认真学习各位朋友的建议，经过多次试验，终于解决，但代码并不完美，希望朋友们来完善。

<ul >
       
[e:loop={11,10,0,0,'','isgood  DESC'}]
<li id="loop<?=$bqno?>" style="display:none">
            <a href="<?=$bqsr[titleurl]?>"><?=$bqr[title]?>
            </a>
        </li>

[/e:loop]
   
   
   
</ul>


<script type="text/javascript">
(function() {                                 
if (screen.width >= 1740) {                                                       
$("#loop1").show();        $("#loop2").show();        $("#loop3").show();        $("#loop4").show();        $("#loop5").show();        $("#loop6").show();        $("#loop7").show();        $("#loop8").show();        $("#loop9").show();        $("#loop10").show();                       
}                                
else  if (screen.width < 1276)                               
{                                         
$("#loop1").show();        $("#loop2").show();        $("#loop3").show();        $("#loop4").show();        $("#loop5").show();        $("#loop6").show();       
}                                    
else
{                                       
$("#loop1").show();        $("#loop2").show();        $("#loop3").show();        $("#loop4").show();        $("#loop5").show();        $("#loop6").show();        $("#loop7").show();        $("#loop8").show();                          
}
})
(  )
</script>

在此对各位朋友再次表示感谢！！！

[该贴被修改 1 次，最后修改时间 2020-04-05 20:06:06 ]


2020-04-02 22:29:09 已设置保密 顶部 回复 引用 报告 编辑 删除

jiuhecai
用户头衔：探花

精华贴   ：0
发贴数   ：3004
经验值   ：8561
注册时间：2014-07-02
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 2 楼]

php可以通过服务器变量$_SERVER['HTTP_USER_AGENT']获取客户浏览器的一些信息。遗憾的是，并不包含分辨率。


考虑实现的方法，通过js，获取分辨率，传给服务器，然后调用。


帝国插件 插件定制。帝国临时工。查杀顽固木马。专业解决难题。qq--110102296
2020-04-03 07:20:11 已设置保密 顶部 回复 引用 报告 编辑 删除

pingpong
用户头衔：探花

精华贴   ：0
发贴数   ：9328
经验值   ：24281
注册时间：2008-11-02
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 3 楼]

两个都调用出来，然后用js判断显示哪个



2020-04-03 07:36:58 已设置保密 顶部 回复 引用 报告 编辑 删除

flnsll
用户头衔：进士

精华贴   ：0
发贴数   ：385
经验值   ：3137
注册时间：2008-11-23
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 4 楼]

我建了一个a.js文件内容如下：

(function() {
                                  if (screen.width >= 1740) {               
                                 var loop="[e:loop={13,10,0,0,'','newstime DESC'}]";
                                        document.writeln(loop);
                                }
                                else  if (screen.width < 1276)
                                {  
                                        var loop="[e:loop={13,6,0,0,'','newstime DESC'}]";
                                        document.writeln(loop);
                                }
                                    else
                                   {
                                        var loop="[e:loop={13,8,0,0,'','newstime DESC'}]";
                                        document.writeln(loop);
                                   }
})
(  )

然后在页面用<script  type="text/javascript" src="/skin/video/a.js"></script>调用，结果 [e:loop={13,10,0,0,'','newstime DESC'}] 直接显示到了页面，并且标签 [e:loop={13,10,0,0,'','newstime DESC'}] 不执行

请问如何修改使得标签   [e:loop={13,10,0,0,'','newstime DESC'}]  不在页面显示且能执行？
谢谢！

[该贴被修改 1 次，最后修改时间 2020-04-03 21:12:11 ]


2020-04-03 21:11:42 已设置保密 顶部 回复 引用 报告 编辑 删除

luoto
用户头衔：探花

精华贴   ：0
发贴数   ：5792
经验值   ：17457
注册时间：2008-11-08
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 5 楼]

放到div里，然后隐藏



2020-04-04 07:30:28 已设置保密 顶部 回复 引用 报告 编辑 删除

flnsll
用户头衔：进士

精华贴   ：0
发贴数   ：385
经验值   ：3137
注册时间：2008-11-23
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 6 楼]

<script type="text/javascript">
(function() {                                 
if (screen.width >= 1740) {                                                      
$("#loop10").attr("style","display:block;");                       
}                                
else  if (screen.width < 1276)                              
{                                         
$("#loop6").attr("style","display:block;");      
}                                    
else
{                                       
$("#loop8").attr("style","display:block;");                                 
}
})
(  )
</script>

<span  id="loop6" style=" display:none"> [e:loop={13,6,0,0,'','newstime DESC'}] </span>
<span  id="loop8" style="display:none"> [e:loop={13,8,0,0,'','newstime DESC'}] </span>
<span  id="loop10" style="display:none"> [e:loop={13,10,0,0,'','newstime DESC'}] </span>



用如上代码，结果 直接调用了 [e:loop={13,6,0,0,'','newstime DESC'}]  显示6条

如何修改使得能按分辨率不同而调用不同的条数？

请大家指点一下，谢谢！！！



2020-04-04 20:43:46 已设置保密 顶部 回复 引用 报告 编辑 删除

095hjg
用户头衔：进士

精华贴   ：0
发贴数   ：1537
经验值   ：5907
注册时间：2009-10-11
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 7 楼]

大于1739 时用灵动标签 loop 调用10 信息 ，
小于1276 时用灵动标签 loop 调用6 信息 ，
其余情况下用灵动标签 loop 调用8 信息

.pcd_ad{display:none !important;} 隐藏
.pcd_ad{display:block;} 显示

1280分辨率以上（大于1200px）
@media screen and (min-width:1739 px){
    #page{ width: 1100px; }
    #content,.div1{width: 730px;}#secondary{width:310px}
}

1100分辨率（大于960px，小于1199px）
@media screen and (min-width: 960px) and (max-width: 1199px) {
    #page{ width: 960px; }#content,.div1{width: 650px;}#secondary{width:250px}select{max-width:200px}
}

880分辨率（大于768px，小于959px）
@media screen and (min-width: 768px) and (max-width: 959px) {
    #page{ width: 900px; }#content,.div1{width: 620px;}#secondary{width:220px}select{max-width:180px}
}

720分辨率（大于480px，小于767px）
@media only screen and (min-width: 480px) and (max-width: 767px){
    #page{ width: 450px; }#content,.div1{width: 420px;position: relative; }#secondary{display:none}#access{width: 450px; }#access a {padding-right:5px}#access a img{display:none}#rss{display:none}#branding #s{display:none}
}

440分辨率以下（小于479px）
@media only screen and (max-width: 479px) {
    #page{ width: 300px; }#content,.div1{width: 300px;}#secondary{display:none}#access{width: 330px;} #access a {padding-right:10px;padding-left:10px}#access a img{display:none}#rss{display:none}#branding #s{display:none}#access ul ul a{width:100px}
}


网站建设/seo/推广/域名/服务器/400电话/企业邮箱/网站服务器托管 Q214973377
2020-04-05 00:03:05 已设置保密 顶部 回复 引用 报告 编辑 删除

忘事无忧
用户头衔：探花

精华贴   ：0
发贴数   ：10350
经验值   ：23592
注册时间：2007-12-26
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 8 楼]

改变你上面的span的style样式



2020-04-05 08:32:11 已设置保密 顶部 回复 引用 报告 编辑 删除

keven
用户头衔：举人

精华贴   ：0
发贴数   ：402
经验值   ：1238
注册时间：2010-04-07
信息 搜索 好友 发送悄悄话 【精益求精－帝国网站管理系统7.5正式版开源发布】   [第 9 楼]

楼上没错，可以用css样式来控制显示的条数


专业帝国二次开发、插件定制、APP、小程序定制！

【QQ1295945472】【WX 13361958852】
2020-04-05 09:44:57 已设置保密 顶部 回复 引用 报告 编辑 删除

jiuhecai
用户头衔：探花

精华贴   ：0
发贴数   ：3004
经验值   ：8561
注册时间：2014-07-02
信息 搜索 好友 发送悄悄话 【免费开源－EBMA系统：更安全的MYSQL管理和备份系统】   [第 10 楼]

<script type="text/javascript">
    $(function(){
        if (screen.width >= 1740){
            
        }else if(screen.width < 1276){                                         
            $("#loop10>li:gt(6)").hide();     
        }else{  
            $("#loop10>li:gt(8)").hide();                                 
        }
    });
</script>

<ul  id="loop10">
    [e:loop={13,10,0,0,'','newstime DESC'}]
        <li>
            <a href="<?=$bqsr[titleurl]?>"><?=$bqr[title]?>
            </a>
        </li>
    [/e:loop]
</ul>

[该贴被修改 1 次，最后修改时间 2020-04-05 21:10:32 ]

帝国插件 插件定制。帝国临时工。查杀顽固木马。专业解决难题。qq--110102296
2020-04-05 17:16:21 已设置保密 顶部 回复 引用 报告 编辑 删除
 1/2     1 2 ›› ›|

快速回复
内容

表情
使用EBB代码 使用smile代码 显示签名 自动分析url 自动分析img
     【进入高级模式】   (按 Ctrl+Enter 直接提交)
    顶部  加入收藏夹
关于帝国 | 广告服务 | 联系我们 | 法律声明 | 隐私条款 | 许可协议
Powered by： EBB Version 2.2.1