如何在Fancybox中仅显示注册表格在cakePHP中?

时间:2015-10-08 06:05:25

标签: cakephp

我是cakephp的新手任何人都可以帮助我。我有一个header.ctp

<div id="header">
        <a href="#"><?php echo $this->Html->image('1370972247-tp_logo_ww_1.png', array('alt'=>'wrangler','width'=>'205','height'=>'62','class'=>'logo','title'=>'wrangler','border'=>'0'));?></a>
        <!--Login Background Starts -->
        <div id="login-bg">
            <!--Login Area Starts -->
            <div id="login-area">
                <form action="" method="post" name="Login" id="Login">
                    <label>Members Login:</label>
                    <input type="text" name="username" id="username" />
                    <input type="password" name="pass" id="pass" />
                    <?php echo $this->Form->submit('/img/login-btn.gif',
                                                array('div' => false, 'class' => 'login-btn', 'name' => 'submit')); ?>
                    <br class="spacer" />
                </form>
                            <?php echo $this->Html->link('Request Access', 
                                    array('controller'=>'users','action'=>'add'),array('id'=>'linkFancyBox','style'=>'color:#FCF7CC;')); ?>

            </div>
            <!--Login Area Ends -->
        </div>


<!--Login Background Ends -->
        <br class="spacer" />
    </div>

<script type="text/javascript">

$(document).ready(function() { 
$("#linkFancyBox").fancybox({
'width'           : 600,

        'height'              : 650,

        'overlayOpacity'     :  '0.4',

        'overlayColor'       :  '#000',
    'hideOnContentClick' :   false,

        'autoScale'          :   false,

        'transitionIn'       :   'elastic',

        'transitionOut'  :   'elastic',

        'type'           :   'iframe',
      'scrolling' : 'no'

});
});
</script>

当我点击请求访问链接时,我想只显示整个网站的表格,请任何人帮助

1 个答案:

答案 0 :(得分:0)

Yup家伙终于得到了我的问题的答案。 第1步:为app / View / Layouts / popup.ctp中的弹出显示创建布局 step2:接下来只添加fetch('content'); ?&GT;在popup.ctp中 步骤3:在控制器中调用此布局以进行注册表单操作 第四步:点击链接我得到的弹出窗口只有表格完整的网站

注意:在步骤1,2,3,4之前,我们必须下载花式框的jquery和css文件并将其放在必要的文件夹中并将其添加到我们的主布局文件中。

 Thank you