javascript — cookie, закрывающий окна сообщений о проблеме

Question

javascript — cookie, закрывающий окна сообщений о проблеме

У меня возникла проблема с реализацией функции закрытия окна сообщений для моей кнопки.
Я довольно новичок, и я не совсем понимаю назначение.
Для создания моей кнопки я использую php и css.

Вот код PHP (этот код находится внутри div с классом «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)" часть, чтобы заставить это предназначаться для моей кнопки.

Если кто-то может помочь мне понять функцию или смешать ее с моим кодом.
Благодарю.

0

css javascript messagebox php

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Я решил проблему, это была проблема с синтаксисом … Я новичок, и мне потребовалось много времени, чтобы увидеть это, но теперь все в порядке! 🙂

[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]

0