Posts

Showing posts from January, 2018

All Computer Word List with Full Form

In this page you have search from the all the computer list with their full form you can show and any other word which i have forgot you can write in the commect box . thanks Full Form of all computer related words : PAN : Personal Area Network LAN  : Local Area Network CAN : Campus Area Network WAN : Wide Area Network MAN : M etropolition area network WLAN : Wireless Local Area Network GAN : Global Area Network VPN : Virtual Private Network CSMA/CD : Carrier Sense Multiple Access/Collision Detect OSI : Open System Interconnect FTP : File Transfer Protocol TELNET : Terminal Network SMTP : Simple Mail Transfer Protocol DNS : Domain Name Service DHCP : Dynamic Host Configuration Protocol APIPA : Automatic Private Internet Protocol Address IANA : Internet Assign Number Authority TFTP : Trivial File Transfer Protocol HTTP : Hyper Text Transfer Protocol POP3 : Post Office Protocol Version 3 HTTPS : Hyper Text Transfer Protocol Secure A...

Hide mouse on canvas in Javascript

< ! DOCTYPE html > < html > < head > < script type= 'text/javascript' src= 'http://code.jquery.com/jquery-1.9.1.js' > </script> < style type= 'text/css' > canvas{ border :1px solid red;} </style> < script type= 'text/javascript' > $(window).load(function(){ $( "#theCanvas" ).click(function () { alert( "You clicked the canvas with an invisible mouse!" ); $( "#theCanvas" ).css( "cursor" , "none" ); }); }); </script> </head> < body > < p ">Click the red canvas and I'll hide the cursor when you are over me </p> < canvas id= "theCanvas" > </canvas> </body> </html>

Random Password Generate in PHP

In this tutorial i am create Random Password Generate in php so you can choose secure password create . <?php $string = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890~!@#$%^&*()_+{}<>?"; echo substr(str_shuffle($string), 0, 12); //you can add start to end length from the password //12 is minimum 12 letter password ?>

Create Count Down Timer in Javascript

In this simple code you can create count down timer in just few step . <span id="countdown" class="timer"></span> <script>          var seconds = 20;  // change time in second                 function secondPassed() {          var minutes = Math.round((seconds - 30)/60);          var remainingSeconds = seconds % 60;         if (remainingSeconds < 10) {                  remainingSeconds = "0" + remainingSeconds;          }          document.getElementById('countdown').innerHTML = minutes + ":" +    remainingSeconds;        if (seconds == 0) {                 clearInterval(countdownTimer);                   ...

Set Box with Shadow in javascript

<!DOCTYPE html> <html>      <head>          <script type='text/javascript' src='http://code.jquery.com/jquery-1.8.3.js'></script> <script type='text/javascript'> $(window).load(function(){         var canvas=document.getElementById("canvas");         var ctx=canvas.getContext("2d");         ctx.rotate(.6);         ctx.rect(150, 50, 50, 60);         ctx.shadowOffsetX = 50;         ctx.shadowOffsetY = 50;         ctx.shadowBlur = 5;         ctx.shadowColor = "DarkGoldenRod";         ctx.strokeStyle = "Gold";         ctx.stroke(); }); </script>      </head> <body>     <canvas id="canvas" width=300 height=300></canvas> </body> </htm...

Handle page show event for each page

< ! DOCTYPE html > < html > < head > < script type= 'text/javascript' src= 'http://code.jquery.com/jquery-1.6.4.js' > </script> < link rel= "stylesheet" type= "text/css" href= "http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.css" > < script type= 'text/javascript' src= "http://code.jquery.com/mobile/1.0rc1/jquery.mobile-1.0rc1.min.js" > </script> < script type= 'text/javascript' > $(window).load(function(){ $( '#home' ).live( 'pageshow' ,function(event, ui){ alert( 'We are back home' ); }); $( '#page2' ).live( 'pageshow' ,function(event, ui){ alert( 'This will only execute on Page 2' ); }); }); </script> </head> < body > < div data-role= "page" id= "home" > < div data-role= "content" > ...

Add close button to dialog in website

< ! DOCTYPE html > < html > < head > < script type= 'text/javascript' > window.onload=function(){ Dialog_header.onclick = function(e) { $( "#Dialog" ).fadeOut(500); }; Button1.onclick = function(e) { var $dialog = $( "#Dialog" ); if (!$dialog.hasClass( 'ui-dialog' )) { $dialog.page(); } $dialog.fadeIn(500); }; Button2.onclick = function() { $( "#Dialog" ).fadeOut(500); }; } </script> < link rel= "stylesheet" href= "http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.css" /> < script src= "http://code.jquery.com/jquery-1.7.1.min.js" > </script> < script src= "http://code.jquery.com/mobile/1.1.0-rc.1/jquery.mobile-1.1.0-rc.1.min.js" > </script> </head> < body > < div data-role= "page" id= ...

Create Input Type Date in Javascript

<!DOCTYPE html> <html>      <head>           <script type='text/javascript'   src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>           <script type='text/javascript'   src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>           <link rel="stylesheet" type="text/css"   href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css">     </head> <body>         <div data-role="page">              <div data-role="content">                   <input type="date" />              </div>        </div> </body> </html>

Create transparent navbar in html and css

Image
                                  --------- HTML File ------ <!DOCTYPE html> <html> <head> <title> Simple Page </title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <ul> <li> <a href="#"> Menu 1 </a> <ul> <li> <a href="#"> Menu 1.1 </a> </li> <li> <a href="#"> Menu 1.2 </a> </li> <li> <a href="#"> Menu 1.3 </a> </li> </ul> </li> <li> <a href="#"> Menu 2 </a> <ul> <li> <a href="#"> Menu 2.1 </a> </li> <li> <a href="#"> Menu 2.2 </a> </li> <li> <a href="#"> Menu 2.3 </a> </li> <li> <a href="#"> Men...

Show and Hide Password on Checkbox Click in HTML with Javascript

<html>   <head>       <title> Password Show and Hide </title>   </head> <body> Pasword : <input type="password" name="password" id="password" /> <br/> <br /> <input type="checkbox" id="eye" onclick="if(password.type=='text')password.type='password'; else password.type='text';"/>Show Password </body> </html>

Set TimePicker to 24 Hour View in Android UI

<?xml version= "1.0" encoding= "utf-8" ?> <LinearLayout xmlns:android= "http://schemas.android.com/apk/res/android" android:layout_width= "fill_parent" android:layout_height= "fill_parent" android:orientation= "vertical" > <TimePicker android:id= "@+id/timePicker" android:layout_width= "wrap_content" android:layout_height= "wrap_content" /> <Button android:id= "@+id/btnSet" android:layout_width= "wrap_content" android:layout_height= "wrap_content" android:text= "I am all set!" android:onClick= "onClick" /> </LinearLayout> -------------------------------------------------------------------------------------------- ---------------- JAVA CODE -------------- package com.studentsempire.myapplication3.app; import android.app.Activity; im...

Simple Login Form Create in HTML and CSS

Image
In this demo i am create simple Login page create in HTML and CSS only . You can show the image from the how it's look like . you can purchase this demo from the very low price .

Config Loading widget in javascript

< ! DOCTYPE html > < html > < head > < script type= 'text/javascript' > window.onload=function(){ $(document).on( "click" , ".show" , function () { $.mobile.loading( "show" ); }); $(document).on( "click" , ".hide" , function () { $.mobile.loading( "hide" ); }); } </script> < link rel= "stylesheet" href= "http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.css" /> < script src= "http://code.jquery.com/jquery-1.9.1.min.js" > </script> < script > $(document).on( "mobileinit" , function() { $.mobile.loader.prototype.options.text = "Please wait.." ; $.mobile.loader.prototype.options.textVisible = true; $.mobile.loader.prototype.options.theme = "e" ; $.mobile.loader.prototype.options.html = "...

Create Flip switch in Javascript

<!DOCTYPE html> <html> <head> <script type='text/javascript'   src='http://code.jquery.com/jquery-1.9.1.js'></script> <script type="text/javascript"   src="http://code.jquery.com/mobile/1.3.0-beta.1/jquery.mobile-1.3.0-beta.1.js"></script> <link rel="stylesheet" type="text/css"   href="http://code.jquery.com/mobile/1.3.0-beta.1/jquery.mobile-1.3.0-beta.1.css"> <script type='text/javascript'> $(window).load(function(){     $(document).delegate("#submit", "vclick", function() {         alert($("#flip-1").val());     }); }); </script> </head> <body>   <label for="flip-1">Flip switch:</label>   <select name="flip-1" id="flip-1" data-role="slider">     <option value="off">Off</option>     <option value="on...

Draw animated loading spinner canvas in Javascript

< ! DOCTYPE html > < html > < head > < script type= 'text/javascript' src= 'http://code.jquery.com/jquery-1.8.3.js' > </script> < script type= 'text/javascript' > $(window).load(function(){ (function() { setInterval(draw, 30); var degrees = 0.0; var offset = 8; function draw() { var canvas = document.getElementById( 'tutorial' ); if (canvas.getContext) { var ctx = canvas.getContext( '2d' ); ctx.clearRect(0, 0, 16, 16); degrees += 0.10; ctx.save(); ctx.translate(offset, offset); ctx.rotate(degrees); // Draw half open circle ctx.beginPath(); ctx.lineWidth = 2; ctx.arc(8-offset , 8-offset, 6, 0, 1.75 * Math.PI); ctx.stroke(); // Draw arrowhead ...

Simple Login Form In HTML and CSS

Image
In this tutorials i am create simple Login Page Design in HTML and CSS . In this code i am sell less price from the other . you feel free to the purchase this code from the less price .

Random Animation to scroll in javascript

< html > < head > < script src= "http://code.jquery.com/jquery-latest.min.js" > </script> < script > $(document).ready(function(){ myLinks = new Array; myLinks[0] = "#one" ; myLinks[1] = "#two" ; myLinks[2] = "#three" ; myLinks[3] = "#four" ; // Slide to random link $( "a.myRandomLink" ).click(function(){ randomLink = Math.round(Math.random() * (myLinks.length-1)); $( "html, body" ).animate({scrollTop: $(myLinks[randomLink]).offset().top + "px" },{duration: 500, easing: "swing" }); return false; }); }); </script> </head> < body > < a href= "#" class= "myRandomLink" > Random link </a> < br > < br > < div id= "one...

Create Cool Login Page in HTML and CSS

Image
In this Tutorial I am Create Cool Login Page in HTML and CSS You feel free to the ask from this code for less price . For share more from this post .

Javascript through Set Word in Canvas

< ! DOCTYPE html > < html > < body > < canvas id= "myCanvas" width = "500" height = "200" > </canvas> < script > var canvas = document.getElementById( 'myCanvas' ); var context = canvas.getContext( '2d' ); context.font = 'italic 40pt Calibri' ; context.fillText( 'Hello World!' , 150, 100); </script> </body> </html>

Set focus to the File Upload Input field in Javascript

< html > < body > < script language= "JavaScript" > function checkFile(){ document.form1.uploadbox.focus(); document.form1.textbox.value = "Verify that filename is correct" ; } </script> < form name= "form1" > Enter Filename: < input type= "file" name= "uploadbox" > < input type= "button" value= "Okay" onClick= "checkFile()" > < br > < br > Confirmation Message: < input type= "text" name= "textbox" size=35> </form> </body> </html>

Create Transparent Login Page in HTML and CSS

Image
In this tutorial i am create Transparent  Login Page in HTML and CSS . You can ask me to the file and i am send the file from you . share the post more . Thanks .

Canvas Draw text inside a circle in Javascript

< ! DOCTYPE html > < html > < head > < script type= 'text/javascript' src= 'http://code.jquery.com/jquery-1.9.1.js' > </script> < script type= 'text/javascript' > $(window).load(function(){ var canvas1 = document.getElementById( "canvas" ); var context = canvas1.getContext( "2d" ); context.beginPath(); context.fillStyle = "blue" ; context.strokeStyle = "black" ; context.font = "20px Georgia" ; context.lineWidth = 10; context.arc(100, 100, 75, 0, 2 * Math.PI, false); context.fill(); context.beginPath(); context.fillStyle = "red" ; context.fillText( "Hello World!" , 40, 100); context.fill(); }); </script> </head> < body > < canvas id= "canvas" width =300 height =300> </canvas> </body> ...

Count click and output click count in Javascript

< ! DOCTYPE html > < html > < head > < script type= 'text/javascript' > window.onload=function(){ (function() { var oCount = document.getElementById( 'count' ); var oResult = document.getElementById( 'result' ); var nCount = 0; oCount.addEventListener( 'click' , function(e) { e.preventDefault(); nCount += 1; switch(nCount) { case 1: oResult.innerHTML = 'One' ; break; case 2: oResult.innerHTML = 'Two' ; break; default: oResult.innerHTML = 'More than 2' ; } }, false); })(); } </script> </head> < body > < a href= "#" id= "count" > Count! </a> < span id= "result" > </span> </body> </html>

Create CSS Menu in materialize

<!DOCTYPE html> <html> <head> <title>CSS Menu</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script> </head> <body> <nav> <div class="nav-wrapper"> <li class="brand-logo center"> LOGO </li> <ul class="right"> <li><a href="#"> Menu 1 </a></li> <li><a href="#"> Menu 2 </a></li> <li><a href="#"> Menu 3 </a></li> </ul> </div> </nav> </body> </html>

Use custom image as Cursor in jQuery

< ! DOCTYPE html > < html > < head > < script type= 'text/javascript' src= 'http://code.jquery.com/jquery-1.10.1.js' > </script> < style type= 'text/css' > div { width : 500px; height : 500px; background - color : #F00; } </style> < script type= 'text/javascript' > $(window).load(function(){ $( "div" ).css( 'cursor' , 'url("cursor.png"),auto' ); < ! - - You can change cursor.png image to change other image you will be shown in the website - - > }); </script> </head> < body > < div > </div> </body> </html>

Canvas Draw rainbow circle in javascript

< ! DOCTYPE html > < html > < head > < script type= 'text/javascript' > window.onload=function(){ var canvas = document.getElementById( "picker" ); var context = canvas.getContext( "2d" ); var x = canvas.width / 2; var y = canvas.height / 2; var radius = 100; var counterClockwise = false; for( var angle=0; angle<=360; angle+=1){ var startAngle = (angle-1)*Math.PI/180; var endAngle = angle * Math.PI/180; context.beginPath(); context.moveTo(x, y); context.arc(x, y, radius, startAngle, endAngle, counterClockwise); context.closePath(); context.fillStyle = 'hsl(' +angle+ ', 100%, 50%)' ; context.fill(); } } </script> </head> < body > < canvas id= "picker" width = "300" height = "300" > </canvas> </body> </html>

Slide to hide Animation in jQuery

< ! DOCTYPE html > < html > < head > < script type= 'text/javascript' src= 'http://code.jquery.com/jquery-1.10.1.js' > </script> < script type= 'text/javascript' > $(window).load(function(){ $(document).ready(function () { $( '.show_hide' ).click(function () { $( '.slidingDiv' ).slideToggle( 'fast' ); }); }); }); </script> </head> < body > < div class= "slidingDiv" style= "display: none;" > Sliding Div </div> < button class= "show_hide" > Show/Hide </button> </body> </html>

Canvas Create sunshine effect in javascript

< ! DOCTYPE html > < html > < head > < script type= 'text/javascript' > window.onload=function(){ function setSunBg(canvasId, n) { var bgCanvas = document.getElementById(canvasId); var width = parseInt(bgCanvas.getAttribute( 'width' ), 10); var height = parseInt(bgCanvas.getAttribute( 'height' ), 10); var cx = width / 2; var cy = height / 2; if (bgCanvas && bgCanvas.getContext) { var context = bgCanvas.getContext( '2d' ); if (context) { var grd = context.createRadialGradient(cx, cy, 0, cx, cy, cy); grd.addColorStop(0, '#ffe' ); grd.addColorStop(0.3, '#ff8' ); grd.addColorStop(0.4, '#ff5' ); //grd.addColorStop(0.4, '#ff0'); grd.addColorStop(1, '#fd0' ); context.fillStyle = grd; context.fillRect(0, 0, width , height ); fo...

Blink text in jQuery

< ! DOCTYPE html > < html > < head > < script type= 'text/javascript' src= 'http://code.jquery.com/jquery-2.1.0.js' > </script> < script type= 'text/javascript' > //<![CDATA[ $(window).load(function(){ setInterval(function(){ $( '.comments' ).toggle(); }, 1000); }); //]]> </script> </head> < body > < div class= "comments" >Hello World </div> </body> </html>

Get color from color picker in jQuery

< ! DOCTYPE html > < html > < head > < script type= 'text/javascript' src= 'http://code.jquery.com/jquery-1.9.1.js' > </script> < script type= 'text/javascript' > $(window).load(function(){ $( "#colorpicker" ).on( "change" ,function(){ $( ".myclass" ).css( "color" ,$( "#colorpicker" ).val()); }); }); </script> </head> < body > < input type= "color" id= "colorpicker" /> < p class= "myclass" > Hello World </p> </body> </html>

Canvas Draw Spiral animation in Javascript

< ! DOCTYPE html > < html > < head > < script type= 'text/javascript' > window.onload=function(){ function DrawSpiral(mod) { var c = document.getElementById( "myCanvas" ); var cxt = c.getContext( "2d" ); var centerX = 150; var centerY = 150; cxt.save(); cxt.clearRect(0, 0, c.width, c.height); cxt.beginPath(); cxt.moveTo(centerX, centerY); var STEPS_PER_ROTATION = 60; var increment = 2 * Math.PI / STEPS_PER_ROTATION; var theta = increment; while (theta < 40 * Math.PI) { var newX = centerX + theta * Math.cos(theta - mod); var newY = centerY + theta * Math.sin(theta - mod); cxt.lineTo(newX, newY); theta = theta + increment; } cxt.stroke(); cxt.restore(); } var counter = 0; setInterval(function () { DrawSpiral(counter); co...

Canvas Chase the mouse animation in javascript

< ! DOCTYPE html > < html > < head > < script type= 'text/javascript' > window.onload=function(){ var canvas=document.getElementById( "canvas" ); var ctx = canvas.getContext( "2d" ); canvas.width = canvas.height = 500; var targetX = 0,targetY = 0; var x = 10, y = 10; var velX = 0, velY = 0; var speed = 5; function update(){ var tx = targetX - x, ty = targetY - y; var dist = Math.sqrt(tx*tx+ty*ty); var rad = Math.atan2(ty,tx), angle = rad/Math.PI * 180; var velX = (tx/dist)*speed, velY = (ty/dist)*speed; x += velX y += velY ctx.clearRect(0,0,500,500); ctx.beginPath(); ctx.arc(x,y,5,0,Math.PI*2); ctx.fill(); setTimeout(update,10); } update(); canvas.addEventListener( "mousemove" , function(e){ targetX = e.pageX; targetY = e.pageY; }); } //]]> </script> </head> < body > < canvas id...

Create a Grid of dragable divs in jQuery Event

In this code you will be create grid from the Dragable from the any place from the website . < ! DOCTYPE html > < html > < head > < script type= 'text/javascript' src= 'http://code.jquery.com/jquery-1.9.1.js' > </script> < script type= "text/javascript" src= "http://code.jquery.com/ui/1.9.2/jquery-ui.js" > </script> < style type= 'text/css' > .placeholder { background : #EEE; border : 1px dashed #ddd; visibility : visible !important; float : left ; margin : 15px; display : block; } #special { width : 232px; list-style-type: none; float : left ; } ul { padding : 0; display : inline-block; margin : 0; width : 396px; } li.general { list-style-type: none; float : left ; width : 100px; } .widget { background : white; position : relative; display : none; border : 1px solid rgb(187, 187, 187); margin : 15px; z-index: 5; display : bl...

Method Overloading in Java

class MethodOver {       int n1;       int n2;       MethodOver()      {            n1 = 10;            n2 = 20;      }      void square()     {           System.out.println("\n\n\tThe Square is " + n1 * n2);      }           void square(int p1)      {           n1 = p1;          System.out.println("\n\n\tThe Square is " + n1 * n2);      }     void square(int p1, int p2)     {          n1 = p1;        ...

PHP Login Example with session

In this example you have create 2 PHP files .                                                    File Name : index.php <?php         session_start(); //start session         if(isset($_POST['click']))        {               $_SESSION['user']=$_POST['username']; //set value of username in session varible               header("Location:file2.php");               exit;        } ?> <html>    ...

Find the website's vulnerabilities

Find the website's vulnerabilities . 1 ) open terminal in kali linux 2 ) Type uniscan in terminal 3 ) then type this command for the scan the website is vulnerable or not               uniscan -u http://yourwebsitename.com -qewds                then hit enter . the process will be start and all the information from the website or their ip address and other information will be shown .              The process take the time from the scan from the website .

StringBuffer class in java

import java.util.*; class strbuf1 {         public static void main(String args[])        {               StringBuffer s1 = new StringBuffer();               StringBuffer s2 = new StringBuffer("Hello World");               StringBuffer s3 = new StringBuffer(s2);               StringBuffer s4 = new StringBuffer(100);               System.out.println("s1 = " + s1);               System.out.println("s2 = " + s2);               System.out.println("s3 = " + s3); ...

Thread Tutorial in Java

public class Main {   public static void main(String[] args) {     Thread t1 = Thread.currentThread();     ThreadGroup tg1 = t1.getThreadGroup();     System.out.println("Current thread's  name:  " + t1.getName());     System.out.println("Current thread's  group  name:  " + tg1.getName());     Thread t2 = new Thread("my  new thread");     ThreadGroup tg2 = t2.getThreadGroup();     System.out.println("New  thread's name:  " + t2.getName());     System.out.println("New  thread's  group  name:  " + tg2.getName());   } }

Multilevel Hierarchy in java

class student {                int rollno;                String name; student(int r, String n) { rollno = r; name = n; } void dispdatas() { System.out.println("Rollno = " + rollno); System.out.println("Name = " + name); } } class marks extends student { int total; marks(int r, String n, int t) { super(r,n); total = t; } void dispdatam() { dispdatas(); System.out.println("Total = " + total); } } class percentage extends marks { int per; percentage(int r, String n, int t, int p) { super(r,n,t); per = p; } void dispdatap() { dispdatam(); System.out.println("Percentage = " + per); } } class inhe6 {             public static void main(String args[]) { percentage stu = new percentage(1912, ...