hideElement
Category:UI controls
hideElement(id)
Hides the element with the provided id so it is not shown on the screen.
The user interface elements you place on the screen are not static. Your app sometimes needs to move, resize, hide or show them. All UI elements (button(), textInput(), textLabel(), dropDown(), checkBox(), radioButton(), image()), can be hidden.
Examples
Blinking
Make the Code.org logo blink.
// Make the Code.org logo blink.
image("logo", "http://code.org/images/logo.png");
setInterval(function() {
hideElement("logo");
setTimeout(function() {
showElement("logo");
}, 500);
}, 1000);
image("logo", "http://code.org/images/logo.png");
button("hideButton", "Hide logo");
button("showButton", "Show logo");
onEvent("hideButton", "click", function(event) {
hideElement("logo");
});
onEvent("showButton", "click", function(event) {
showElement("logo");
});
Syntax
hideElement(id);
Parameters
| Name | Type | Required? | Description |
|---|---|---|---|
| id | string | The ID of the UI element to which this event handler applies. Must begin with a letter, contain no spaces, and may contain letters, digits, - and _. |
Returns
No return value. Modifies display only.
Tips
- showElement is often used with hideElement.
Found a bug in the documentation? Let us know at support@code.org.
