Server IP : 162.240.98.243 / Your IP : 3.142.210.14 Web Server : Apache System : Linux server.bti.yaw.mybluehostin.me 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : btiyawmy ( 1003) PHP Version : 7.2.34 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/btiyawmy/public_html/login.easenup.in/ |
Upload File : |
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"></script> <style> body{ background-color:#FAFAFA; } .buttonbox{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) } .spinner-button { border: 2px solid #000; display: inline-block; padding: 8px 20px 9px; font-size: 12px; color: #000; background-color: transparent } .btn-primary:disabled { color: #fff; background-color: #000; border-color: #000; } .spinner-button:hover { background-color: #000; border: 2px solid #000; color: #fff } .spinner-button i { color: #fff } .spinner-button:hover i { color: #fff } .fa{ color:#fff; } .fa:hover{ color:#fff; } </style> <div class="buttonbox"> <button type="button" id="btnFetch" class="spinner-button btn btn-primary mb-2">Click Me</button> </div> <script type="text/javascript"> </script> <script> $(document).ready(function() { $("#btnFetch").click(function() { // disable button $(this).prop("disabled", true); // add spinner to button $(this).html( '<i class="fa fa-circle-o-notch fa-spin"></i> loading...' ); }); }); </script>