Question

我有一个可能非常基本的问题。

我的index.php提交了一份简报。它是第三方系统（免费），非常好，在它的管理员/设置中它有以下字符串：

管理员/设置中的

相对字符串（返回简报提交按钮的页面）：

index.php?page=mail&

所以它将我发回到索引页面然后有一些PHP脚本更新并确认我订阅了时事通讯。

我在另一个人工作的帮助下做了一个弹出式div（允许，只要我给予信用），其中包括我的通讯php确认码。

目前它只在屏幕上显示：

<a href="#" class="topopup">Popup</a>

这是我想从相对字符串index.php自动弹出的弹出式代码？page = mail＆amp;所以我可以删除ahref =＃class = topup链接。

<div id="toPopup"> 
<div class="close"></div>
<span class="ecs_tooltip">Press Esc to close <span class="arrow"></span></span>
    <div id="popup_content"> <!--your content start-->
      <h2 align="center">All Coles Newsletter System</h2>
      <h3 align="center">bringing News, Birthdays, Events and Invites to your mailbox!</h3>
      <hr align="center" width="75%">
      <p style="text-align:center"> <?php
            if(isset ($_GET['page']))
            {
                if ($_GET['page'] == "mail")
                {
                include("maillist/mailmain.php");
                }

                if ($_GET['page'] == "about")
                {
                include("about.php");
                }
            }else {
                print("THIS IS WHERE THE PHP NEWSLETTER CONFIMATION UPDATES");
            }
        ?>  </p2>
        <hr align="center" width="75%">
        <p style="text-align:center; font-size: 12px;">
        <font style="text-decoration:underline; font-weight:bold;">TIP</font>
       : Remember to check your Junk Mail, and add 'administrator@allcoles.com' to your 
        <font style="text-decoration:underline; font-weight:bold;">SafeSenders</font>
         list.</p>
  </div>
</div>
<div class="loader"></div>
<div id="backgroundPopup"></div>

也有一个JS加载。

jQuery(function($) {

$("a.topopup").click(function() {
        loading(); // loading
        setTimeout(function(){ // then show popup, deley in .5 second
            loadPopup(); // function show popup 
        }, 500); // .5 second
return false;
});

/* event for close the popup */
$("div.close").hover(
                function() {
                    $('span.ecs_tooltip').show();
                },
                function () {
                    $('span.ecs_tooltip').hide();
                }
            );

$("div.close").click(function() {
    disablePopup();  // function close pop up
});

$(this).keyup(function(event) {
    if (event.which == 27) { // 27 is 'Ecs' in the keyboard
        disablePopup();  // function close pop up
    }   
});

$("div#backgroundPopup").click(function() {
    disablePopup();  // function close pop up
});

 /************** start: functions. **************/
function loading() {
    $("div.loader").show();  
}
function closeloading() {
    $("div.loader").fadeOut('normal');  
}

var popupStatus = 0; // set value

function loadPopup() { 
    if(popupStatus == 0) { // if value is 0, show popup
        closeloading(); // fadeout loading
        $("#toPopup").fadeIn(0500); // fadein popup div
        $("#backgroundPopup").css("opacity", "0.7"); // css opacity, supports IE7, IE8
        $("#backgroundPopup").fadeIn(0001); 
        popupStatus = 1; // and set value to 1
    }   
}

function disablePopup() {
    if(popupStatus == 1) { // if value is 1, close popup
        $("#toPopup").fadeOut("normal");  
        $("#backgroundPopup").fadeOut("normal");  
        popupStatus = 0;  // and set value to 0
    }
}
/************** end: functions. **************/
}); // jQuery End

我的表单是一个单独的php文件：

<?php include("globals.php"); ?>

<form action="<?php echo $website.$relative_string;?>" name="subscribe" onsubmit="javascript:return checkEmail(this);" method="post">
  <div id="cell8" class="titlecell2"><h3>Email:</h3></div>
     <div id="cell9" class="inputcell2">
        <input type="text" class="inputfield2" name="email" value="Your Email..." id="email2" maxlength="255" onfocus="this.value='';">
     </div>
     <div id="cell10" class="textcell3">
       <input name="group" type="hidden" id="group[]" value="<?php echo $group; ?>">
       <input name="subscribe" id="sub" type="radio" value="true" checked>
       </span>Subscribe</p>
     </div>
     <div id="cell11" class="buttoncell">
        <button type="submit" name="Submit2" value="Join" id="submitButton2">
        <span>Join</span>
        </button>
     </div>
     <div id="cell8" class="textcell4">
       <input type="radio" name="subscribe" id="unsub" value="false">
       </span>Un-Subscribe</p>
     </div>
  </form>
  <script>
var sub = document.getElementById('sub');
var unsub = document.getElementById('unsub');
var btn = document.getElementById('submitButton2');
sub.onchange = function() //When sub changes
{
if(sub.checked)  //If it's checked
{
    btn.innerHTML = "<span>Join</span>";
}
else // If not..
{
    btn.innerHTML = "<span>Leave</span>";
}
}
unsub.onchange = function() //When unsub changes
{
if(unsub.checked)  //If it's checked
{
    btn.innerHTML = "<span>Leave</span>";
}
else // If not..
{
    btn.innerHTML = "<span>Join</span>";
}
}
btn.onclick = function ()
{
  popupClick();
}
</script>

那就是很多！

Answer 1

您可以将弹出式点击功能更改为

function popupClick() {
        loading(); // loading
        setTimeout(function(){ // then show popup, deley in .5 second
            loadPopup(); // function show popup 
        }, 500); // .5 second

}

你可以在表单提交之后调用popupClick（），如下所示

print("<script>popupClick()</script>");

php字符串中的链接

1 个答案: