Skip to main content

Posts

Showing posts from July, 2017

Alert box in Browser Using JavaScript

Alert Box Using JavaScript The below code will demo used to display the alert message to user on the browsers window. <html> <head> <script type = "text/javascript" > function sayHello () { alert ( "Hello World" ) } </script> </head> <body> <input type = "button" onclick = " sayHello () " value = "Say Hello" /> </body> </html> Once the say hello button is clicked the alert will be shown with the defined messages on the browsers. Output: It will display the hello world with alert box.! Thanks and Regards, Tech bird

Warning for Non-JavaScript Browsers

Warning for Non-JavaScript Browsers If you have to do something important using JavaScript, then you can display a warning message to the user using  <noscript>  tags. You can add a  noscript  block immediately after the script block as follows − <html> <body> <script language = "javascript" type = "text/javascript" > document . write ( "Hello World!" ) </script> <noscript> Sorry...JavaScript is needed to go ahead. </noscript> </body> </html> Now, if the user's browser does not support JavaScript or JavaScript is not enabled, then the message from </noscript> will be displayed on the screen. Thanks and Regards, Tech Bird

Hello World Using JavaScript

JavaScript: JavaScript is a lightweight, interpreted programming language.  It is designed for creating network-centric applications.  It is complimentary to and integrated with Java.  JavaScript is very easy to implement because it is integrated with HTML.  It is open and cross-platform. Program to display hello world! Source code: <html> <body> <script language = "javascript" type = "text/javascript" > document . write ( "Hello World!" ) </script> </body> </html> Output:    Hello world! Thanks and Regards, Tech Bird

Insert, Delete and view the data from the database -Android

MyApp.java package dharan.dharani.com.myapplication; /**  * Created by vdharanidharan on 04-Jul-17.  */ import android.app.Activity; import android.app.AlertDialog.Builder; import android.content.Context; import android.database.Cursor; import android.database.sqlite.SQLiteDatabase; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; import android.widget.EditText; import static android.R.id.message; import static dharan.dharani.com.myapplication.R.attr.title; import static dharan.dharani.com.myapplication.R.string.view; public class MyApp extends Activity implements OnClickListener {     EditText editRollno,editName,editMarks;     Button btnAdd,btnDelete,btnModify,btnView,btnViewAll,btnShowInfo;     SQLiteDatabase db;     /** Called when the activity is first created. */     @Override     public void onCreate(Bundle savedInstanceState)     {         super.onCreate(savedInstance

Lets Start with JavaScript

JavaScript: JavaScript is the programming language of HTML and the Web. JavaScript is easy to learn. JavaScript is most commonly used as a client side scripting language. why Study JavaScript? JavaScript is one of the 3 languages all web developers must learn:       HTML  to define the content of web pages     CSS  to specify the layout of web pages     JavaScript  to program the behavior of web pages JavaScript and Java are completely different languages, both in concept and design. what can we do with the JavaScript? You can do anything with the help of JavaScript. Cant Believe! Come Lets get Started. JavaScript Can Change HTML Content. JavaScript Can Change HTML Attributes. JavaScript Can Change HTML Styles (CSS). JavaScript Can Hide HTML Elements. JavaScript Can Show HTML Elements. Here in My Blog Learning should be made in much easier way so we will start with some interesting and mind blowing examples of What MAGIC th

LOGIN SCREEN APP - ANDROID

Let get started with the android programming and make it easier to learn by self to brain who are eager in it. here is my simple login screen application using  ANDROID MainActivity.java package dharan.dharani.com.myloginsscreen; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.app.Activity; import android.graphics.Color; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.EditText; import android.widget.TextView; import android.widget.Toast; public class MainActivity extends Activity  {     Button b1,b2;     EditText ed1,ed2;     TextView tx1;     int counter = 3;     @Override     protected void onCreate(Bundle savedInstanceState) {         super.onCreate(savedInstanceState);         setContentView(R.layout.activity_main);         b1 = (Button)findViewById(R.id.button);         ed1 = (EditText)findViewById(R.id.editText);         ed2 = (EditText)findViewBy

WhatsApp Tricks - Friends Status stoleing tricks😍😊😎 Status Thirudan

If you want get the status of ur friends like videos and photos they have pasted... don't ask them to send that video or audio...just use this simple thing which you cannot known..           1.First go to your mobile phone's FILE MANAGER or STORAGE MANAGER...   2.Then using the option menu do this SHOW HIDDEN FILES... 3.Then go to WhatsApp media in FILE MANAGER / STORAGE MANAGER... 4.Then open the hidden folder name as STATUS.. 5.Then cut the file and past it in your another folder...that's it HAHAHAHHAHA...! 😍😊😎 COOL KNOW????? Thanks and Regards, Tech Bird

Make your laptop as Portable Hotspot

Now Just Follow the steps :- Step 1:  Download This File  WiFi.bat (Only  2kb) Step 2:  Open  WiFi.bat File with Administrative privilege Step 3:  Now The CMD is Opened With options :          Step 4:    Now Give The input ,          4.1>  Check Your LapTop Support Virtual Hosted WiFi or Not ... For this  Press  1          4.2>   Create  HotsPot Network ...  Press  2             1>Enter HotsPot Name what you want to set.             2>Enter Password For HotsPot          4.3>   Start Wifi  ...  Press  3          4.4>  for Checking how many Devices Connected ... Press  4          4.5>  Press 5 For More Tricks From Googlebirdd          4.6>  Stop WiFi ...Press 6          4.7>  Press 7 For Exit... Step 5:-  If Net isn't access on connected devices then,          5.1> then GoTo:             Control Panel -> Network and Internet -> Network Connections             Check Your WiFi Network is created ...          5.2> Now Doub

CLOUD COMPUTING

What is cloud computing? Cloud computing is defined as the sharing of resources over the internet. Here the Cloud refers to the Internet. why i should use cloud computing? Yes, Good Question. Cloud computing Offers you three services such as Software As A Service Platform As A Service Infrastructure As A Service What are those? What you are trying to say to me? OK , Let me ask you a question. You are going and buying a laptop or PC with best specification in  the year 2017 (assumption). Can you say..in 2020 still it be the best among the specification you have..No you can't. This where cloud computing comes into play. In cloud computing you can use resources what you need and which you need . You don't have spent your money unless you does not use it. " Pay for You what you Use Not for what You Have " You can able to access the data wherever from the world with the help of internet. "One storage for all you device&q

Smart Photo Gallery

Smart Photo Gallery Source Code: <!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> body {   font-family: Verdana, sans-serif;   margin: 0; } * {   box-sizing: border-box; } .row > .column {   padding: 0 8px; } .row:after {   content: "";   display: table;   clear: both; } .column {   float: left;   width: 25%; } /* The Modal (background) */ .modal {   display: none;   position: fixed;   z-index: 1;   padding-top: 100px;   left: 0;   top: 0;   width: 100%;   height: 100%;   overflow: auto;   background-color: black; } /* Modal Content */ .modal-content {   position: relative;   background-color: #fefefe;   margin: auto;   padding: 0;   width: 90%;   max-width: 1200px; } /* The Close Button */ .close {   color: white;   position: absolute;   top: 10px;   right: 25px;   font-size: 35px;   font-weight: bold; } .close:

Image Modal Form

IMage MOdal DEsign Creation Example Source code: <!DOCTYPE html> <html> <head> <style> #myImg {     border-radius: 5px;     cursor: pointer;     transition: 0.3s; } #myImg:hover {opacity: 0.7;} /* The Modal (background) */ .modal {     display: none; /* Hidden by default */     position: fixed; /* Stay in place */     z-index: 1; /* Sit on top */     padding-top: 100px; /* Location of the box */     left: 0;     top: 0;     width: 100%; /* Full width */     height: 100%; /* Full height */     overflow: auto; /* Enable scroll if needed */     background-color: rgb(0,0,0); /* Fallback color */     background-color: rgba(0,0,0,0.9); /* Black w/ opacity */ } /* Modal Content (image) */ .modal-content {     margin: auto;     display: block;     width: 80%;     max-width: 700px; } /* Caption of Modal Image */ #caption {     margin: auto;     display: block;     width: 80%;     max-width: 700px;     text-align: center;