What happens when hide the money button

Last modified date

Problems that occur when you hide the Money Button

I want to hide the Money Button at first so that I don’t accidentally swipe.
Many people think so may be.

It can be done easily using Javascript.
However, depending on the amount, the following problems may occur.

The width of Money Button is too small to display the amount of money.
After reloading, If you press “view” before the Money Button is loaded, it will appear successfully.

By the time you are reading this post, this problem may have already been fixed.


How to hide the Money Button with “display:none”

The money buttons below are

  • Amount is $123,456,789
  • Setting is developer mode
    (Swiping doesn’t actually transfer the money)

  Unprocessed    


  Verification A  

If Money Button is hidden from the first.

 


  Verification B  

If Money Button is not hidden from the first.

 


Javascript source code used here.


 

HTML code for switching the display using the A tag.


Click to view

Click to hidden

Click to reload

 

HTML code to display the Money Button.




 

If you hide the money button with “display:none”, the problem that can be confirmed by verification A will occur.

The following is a solution to this problem.

Change the method of hiding the Money Button from  display:none  to  visibility: hidden .

How to hide the Money Button with “visibility:hidden”

  Verification C  

If Money Button is hidden from the first.

 


  Verification D  

If Money Button is not hidden from the first.

 


However, this method creates blank space.


 

Javascript source code used here.


 

HTML code for switching the display using the A tag.

Click to view

Click to hidden

Click to reload

 

HTML code to display the Money Button.


 

To solve the blank space problem, specify “position:absolute” in the DIV tag.

How to use “position:absolute” to solve the blank space problem

  Verification E    

Create a block with a DIV tag and replace it with a Money Button.

 

Money Button Here
DIV-Setting height:50px is best


Javascript source code used here.


 

HTML code for switching the display using the A tag.

Click to view

Click to hidden

Click to reload

 

HTML code to display the Money Button.

Money Button Here
DIV-Setting height:50px is best

 

How to actually use?

  Verification F    

Simple display with one button.
This method is best for actual use.


Javascript source code used here.
Delayed by 0.5 seconds so that the displays do not overlap.


 

Cascading Style Sheet code used here.


 

HTML code to display the Money Button.


 

Written by JK✪DS

Donate to BSV-LAB ONLINE

If you found this article helpful, please donate.

Share