Difference between revisions of "Team:Hong Kong UCCKE/HTML Test"
| Line 21: | Line 21: | ||
<h2>H2 Heading</h2> | <h2>H2 Heading</h2> | ||
<h3>H3 Heading</h3> | <h3>H3 Heading</h3> | ||
| + | |||
<code>#top_title { | <code>#top_title { | ||
display: none; | display: none; | ||
| Line 28: | Line 29: | ||
<input type="checkbox" name="topbar" id="topbar" value="topbar" onchange="validate()"> Show top title and logo bar<br> | <input type="checkbox" name="topbar" id="topbar" value="topbar" onchange="validate()"> Show top title and logo bar<br> | ||
</form><br> | </form><br> | ||
| + | |||
<code>#top_menu_14 { | <code>#top_menu_14 { | ||
display: none; | display: none; | ||
| Line 35: | Line 37: | ||
<input type="checkbox" name="topbar" id="topnavbar" value="topnavbar" onchange="validate2()"> Show top nav bar<br> | <input type="checkbox" name="topbar" id="topnavbar" value="topnavbar" onchange="validate2()"> Show top nav bar<br> | ||
</form><br> | </form><br> | ||
| + | |||
<code>#top_menu_under { | <code>#top_menu_under { | ||
display: none; | display: none; | ||
| Line 42: | Line 45: | ||
}</code> | }</code> | ||
<p>The above code removes all margin of the content.</p> | <p>The above code removes all margin of the content.</p> | ||
| + | <form> | ||
| + | <input type="checkbox" name="margin" id="margin" value="margin" onchange="validate3()"> Show margin<br> | ||
| + | </form><br> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
| Line 56: | Line 62: | ||
} else { | } else { | ||
document.getElementById("top_menu_14").style.display = "none"; | document.getElementById("top_menu_14").style.display = "none"; | ||
| + | } | ||
| + | } | ||
| + | function validate3() { | ||
| + | if (document.getElementById('margin').checked) { | ||
| + | document.getElementById("top_menu_under").style.display = "initial"; | ||
| + | document.getElementById("content").style.margin-left = "initial"; | ||
| + | } else { | ||
| + | document.getElementById("top_menu_under").style.display = "none"; | ||
| + | document.getElementById("content").style.margin-left = "0px"; | ||
} | } | ||
} | } | ||
Revision as of 05:36, 20 June 2016
H1 Heading
H2 Heading
H3 Heading
#top_title {
display: none;
}
The above code hides the top title and logo bar.
#top_menu_14 {
display: none;
}
The above code hides the top nav bar.
#top_menu_under {
display: none;
}
#content {
margin-left: 0px;
}
The above code removes all margin of the content.
