+ 4

See this code plz I want that when a person clicked on the note picture it open's a textarea in the same page how?

https://code.sololearn.com/Wg6U037TtSlJ/?ref=app And I want to make a back button to that when a person clicked on it it back's to thatway

help

15th Mar 2018, 7:00 PM

Sina

4 Answers

+ 22

<!DOCTYPE html> <html> <head> <title>Page Title</title> </head> <body> <div style="height:300px; width:300px; background-color:lightBlue; border:3px; border-color:black;" id="rect" align="center"> <a href="http://www.google.com"> <img id="chrome" src="https://cdn1.iconfinder.com/data/icons/appicns/513/appicns_Chrome.png"> <code id="pchrome">browser</code> </a> <a href="tel:"> <img id="call" src="http://icons.iconarchive.com/icons/dtafalonso/android-lollipop/512/Phone-icon.png""> <code id="pcall">phone</code> </a> <a href="javascript:f()"> <img src="http://icons.iconarchive.com/icons/paomedia/small-n-flat/1024/notepad-icon.png" id="note"> <code id="pnote">note</code> </a> </div> <div id="rect2" style="display:none;"> <textarea style="width:100%; height:100%"></textarea> <br /> <input type="button" onclick="b()" value="back"> </div> <script> function f() { document.getElementById("rect").style.display="none"; document.getElementById("rect2").style.display="block"; } function b() { document.getElementById("rect").style.display="block"; document.getElementById("rect2").style.display="none"; } </script> </body> </html>

15th Mar 2018, 8:32 PM

Salif Mehmed 🇹🇷🇧🇬