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

Post a comment

Popular posts from this blog

Enabling TLS 1.2 in Java 7

I am working on web application that uses third party API and apparently those guys have stopped using TLS 1.0 and switched TLS 1.2

I was getting the following error


Apparently Java 1.8 have TLS 1.2 by default and for Java 1.7 you have to enable it. I have been searching online for few days to enable TLS 1.2. I have tried all the following things but it did not work


For each application, enter this command:java ... -Dhttps.protocols=TLSv1.1,TLSv1.2 ...
Using JAVA_OPTS, enter the following command in your .profile, shell rc (to affect all Java programs run by the user), or conductor.sh (to just affect Datameer):export JAVA_OPTS="${JAVA_OPTS} -Dhttps.protocols=TLSv1.1,TLSv1.2"
This is what I did and boom it worked
Post a comment
Read more

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.

OverviewSkill 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 IOS or AndroidA 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 your Imp with the AA batteries.



When the imp is fi…
1 comment
Read more