通过在codeigniter中加载视图来打开引导模态对话框
Opening a bootstrap modal dialog on by loading a view in codeigniter
场景:用户点击Login with Facebook
链接,但实际用户没有在数据库中注册。url的代码是:
<a href="<?php echo $this->authlib->fbloginURL(site_url() . 'auth/facebooklogin'); ?>">
在auth/facebooklogin()
函数中,我正在检查此条件,并且如果用户未注册,我想打开一个模式进行注册。
facebooklogin()
中检查和重定向的代码片段:
if(is_null( $this->authlib->has_account( $fb_id ) ) ) // User has no account
redirect('/auth/register_modal');
register_modal()
函数只是加载我想要显示的新视图:
function register_modal()
{
$this->load->view('include/header');
$this->load->view('auth/register_modal');
$this->load->view('include/footer');
}
为了讨论的目的,我的modal dialog
是:
<div class="modal hide" id="myModal">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">x</button>
<h3>Login to MyWebsite.com</h3>
</div>
<div class="modal-body">
<form method="post" action='' name="login_form">
<p><input type="text" class="span3" name="eid" id="email" placeholder="Email"></p>
<p><input type="password" class="span3" name="passwd" placeholder="Password"></p>
<p><button type="submit" class="btn btn-primary">Sign in</button>
<a href="#">Forgot Password?</a>
</p>
</form>
</div>
<div class="modal-footer">
New To MyWebsite.com?
<a href="#" class="btn btn-primary">Register</a>
</div>
</div>
这行不通。我在想我做错了什么?所有相关的引导文件都加载在头文件中。
我自己找到了解决办法。我只需要在我的模式中更改以下内容:
<div class="modal hide" id="myModal">
<div class="modal show" id="myModal">
。将hide
更改为show
。我真傻!
登录
</diV>
<div class="modal-body">
</div>
<div class="modal-footer" id="modal-footer" >
</div>
相关文章:
- 使用模态对话框(JQuery)编辑函数
- jQuery模态弹出的行为类似于确认和警报对话框
- jquery模态对话框通过id获取输入类型text的值
- ASP.net按钮单击时不使用Jquery模态对话框激发
- jBox模态对话框Created监听器函数从第二次开始就不起作用了
- 模态对话框与指令在角度,范围问题
- 模态对话框加载 jquery 在控制台中执行,但不从应用程序加载.js
- 让 JavaScript 函数等待 Jquery 对话框模态的结果
- 我怎样才能用javascript找出模态对话框的宽度和高度
- 在模态对话框中按键事件
- 带有 D3 图的引导模态对话框
- 跨浏览器显示模态对话框替换
- 基于Ionic和AngularJS的模态对话框导致应用程序冻结
- AngularJS 模态对话框表单对象在控制器中未定义
- JQuery 如何在按钮单击时启动模态框(对话框)
- 引导 3 - 模态背景不会根据模态对话框的高度调整大小
- 什么's是处理在JavaScript中显示对话框/模态的最有效方法
- 从子页调用对话框模态窗口时未关闭
- 创建一个带有参数的JQuery对话框模态函数
- 不确定如何使用jQuery UI对话框模态弹出