Skip to main content

Adding loading spinner to JSP Page using pure CSS and JS

I wanted to add loading spinner to the web application that I was working on. This application is a legacy application and I was looking into a way to add the loading spinner whenever the user performs certain actions such as the following


  • Clicks a button which behind the scene performs CRUD operation
  • When user request data 

As the web application was based of JSP and I was looking for a way to adding it to the webpage and finally came across the following solution 

  1. Create a div 
  2. Add the CSS for the div
  3. Create a JS function which gets called on button click. 


Here is the code



HTML


JS


    

CSS





Comments

  1. ternarytech3 March 2021 at 20:54

    Hi to every single one, it’s truly a good for me to visit this web page, I love your content, they are very nice and it includes helpful Information. Check out our website Legacy Application Modernization Services for more Ternary Tech related info! I am truly pleased to read this website posts which carries lots of helpful data, thanks for providing these kinds of statistics.

    ReplyDelete
  2. Unknown17 March 2022 at 21:55

    Situs Judi Slot Online Terbaik dan Judi Online Terpercaya 2021
    judi online terpercaya how to buy air jordan 18 retro racer blue 2021/2020. Dengan Pelayanan air jordan 18 retro cheap Customer Service Judi Online24jam dan Game Slot air jordan 18 stockx to me Gacor show to get air jordan 18 retro terbaru dan find air jordan 18 retro toro mens sneakers Terbaru di Indonesia.

    ReplyDelete
  3. Rosy S21 May 2022 at 03:25

    NICE POST AND THANKS FOR SHARING!!
    IELTS Courses in Gurgaon
    IELTS Courses in Hyderabad
    IELTS Courses in Trivandrum

    ReplyDelete

Post a Comment

Popular posts from this blog

Simple IOT Project - Electric Imp Led Light Controller

Recently I went to IBM IOT Hackathon and got Electic IMP device and thought of playing with it and this is the first application I created LED Light controller using Electric IMP device and REST webservice. Overview Skill Level: Beginner Below are detailed steps on how to connect an Electric Imp with environmental sensors to the Watson IoT Platform in order to visualize and monitor your refrigerator in real time. Ingridients   Your WIFI *network name* and *password*  A computer with a web browser  Smartphone with the Electric Imp app I OS  or Android A free Electric Imp developer account    An Electric Imp Explorer kit - purchase from Amazon    Three AA batteries STEP BY STEP  Step 1 - What is demonstrated in this example? Use an Electric Imp to switch on/off light sensor and change the color of light using combination of RGB.  Step 2 - Connect your Electric Imp to the Internet  Set Up Hardware  Plug the Imp001 into the Explorer Kit Board .Power up y
10 comments
Read more

Attaching remote debugger in Netbeans

I am working on a web application based on Ant,Struts and Java. I wanted a way to debug the live application in my local environment and I found out that attaching remote debugger is the best option. It helps in debugging live application. What is Remote Debugging? The client/server design of the Java  debugger  allows you to launch a Java program from computer on your network and  debug  it from the workstation running the platform. This is particularly useful when you are developing a program for a device that cannot host the development platform [source: eclipse community] How to enable it in Netbeans Open Netbeans IDE Go to Debug option  Click on Attach Debugger  Enter the host name and port number Click OK Note: Make sure you start the application first before attaching the remote debugger
21 comments
Read more