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...
Post a Comment
Read more

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>
Post a Comment
Read more

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 ?>
Post a Comment
Read more

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);                   ...
Post a Comment
Read more

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...
Post a Comment
Read more

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" > ...
Post a Comment
Read more

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= ...
Post a Comment
Read more

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>
Post a Comment
Read more

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...
Post a Comment
Read more

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>
Post a Comment
Read more

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...
Post a Comment
Read more

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 .
Post a Comment
Read more

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 = "...
Post a Comment
Read more

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...
Post a Comment
Read more

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 ...
Post a Comment
Read more

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 .
Post a Comment
Read more

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...
Post a Comment
Read more

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 .
Post a Comment
Read more

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>
Post a Comment
Read more

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>
Post a Comment
Read more

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 .
5 comments
Read more

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> ...
Post a Comment
Read more

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>
Post a Comment
Read more

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>
1 comment
Read more

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>
Post a Comment
Read more

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>
Post a Comment
Read more

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>
Post a Comment
Read more

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...
Post a Comment
Read more

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>
Post a Comment
Read more

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>
Post a Comment
Read more

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...
Post a Comment
Read more

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...
Post a Comment
Read more

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...
Post a Comment
Read more

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;        ...
Post a Comment
Read more

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>    ...
Post a Comment
Read more

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 .
Post a Comment
Read more

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); ...
Post a Comment
Read more

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());   } }
Post a Comment
Read more

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, ...
Post a Comment
Read more