Home/ Questions/Q 6911561
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T08:58:23+00:00

I would like to call a text area on click of a specific div,

  • 0

I would like to call a text area on click of a specific div, eg i have a div and when the user clicks on the div, the text area appears.

i would also like to make 3 divs and when each one is clicked, different html elements are shown, for example, one one div is clicked, the text area is shown, when another div is clicked a submit button is shown in the same area that the text area would be shown in

Please help! thanks.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can make elements visible and invisible by changing their style.display attribute in javascript.

    A css value of display:none will make an element invisible.
    A css value of display:block will make an element visible, and it will be treated like a block element.

    http://www.w3schools.com/cssref/pr_class_display.asp

    <!DOCTYPE html>
<html>
<head>
<style>
#textarea {
    display:none;

    position:absolute;
    left:180px;
    top:0px;
    width:180px;
    height:130px;
}
#div {
    position:absolute;
    left:0px;
    top:0px;
    width:180px;
    height:130px;
    background-color:#F00;
}
</style>
</head>
<body>
<textarea id="textarea">Tada</textarea>
<div id="div" onclick="showTextArea()"></div>
</body>
<script>
function showTextArea() {
    document.getElementById("textarea").style.display = "block";
}
</script>
</html>
    • 0