StudywithDemo

New Date & Time API in Java 8 Example

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
We are going to discuss about new Java 8 API  today. In the recent release of Java 8, new Date and Time API was introduced. It supports ISO (International Organization for Standardization) calendar system. It also supports commonly used global calendars. Let’s quickly get into the example</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTErBJTjElcK384Id_Z8j-1Ar62adf8VM2eHmOn_6fyb-8cssz_6FeAmKdAQ2qnw2ysZ2mMXM0rIAlTA1Uk7hHdmfuWkYstOUt1ZY-Ui96aR9Hnuh8IwSSafcu0bXfQYejE1kZYA8kRSk/s1600/java-8-date-and-time-api-1-638.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="213" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhTErBJTjElcK384Id_Z8j-1Ar62adf8VM2eHmOn_6fyb-8cssz_6FeAmKdAQ2qnw2ysZ2mMXM0rIAlTA1Uk7hHdmfuWkYstOUt1ZY-Ui96aR9Hnuh8IwSSafcu0bXfQYejE1kZYA8kRSk/s1600/java-8-date-and-time-api-1-638.png" width="320"></a></div>
</div>

New Date & Time API in Java 8 Example

We are going to discuss about new Java 8 API today. In the recent release of Java 8, new Date and Time API was introduced. It supports IS...

How to Setup WhatsApp Web on Your Desktops and Laptops

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Very good news for whatsApp lovers and users. WhatsApp provided the special feature called WhatsApp Web Client now we can use WhatsApp on your personal computers, laptops or desktops via google chrome browser using this feature we can send and receive messages from your computer browser but it works only in chrome browser. I think it is awesome feature those who want to chat from there pc. We don’t need any tricks it is officially released. just follow the step by step procedure as shown below.</div>
<br>
<div style="text-align: justify;">
<span style="text-align: left;"><b>Note:</b> Present Iphone users don’t have WhatsApp Web Client facility but definitely we can except in future.</span><br>
<span style="text-align: left;"><br></span></div>
<div style="text-align: justify;">
<span style="text-align: left;"><b>Step 1:</b> Make sure your mobile and computer should be connected to the internet.</span><br>
<span style="text-align: left;"><br></span></div>
<b>Step 2:</b> First go to playstore and update the WhatsApp to latest version.<br>
<br>
<b>Step 3:</b> Install google chrome in your desktops or laptops.<br>
<br>
<b>Step 4:</b> Open the <a href="https://web.whatsapp.com/" rel="nofollow" target="_blank">https://web.whatsapp.com/</a> link in your chrome browser. It shows like below screenshot.<br>
<br>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1bcNwlWXyWEg-nrQF2ytWqjBS2FDS3IaDqMFnwX-OOTFtDCqZvr7GdSmzAvDnhyphenhyphenTc_ZJPLJ8dzOj0W2Nqxi7LNFIg4u70YDHgzxxUtQ_VU8fPgRaD7-neR1ogKC5xKD-CMOqDXA5hgVQ/s1600/wat1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="310" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1bcNwlWXyWEg-nrQF2ytWqjBS2FDS3IaDqMFnwX-OOTFtDCqZvr7GdSmzAvDnhyphenhyphenTc_ZJPLJ8dzOj0W2Nqxi7LNFIg4u70YDHgzxxUtQ_VU8fPgRaD7-neR1ogKC5xKD-CMOqDXA5hgVQ/s1600/wat1.PNG" width="640"></a></div>
<br>
<b>Step 5:</b> Now open the whatsApp in your mobile then go to menu options and select the WhatsApp Web.<br>
<br>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKNeyAjFUi_UToV7iUkCM5hgieDwXxMjgjv7MNU_SUMEVSQytL0AYGhZVdqprSSgCB_nCWl5SggnpIpGJq6R5zbLuFmyoDHDffsn5ScO5FGWWSXVnF6JU8IJPu7IymLk-QJ54YYDYgX14/s1600/2+maki.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKNeyAjFUi_UToV7iUkCM5hgieDwXxMjgjv7MNU_SUMEVSQytL0AYGhZVdqprSSgCB_nCWl5SggnpIpGJq6R5zbLuFmyoDHDffsn5ScO5FGWWSXVnF6JU8IJPu7IymLk-QJ54YYDYgX14/s1600/2+maki.png" width="225"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br></div>
<b>Step 6:</b> Scan the QR code with your mobile phone then it will activates the whatsApp web Client. Sometimes it takes few seconds to scan the code please wait.<br>
<br>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY5J2-TjZzigZxrYAFu1yFZvCuKc2Tk5Ete-vvQXbbscCDZLR4eBiehKHjTiQHbkOJ-zpWcSqnVuA7mdWbvVZXXN2eDa-Hl5PpOgdxkd0F8-XE3Bl0huO54dlsG96Ms9eLz03J_qGBeRI/s1600/scan+code.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="356" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjY5J2-TjZzigZxrYAFu1yFZvCuKc2Tk5Ete-vvQXbbscCDZLR4eBiehKHjTiQHbkOJ-zpWcSqnVuA7mdWbvVZXXN2eDa-Hl5PpOgdxkd0F8-XE3Bl0huO54dlsG96Ms9eLz03J_qGBeRI/s1600/scan+code.png" width="400"></a></div>
</div>

How to Setup WhatsApp Web on Your Desktops and Laptops

Very good news for whatsApp lovers and users. WhatsApp provided the special feature called WhatsApp Web Client now we can use WhatsApp on ...

Bootstrap Alert Along With Modal Dialog Box

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Bootstrap provided interactive modal and alert classes now i’m going to combine both alert and modal. Modal creates popup and dialog like experience and alerts are used to display notification messages. There are different types of indication colors for alert. Lets see how to use alert along with modal popup. Actually it is good idea in most cases it is very useful in real time senario. When ever we click on submit button it displays a modal popup along with alert message.  If you want to close message simply click on the right side close icon of alert message.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibc4mOWvdMckN4ENnY0NzzvFUblUydpskIZjolozOBwIxgI1Cg5MFKQ54cUSFEcO9q8jX38sWOBEjT1nhEnEqv9mj3F2Ad9qV3BUIGitQ-pv6mG9ekm7WZ5iTnDdMuvG1Vg8AA-tdTSgM/s1600/modal.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="247" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibc4mOWvdMckN4ENnY0NzzvFUblUydpskIZjolozOBwIxgI1Cg5MFKQ54cUSFEcO9q8jX38sWOBEjT1nhEnEqv9mj3F2Ad9qV3BUIGitQ-pv6mG9ekm7WZ5iTnDdMuvG1Vg8AA-tdTSgM/s1600/modal.PNG" width="640"></a></div>
</div>

Bootstrap Alert Along With Modal Dialog Box

Bootstrap provided interactive modal and alert classes now i’m going to combine both alert and modal. Modal creates popup and dialog like ...

Bootstrap 3 Responsive Tables and Lists

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
In every web application we required tabular data and lists most of the time data can be represented in form of tables and lists. So that I decided to design and build a responsive tables and lists using bootstrap 3 without having designing knowledge we can easily create using bootstrap special classes. We can run these tables and lists example from small mobile screen to big desktop screen it is completely responsive changes according to device width.</div>
<div style="text-align: justify;">
<br></div>
<div style="text-align: justify;">
In our example we have created un-ordered list with some information and table that represents the top list of directors along with movie name.</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO8TTDCTgfkH5LjpZMD4JQ09cDNIpR3CNgqAxwubASuSeeyZ7j3QHpx4HSuOo6TP45Am1cMPXQhCWi4aIenseT4TLPkbVWCvbW9ksh4ZtR0R_qV2hiHB9Z4oDvl_m7oy-9k65JFy_0Phc/s1600/tables.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="276" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO8TTDCTgfkH5LjpZMD4JQ09cDNIpR3CNgqAxwubASuSeeyZ7j3QHpx4HSuOo6TP45Am1cMPXQhCWi4aIenseT4TLPkbVWCvbW9ksh4ZtR0R_qV2hiHB9Z4oDvl_m7oy-9k65JFy_0Phc/s1600/tables.PNG" width="640"></a></div>
</div>

Bootstrap 3 Responsive Tables and Lists

In every web application we required tabular data and lists most of the time data can be represented in form of tables and lists. So that ...

How to Run Javascript in Java Using Nashorn

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Java 8 is a major release for the java programming language and java virtual machine. It includes many changes in that we are going to discuss about nashorn javascript engine example. Java se 8 provided a brand new library JavaScript engine named nashorn. Nashorn is completely new engine. It can used from command line or directly in your java code. This is entirely written from scratch. Let you write JavaScript code using java classes and objects. </div>
<div style="text-align: justify;">
<br></div>
<div style="text-align: justify;">
<b>How to use Nashorn from command line</b></div>
<div style="text-align: justify;">
<br></div>
<div style="text-align: justify;">
If you are working on windows first open the command prompt type jjs now we can see the jjs prompt appear and now you can start typing javascript code.</div>
<div style="text-align: justify;">
<br></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD2Y0lZTchPDZZveAS18odMxN3iUk9byKTdBlTAWc-crAmwFYuYW76n-YeFV1WSOEMmcH4Ma3ZOpoOZt0BJxxMaR99EinSdQmFlRCW6tStg-ql2LNQUc_dSvD70HV-I3ZA3o4Z6IAp60E/s1600/1.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Nashorn from command line" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD2Y0lZTchPDZZveAS18odMxN3iUk9byKTdBlTAWc-crAmwFYuYW76n-YeFV1WSOEMmcH4Ma3ZOpoOZt0BJxxMaR99EinSdQmFlRCW6tStg-ql2LNQUc_dSvD70HV-I3ZA3o4Z6IAp60E/s1600/1.PNG" title=""></a></div>
<span style="text-align: justify;"><br></span>
<span style="text-align: justify;">If you want to read some content from remote server first copy the url from the browser and copy into the java.net.URL class. Please check the below code</span><br>
<div style="text-align: justify;">
<br>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1__kAyX9BXJnZtNU_c8Np6c7E7UPZ4EyW6cVQbehOmc4EeIma8Ismbhnlh9EKhJ1RLxqHWwKiH5TC-PilakwnbC-fK5fd8RYIx-zF0GB-0y9JXlNSzOq7bN4L4BuBe0joLlTqBXla-TE/s1600/2ong.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="java 8 nashorn engine example" border="0" height="176" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg1__kAyX9BXJnZtNU_c8Np6c7E7UPZ4EyW6cVQbehOmc4EeIma8Ismbhnlh9EKhJ1RLxqHWwKiH5TC-PilakwnbC-fK5fd8RYIx-zF0GB-0y9JXlNSzOq7bN4L4BuBe0joLlTqBXla-TE/s1600/2ong.PNG" title="" width="640"></a></div>
</div></div>

How to Run Javascript in Java Using Nashorn

Java 8 is a major release for the java programming language and java virtual machine. It includes many changes in that we are going to dis...

Random JQuery Progress Bar using Ajax and Servlet

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
Hi everyone welcome to studywithdemo. Today im very much interested to tell about how to create random jquery progress bar using ajax and servlet because this is the first tutorial i have done after learning jquery. Jquery is one of the favorite subject to me. Using jQuery most of the work becomes easy and it makes UI <span style="text-align: left;">more interactive and rich look.</span></div>
<div style="text-align: justify;">
<br></div>
<div style="text-align: justify;">
Before going into the example I want to tell one thing here am not covering any file upload and download progress bar only showing how progress bar will works on server side. This example completely not suitable for everyone but definitely creates a basic idea, using this you can modify and implement code according to your requirements. To create random progress bar I have used ajax and servlet as serverside technology.</div>
<div style="text-align: justify;">
<br></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja0oN0TKIozZCasdd0sB6OvAva3f5-D7tblS18FXG3M-xgrjx8aUAFIOCWW6P1TY7E2J476CHAHoVrxL21qV9WWL30pV0JxnW7fNVa3JjPkUJPk4rEo81v8X9JC3jON1zW_5jXLwLxUMA/s1600/progress_bar.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Random Progress bar" border="0" height="339" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEja0oN0TKIozZCasdd0sB6OvAva3f5-D7tblS18FXG3M-xgrjx8aUAFIOCWW6P1TY7E2J476CHAHoVrxL21qV9WWL30pV0JxnW7fNVa3JjPkUJPk4rEo81v8X9JC3jON1zW_5jXLwLxUMA/s1600/progress_bar.png" title="" width="640"></a></div>
</div>

Random JQuery Progress Bar using Ajax and Servlet

Hi everyone welcome to studywithdemo. Today im very much interested to tell about how to create random jquery progress bar using ajax and ...

CSS3 Rounded Corners and Box Shadows Example

<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
In this tutorial we going to take look of some nice features in CSS3 provide rounded corners, drop shadows and few new color management features. It doesn’t matter if your are developer or designer at the end of the day our job is basically same we have to create rich, usable website and web application with an awesome user experience.</div>
<div style="text-align: justify;">
<br></div>
<div style="text-align: justify;">
First we will see how to create rounded corner. Rounded corners are nothing but rounds the corner(s) of an element with a defined radius value. I have taken three div tags and each div has a different border class . Look at the top div the border radius property is 20px and applied same pixel to all the four corners. We can also specify amount in percentage for example 1%. If you want to define different border radius on each corner look the second div and last div contains the individual border property.<br>
<br>
<pre class="brush:css">    
 div {
      font-family: verdana, arial; 
      font-size: small;
      padding: 10px;
      width: 400px;
      height: 50px;
      background-color: orange;
    }
    
    .borderEffect1 {
      border-radius: 20px; 
    }
    
    .borderEffect2 {
      /* top-left top-right bottom-right bottom-left */
      border-radius: 10px 50px 10px 0px; 
    }
    
    .borderEffect3 {
      border-top-left-radius: 10px;
      border-top-right-radius: 50px;
      border-bottom-right-radius: 10px;
      border-bottom-left-radius: 0px;
    }
</pre>
</div>
<div class="separator" style="clear: both; text-align: center;">
<br></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrOPdRuZI2dwZQG5q7i0sSWvj4tZeNS1WJfNaREGrFGrEulpViwJ8pc2ShEe1BEgolJvzWnQ2OowwcChMNxgkXC38Yx2ttDVTq_nSQka1Ig79QMgOqUyjtj-VB3Vj_5QVtVduEVznPijc/s1600/borders.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Rounded Corners and borders" border="0" height="290" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrOPdRuZI2dwZQG5q7i0sSWvj4tZeNS1WJfNaREGrFGrEulpViwJ8pc2ShEe1BEgolJvzWnQ2OowwcChMNxgkXC38Yx2ttDVTq_nSQka1Ig79QMgOqUyjtj-VB3Vj_5QVtVduEVznPijc/s1600/borders.PNG" title="" width="400"></a></div>
<div style="text-align: justify;">
Box shadow is a new property in CSS3. It takes five values horizontal offset the positive number means up shadow and negative number means down shadow, vertical offset, blur distance, spread distance, color, and inset. I have taken series of div tags and applied shadow class for each div.<br>
<pre class="brush:css"> 
 div {
      font-family: verdana, arial; 
      font-size: small;
      padding: 10px;
      width: 300px;
      height: 40px;
      background-color: pink;
      border-radius: 5px;
    }
   
    .dropShadow1 {
      box-shadow: -10px -10px skyblue; 
    }
    
    .dropShadow2 {
      box-shadow: 10px 10px skyblue; 
    }
    
    .dropShadow3 {
      box-shadow: 10px 10px 20px skyblue; 
    }
    
    .dropShadow4 {
      box-shadow: 10px 10px 20px 10px skyblue; 
    }
    
    .dropShadow5 {
      box-shadow: 10px 10px 20px skyblue inset;
    }
</pre>
</div>
<div style="text-align: justify;">
<br></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><img alt="box shadow CSS3 example" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_KNwaGnwip3Jmfuh-ChfGoVMK0vRhXiPWE10EmzhfhooSkPFK7yuGcTiy8cIxLUQ9pfdErRn4vm9O6cYawdnEq9pL9GD_tB7uLu-3kWHrn6GtfeAQwjBmprxYrdAw2O0DoS8p6Z_oogY/s1600/C3.PNG" style="margin-left: auto; margin-right: auto;" title=""></td></tr>
<tr><td class="tr-caption" style="text-align: center;"></td></tr>
</tbody></table>
</div>

CSS3 Rounded Corners and Box Shadows Example

In this tutorial we going to take look of some nice features in CSS3 provide rounded corners, drop shadows and few new color management fe...