zoukankan      html  css  js  c++  java
  • jquery . fancybox()

    1.父页面

    function chooseTopic(btn) {//选择议题
            $.fancybox({
                type : 'iframe',
                href : '',
                fitToView : false,
                width : '800',
                height : '420',
                overlayShow : false,
                autoSize : false,
                closeClick : false,
                openEffect : 'none',
                closeEffect : 'none',
                beforeClose : function() {
                    var topicId = $(".fancybox-iframe").contents().find("#topicId").val();传递子页面的数值
                    var topicName = $(".fancybox-iframe").contents().find("#topicName").val();传递子页面的数值                            
                       $(btn).val(topicName);
                }
            });
        }

     2.子页面

               <form  >
                    <table style="margin-top: 4px;  98%; height: 100%;" >
                        <thead>
                            <tr>
                                <th>序号</th>
                                <th >议题名称</th>
                            </tr>
                        </thead>
                        <tbody >
                            <c:forEach var="vft" items="${VoteFormTopices}" varStatus="status">
                                <tr>
                                    <td style="text-align: center;" id="sortIndex" >${status.index + 1}</td>
                                    <td ><a href="#" onclick="javascript:chooseTopic(this);" topicId="${vft.topic.id}" 
    topicName="${vft.topic.name}"> ${vft.topic.name}</a>
    </td> </tr> </c:forEach> </tbody> </table> </form>
    function chooseTopic (obj) {
        $("#topicId").val($(obj).attr("topicId"));
        $("#topicName").val($(obj).attr("topicName"));
        window.parent.$.fancybox.close(); 
    }
  • 相关阅读:
    [网络流24题] 深海机器人问题
    [网络流24题] 数字梯形问题
    处理银行卡号的格式
    每天十点的倒计时
    HTML meta标签总结与属性使用介绍
    禁止的一些操作
    input输入大于0的小数和整数
    cf 1037D BFS
    cf 1051F 树+图
    cf 911F 树的直径+贪心
  • 原文地址:https://www.cnblogs.com/mcahkf/p/5611066.html
Copyright © 2011-2022 走看看