An element to make desappear by clicking a button

[Giraf]

Hello !

Anybody knows how I can put an element (a frame with text) on a webpage and make it desapear when the visitor click on a button (and make desappear also this button too).

Thank and best regards !

Giraf

[Acorn]

Giraf, there are lots of ways to do this.

Give your text frame a Name. I used myTextBox.
If it is pure text and not grouped with another element, you must also add the special Name, HTMLBlockText.
Create your button and Name it. I used myHideButton.

For the button, you add a Link javascript:hideBox().

Finally, in the Page > HTML code (head) Placeholder, insert

<script>
function hideBox()
{
  document.getElementById("myHideButton").style.visibility="hidden";
  document.getElementById("myTextBox").style.visibility="hidden";
}
</script>

Acorn

[Giraf]

Thanks a lot Acorn ! I will try !

[richinri]

I could not get this to work on any text except a text line. Regardless of how I named the text area HTMLBlockText

[Acorn]

I could not get this to work on any text except a text line. Regardless of how I named the text area HTMLBlockText

Check out this example against my instructions (#2 above): Only hiding.web

Acorn

[richinri]

Thanks Acorn! Thanks to the example I was able to figure out what I was doing wrong.