2016-11-03 8 views
0

メッセージボックスを閉じるボタンを実装する際に問題が発生します。
私はかなり初心者です。私は完全に理解できません。 私のボタンを生成するには、私はphpとcssを使用しています。問題メッセージボックスのクローズを閉じる

[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; 
} 
ここ

は、PHPコード(このコードは、クラス "ajouer2" とdivの内側にある)であります

fonction行うには私の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)"の部分を編集してボタンをターゲットにする方法がわかりません。

誰かが私の機能を理解したり、自分のコードと混ぜてくれたら助かります。
ありがとうございます。

+1

ここでタイトルにSOLVEDはしません。あなたがあなたの答えを見つけたら、それを掲示して受け入れたり、質問を削除したりすることができます。 – j08691

+0

申し訳ありませんが、私はそれを編集します:) – tonarii

答えて

0

私はこの問題を解決しました。それは構文上の問題でした...私は初心者であり、それを見るのに長い時間がかかりましたが、今は大丈夫です! :)

[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] 
関連する問題