KmarsHub

Demo v6.0 - KmarsHub

<!DOCTYPE html>
<html>
<body>
<style>
.html {border-radius: 16px;}
</style>
<p id="kmars">Click the button to change the layout of this paragraph</p>

<a href="/2010/07/demo-v5.0.html">Demo v 5.0</a>
<button onclick="myFunction()">Click Me!</button>

<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>

When the user clicks on the button, 
toggle between hiding and showing the dropdown content   menuEdit */
function menuEdit() {
document.getElementById("dropEdit").classList.toggle("show");
var closeDrop = document.getElementById("dropSetting");
 if (closeDrop.classList.contains('show')) {
        closeDrop.classList.remove('show');
      }
}

function submenuEdit() {
document.getElementById("subdropEdit").classList.toggle("show");
}

// Close the dropdown if the user clicks outside of it
/*
window.onclick = function(event) {
  if (!event.target.matches('.dropbtn')) {

var dropdowns = document.getElementsByClassName("dropdown-content");
    var i;
    for (i = 0; i < dropdowns.length; i++) {
      var openDropdown = dropdowns[i];
      if (openDropdown.classList.contains('show')) {
        openDropdown.classList.remove('show');
      }
    }
  }
}
*/
</script>
</body>
</html>

Demo v6.0 - KmarsHub

HTML and CSS

XML

JavaScript

HTML

CSS

JavaScript

Exercises

Quizzes

SHARE

COLOR PICKER

KmarsHub Howto

KmarsHub Templates

Relate with us

Tools