selecting more compatible icons

This commit is contained in:
ville rantanen
2016-07-04 21:44:27 +03:00
parent a92d1fb16a
commit ab7798a290
2 changed files with 8 additions and 3 deletions

View File

@@ -19,6 +19,10 @@ function hidetoggle(name) {
} else { } else {
document.getElementById(name).style.display='inline-block'; document.getElementById(name).style.display='inline-block';
} }
hideOthers(name);
}
function hideOthers(name) {
var allElements = document.getElementsByTagName("*"); var allElements = document.getElementsByTagName("*");
for (var i = 0, n = allElements.length; i < n; ++i) { for (var i = 0, n = allElements.length; i < n; ++i) {
var el = allElements[i]; var el = allElements[i];
@@ -30,6 +34,7 @@ function hidetoggle(name) {
} }
function dropDown(name) { function dropDown(name) {
document.getElementById(name).classList.toggle("show"); document.getElementById(name).classList.toggle("show");
hideOthers('foo');
} }
// Close the dropdown menu if the user clicks outside of it // Close the dropdown menu if the user clicks outside of it

View File

@@ -20,17 +20,17 @@
<p onclick="dropDown('userAct')" class="dropbtn">&sube;&supe;</p> <p onclick="dropDown('userAct')" class="dropbtn">&sube;&supe;</p>
<div id="userAct" class="dropdown-content"> <div id="userAct" class="dropdown-content">
<a href="#" onclick="reload();">&#x21bb; Reload</a> <a href="#" onclick="reload();">&#x21bb; Reload</a>
<a href="{{ url_for('profile') }}">&#9786; Profile</a> <a href="{{ url_for('profile') }}">&#9817; Profile</a>
<a href="{{ url_for('logout') }}">&#10162; Logout</a> <a href="{{ url_for('logout') }}">&#10162; Logout</a>
</div> </div>
</div> </div>
{% if shop %} {% if shop %}
<span class="hspacer"></span> <span class="hspacer"></span>
<div class="dropdown"> <div class="dropdown">
<p onclick="dropDown('shopAct')" class="dropbtn">&#x2699;&#x2692;</p> <p onclick="dropDown('shopAct')" class="dropbtn">&#9757;&#9748;</p>
<div id="shopAct" class="dropdown-content"> <div id="shopAct" class="dropdown-content">
<a id="h2_edit" onclick="hidetoggle('disp_edit');growTextarea('edit_md');" class=pointer>&#x270e;&nbsp;Edit&nbsp;items</a> <a id="h2_edit" onclick="hidetoggle('disp_edit');growTextarea('edit_md');" class=pointer>&#x270e;&nbsp;Edit&nbsp;items</a>
<a id="h2_share" onclick="hidetoggle('disp_share')" class=pointer>&#9786;&nbsp;Share&nbsp;shop</a> <a id="h2_share" onclick="hidetoggle('disp_share')" class=pointer>&#9823;&nbsp;Share&nbsp;shop</a>
<a id="h2_restore" onclick="hidetoggle('disp_restore')" class=pointer>&#9851;&nbsp;Restore&nbsp;backup</a> <a id="h2_restore" onclick="hidetoggle('disp_restore')" class=pointer>&#9851;&nbsp;Restore&nbsp;backup</a>
<a id="h2_delete" onclick="hidetoggle('disp_delete')" class=pointer>&otimes;&nbsp;Delete&nbsp;shop</a> <a id="h2_delete" onclick="hidetoggle('disp_delete')" class=pointer>&otimes;&nbsp;Delete&nbsp;shop</a>
</div> </div>