发出关闭消息框 cookie

Question

我在为我的按钮实现关闭消息框功能时遇到了一些问题。
我是一个初学者，我并不完全理解这个功能。为了生成我的按钮，我使用了 php 和 css。

这是 PHP 代码（此代码位于 div 和 class "ajouer2" 内）：

[php]
require_once('lib/Browser.php');
$browser = new Browser();
if( $browser->getBrowser() == Browser::BROWSER_FIREFOX) {
echo ("<img src='http://www.monsite.fr/wp-content/uploads/2015/03/Firefox_2013_logoXS.png' height='50' width='50'><a onclick='addEngine()' class='firefox'> Ajouter à firefox</a>");
}else if( $browser->getBrowser() == Browser::BROWSER_EDGE) {
echo ("<img src='http://www.monsite.fr/wp-content/uploads/2016/01/edge_blue_logoXS.png' height='50' width=50'><a href='http://www.monsite.fr/ajouter-a/' target='_blank' class='firefox'> Ajouter à Edge</a>");
}else if( $browser->getBrowser() == Browser::BROWSER_CHROME) {
echo ("<img src='http://www.monsite.fr/wp-content/uploads/2015/03/chrome_2013_logoXS.png' height='50' width=50'><a href='https://chrome.google.com/webstore/...' target='_blank' class='firefox'> Ajouter à >Chrome</a>");
}else if( $browser->getBrowser() == Browser::BROWSER_SAFARI) {
echo ("<img src='http://www.monsite.fr/wp-content/uploads/2015/05/safari_logoXS2.png' height='50' width='50'><a class='firefox'> Bientôt sur Safari</a>");
}else if( $browser->getBrowser() == Browser::BROWSER_IE) {
echo ("<img src='http://www.monsite.fr/wp-content/uploads/2015/03/explorer_logoXS.png' height='50' width='50'><a onclick='AddSearch ()' class='firefox'> Ajouter à Int. Explorer</a>");
}else if( $browser->getBrowser() == Browser::BROWSER_OPERA) {
echo ("<img src='http://www.monsite.fr/wp-content/uploads/2015/03/opera_2013_logoXS.png' height='50' width='50'><a class='firefox'> Bientôt sur Opera</a>");
}
[/php]

与它一起设置按钮样式的 CSS：

.ajouter2
{
    display: inline-block;
    border-radius: 0px;
    width: 173px;
    height: 47px;
    margin-left:20px;
    background-color: #f7f7f7;
    border-color: #f7f7f7;
}

我的javascript要执行的功能：

    <script>
function closeBox(toClose) {
   document.getElementById(toClose).style.display = "none";
   setCookie(toClose, "closed", 365);
}
function setCookie(cName, value, expiredays) {
   var expDate = new Date();
   expDate.setDate(expDate.getDate()+expiredays);
   document.cookie=cName + "=" + escape(value) +
   ";expires=" + expDate.toGMTString();
}
function loadMsg(msgClass) {
   msg = document.getElementsByTagName("div");
   for (i=0; i<msg.length; i++) {
      if(msg[i].className == msgClass) {
         if(document.cookie.indexOf(msg[i].id) == -1) {
            msg[i].style.display = "block";
         }
      }
   }
}
</script>

随之而来的div：

<body onload="loadMsg('msgbox');">
   <div id="message-1" class="msgbox">
      <a href="#" class="close" onclick="closeBox('message-1'); return false;" title="Close This">X</a>
</div>
</body>

我的问题是将所有这些混合在一起。
我想将此功能赋予我的 PHP (ajouter2) 按钮，但我无法弄清楚。
我不知道如何编辑 "loadMsg(msgClass)" 部分以使其指向我的按钮。

如果有人可以帮助我理解该功能或将其与我的代码混合使用。
谢谢。

Answer 1

我解决了这个问题，这是一个语法问题...我是初学者，我花了很长时间才看到它，但现在没问题了！ :)

[php]
require_once('lib/Browser.php');
$browser = new Browser();
if( $browser->getBrowser() == Browser::BROWSER_FIREFOX) {
echo '<div id="message-1" class="msgbox"><img src="http://www.monsite.fr/wp-content/uploads/2015/03/Firefox_2013_logoXS.png" height="50" width="50"><a onclick="addEngine()" class="firefox"> Ajouter</a><a href="#" class="close" onclick="closeBox(\'message-1\')" title="Fermer">x</a></div>';
}else if( $browser->getBrowser() == Browser::BROWSER_EDGE) {
echo '<div id="message-1" class="msgbox"><img src="http://www.monsite.fr/wp-content/uploads/2016/01/edge_blue_logoXS.png" height="50" width="50"><a href="http://www.monsite.fr/ajouter-a/" target="_blank" class="firefox"> Ajouter</a><a href="#" class="close" onclick="closeBox(\'message-1\')" title="Fermer">x</a></div>';
}else if( $browser->getBrowser() == Browser::BROWSER_CHROME) {
echo '<div id="message-1" class="msgbox"><img src="http://www.monsite.fr/wp-content/uploads/2015/03/chrome_2013_logoXS.png" height="50" width="50"><a href="https://www.monsite.fr" target="_blank" class="firefox"> Ajouter</a><a href="#" class="close" onclick="closeBox(\'message-1\')" title="Fermer">x</a></div>';
}else if( $browser->getBrowser() == Browser::BROWSER_SAFARI) {
echo '<div id="message-1" class="msgbox"><img src="http://www.monsite.fr/wp-content/uploads/2015/05/safari_logoXS2.png" height="50" width="50"><a href="http://www.monsite.fr/ajouter-a/" target="_blank" class="firefox"> Ajoute</a><a href="#" class="close" onclick="closeBox(\'message-1\')" title="Fermer">x</a></div>';
}else if( $browser->getBrowser() == Browser::BROWSER_IE) {
echo '<div id="message-1" class="msgbox"><img src="http://www.monsite.fr/wp-content/uploads/2015/03/explorer_logoXS.png" height="50" width="50"><a onclick="AddSearch ()" class="firefox"> Ajouter</a><a href="#" class="close" onclick="closeBox(\'message-1\')" title="Fermer">x</a></div>';
}else if( $browser->getBrowser() == Browser::BROWSER_OPERA) {
echo '<div id="message-1" class="msgbox"><img src="http://www.monsite.fr/wp-content/uploads/2015/03/opera_2013_logoXS.png" height="50" width="50"><a href="http://www.monsite.fr/ajouter-a/" target="_blank" class="firefox"> Ajouter</a><a href="#" class="close" onclick="closeBox(\'message-1\')" title="Fermer">x</a></div>';
}

[/php]

发出关闭消息框 cookie

Issue Closing Message Boxes cookie

javascript

css

php

messagebox