注册后如何显示弹出框
How to show a popup box after registration?
我想在成员注册后显示一个弹出框,类似于jQuery弹出窗口。我想在弹出框中包含一个按钮,所以我无法使用警报功能。
这是我当前的代码:
if($_SESSION['msg']['reg-success'])
{
echo '<div class="success">'.$_SESSION['msg']['reg-success'].'</div>';
unset($_SESSION['msg']['reg-success']);
}
在这里你可以这样做。
<?php if($_SESSION['msg']['reg-success']) { ?>
<script type="text/javascript">
openPopup();// Call popup function
</script>
<?php } ?>
您将需要使用像javascript这样的动态脚本语言。 实质上设置用户单击按钮时 Div 的可见性。
您还需要在div 中添加一个 id:
echo '<div class="success" id="success">'.$_SESSION['msg']['reg-success'].'</div>';
本质上添加一个链接,如下所示:
echo "<a href='"javascript:hide(document.getElementById('success'))'">Hide box</a>";
然后添加脚本:
echo '<script type="text/javascript">
function hide(a){
a.style.display="none"
}
</script>';
那应该可以做到...最终结果是这样的:
if($_SESSION['msg']['reg-success']) {
echo '<div class="success" id="success">'.$_SESSION['msg']['reg-success'];
echo "<a href='"javascript:hide(document.getElementById('success'))'">Hide box</a>";
echo '</div>';
unset($_SESSION['msg']['reg-success']);
}
echo '<script type="text/javascript">
function hide(a){
a.style.display="none"
}
</script>';
你应该使用 Noty。我相信这是你正在寻找的东西。但是,您将不得不弄乱源代码,以完全按照用户注册后的网站所做的事情。
$('#form').submit(function() {
noty({
text: "Display your message HERE",
buttons: [
{type: 'button green', text: 'Enter your text for the button HERE', click: function($noty) {
$noty.close();
**doSomethingHere()**
}
},
{type: 'button pink', text: 'Enter your text for the button HERE', click: function($noty) {
$noty.close();
**doSomethingHere()**
}
}
],
closable: false,
timeout: false
});
return false;
});
如果您打算使用它,如果您需要帮助,请告诉我。您必须在站点中包含源代码,然后才能运行。单击此处获取站点的安装帮助
相关文章:
- 动画显示:无显示:内联
- 如何使用jquery使2个按钮切换css,而只使用1个按钮.不显示隐藏/显示
- IE 11没有显示“;显示内容"弹出消息
- 是否可以使用不显示到显示块的转换
- 单击提交时如何在 md 输入容器中显示突出显示错误
- 数据表:列显示在“显示/隐藏列”列表中,即使它具有“显示:无”样式
- 如何使显示:无显示:块元素不占用其在DOM中的原始空间
- 当我单击 jsPlumb 库中的箭头时如何显示突出显示
- 如何在使用<显示:表格><显示:列>时使表格行可单击
- 显示/不显示JavaScript警报,具体取决于LINQ查询的结果
- Javascript-显示/隐藏-显示活动直到单击
- Google Plus按钮未显示:FireBug显示一个“;NetworkError:404未找到”;
- Angular JS下拉菜单使用ng点击和ng显示来显示动态内容
- 切换时的过渡效果显示:无-显示:块
- 如何使用Jquery在高亮显示中显示选定的日期
- Json字符串如果键错误设置显示.否则显示数据
- 如何使用display=“显示”来显示隐藏的项目;none”;它们被存储在阵列中而不丢失'的旧房产
- 使用span显示和显示字符串的颜色部分
- 输入值显示一个值,但在显示中显示另一个值
- Javascript Hangman,字母不显示,显示数字