请选择 进入手机版 | 继续访问电脑版

雨哲工作室

 找回密码
 立即注册

QQ登录

只需一步,快速开始

搜索
热搜: 活动 交友 discuz
雨哲工作室 资料库 超强嵌入点扩展组件 发贴时将分类信息下拉(select)字段改为浮窗选择
  • 全部资料
  • 查看资料

发贴时将分类信息下拉(select)字段改为浮窗选择

2018-4-23 17:50|分类: 超强嵌入点扩展组件 |发布用户: 雨哲

201804/24/181620hsyjlz4qplw51sqs.jpg

分类信息的功能很好,但在效果上有部分地方不尽人意,比如“选择(select)”字段默认是采用下拉方式选择,但在选项较多的时候就不方便操作了。

因有网友提及到该问题,所以根据需求实现了用浮动窗口去选择列方便操作,但有一个遗憾就是暂时只支持一级下拉,并不支持多级下拉。

默认选择方式

使用该功能组件后的效果


组件名称:论坛 发贴 下拉选项改弹出层效果-分类信息

组件变量:post_top_output@yz_sortfieldselect

手机嵌入:否

组件类型:文字(string)

模板内容:

{hookinput:configtips,<b>参数设置</b>,设置分类信息下拉选项更改为浮窗选择,<font color="red">注意,仅支持一级下拉</font>,hidden,https://www.yuzhe.name/library/item-252.html}{/hookinput}
{hookinput:configsortid,分类信息id,请填写要启用下拉选项更改为浮窗选择的分类信息id,多个id用英文逗号分隔,text}1{/hookinput}
{hookinput:configfields,字段编号,要启用浮窗选择的下拉字段编号,多个编号间用英文逗号分隔,编号为<a href="?action=threadtypes&operation=typeoption&classid=1" class="xi2" target="_blank">字段列表</a>中【详情】链接地址的optionid参数值,text}22,23{/hookinput}
{hookinput:configwidth,下拉框宽度,px,下拉框宽度,如果自动适应请填写auto,使用默认请留空,text}120{/hookinput}
{hookinput:configfwinwidth,浮窗宽度,px,浮动窗口的宽度,请填写具体数字,text}680{/hookinput}
[yuzhehook:code_getresult_login_after]
$this->sortselect['show'] = 0;
$configsortid = '{hookvalue:configsortid:php}';
$configfields = '{hookvalue:configfields:php}';
global $sortid;
if ($configsortid && $configfields && $sortid){
    if (in_array($sortid, explode(',', '{hookvalue:configsortid:php}'))){
        $this->sortselect['show'] = 1;
    }
}
[/yuzhehook:code_getresult_login_after]
<!--{if $this->sortselect['show']}-->
    <!--{oneif '{hookvalue:configwidth:php}' != ''}-->
        <style>.yftid a{width:{hookvalue:configwidth}{twoif '{hookvalue:configwidth:php}' != 'auto'}px{/twoif} !important;}</style>
    <!--{/oneif}-->
    <script type="text/javascript" reload="1">
        var arrsortselectload = [];
        var sortselecttitle = '选择';
        var arrsortselect = [{hookvalue:configfields}];
        var fwinwidth = {echo intval({hookvalue:configfwinwidth:php})};
    </script>
    <script type="text/javascript" src="{hookimg}sortfieldselect.js"></script>
<!--{/if}-->

插件介绍:雨哲超强嵌入点 插件是一款平台插件,通过后台添加在前台显示(基于模板的hook位置)指定内容的功能。

下载地址:http://addon.discuz.com/?@yuzhe_hook.plugin

分享到: 手机访问 分享给QQ好友 分享到QQ 分享到QQ空间 QQ空间 分享到新浪微博 新浪微博 分享到人人 人人网

手机扫码访问

企业微信 : 雨哲手机扫描添加到联系人手机扫描直接访问

QQ|关于我们|Archiver|手机版|小黑屋|雨哲工作室

GMT+8, 2019-3-22 02:07 , Processed in 0.071357 second(s), 18 queries .

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

返回顶部