AllInWorld99 provides a reference manual covering many aspects of web programming, including technologies such as HTML, XHTML, CSS, XML, JavaScript, PHP, ASP, SQL,FLASH, jQuery, java, for loop, switch case, if, if else, for...of, for...in, for...each,while loop, blogger tips, blogger meta tag generator, blogger tricks, blogger pagination, client side script, html code editor, javascript editor with instant output, css editor, online html editor, materialize css tutorial, materialize css dropdown list,break, continue statement, label,array, json, get day and month dropdown list using c# code, CSS button,protect cd or pendrive from virus, cordova, android example, html and css to make android app, html code play,telerik show hide column, Transparent image convertor, copy to clipboard using javascript without using any swf file, simple animation using css, SQL etc. AllInWorld99 presents thousands of code examples (accompanied with source code) which can be copied/downloaded independantly. By using the online editor provided,readers can edit the examples and execute the code experimentally.


Snake Game

     Snake game very interesting game, this game will be execute all HTML5 supported browsers old browser may not supported HTML 5.

HTML5 Snake Game

Online META tag Creator

     The following tool is used to increase your website traffic and tell google or other search engine to tell about your website.

META tag generator

Grep and Map

     The $.grep() and $.map() are two array utilities provided by jQuery to filter an array. The main difference is that grep() method filters an array and returns the filtered array, while map() simple applies a function to each item in the array, thus returning a modified array. The following is the format and example of grep() and map().

$.grep()


$.grep (array, function (value,index) {
------
------
});
     The first parameter is the array we want to filter. The second parameter is the numerical index of each array’s item. The third parameter is the actual value of each item in array.

Grep Method in jquery

Local storage and Session storage

  Local storage and session storage are part of web storage which itself is part of the HTML5 application.

Local storage and Session storage

Local Storage

     Stores data with no expiration date and this is the one we will be using because we want out to-do’s to stay on the page for as long as possible. Before HTML5 , application data had to be stored in cookies, included in every server request. Local storage is more secure, and large amounts of data can be stored locally, without affecting website performance.Unlike cookies, the storage limit is far larger (at least 5MB) and information is never transferred to the server.Local storage is per domain. All pages, from one domain, can store and access the same data.

Store

localStorage.setItem("lastname", "Smith");
Create a localStorage name/value pair with name="lastname" and value="Smith"

Retrieve

document.getElementById("result").innerHTML = localStorage.getItem("lastname");
Retrieve the value of "lastname" and insert it into the element with id="result"

Remove Item

localStorage.removeItem("lastname");
Remove the local storage "lastname" key

Session Storage
     It is same as the local storage except that it stores the data  for one session.The data is deleted when the user closes the browser window. The following is the example of using session storage.

Set  value

sessionStorage.setItem("Name","aaa");

Get value

sessionStorage.getItem("Name");


Set alternate image html

     In some situations, the image path set by user may not return any image but null value .
(When image is removed from the provided path or may be due to fault in path provided in the tag.)

Unknown Image in HTML tag

For these situations we can set an alternative image path if the invalid image path.

1) In line HTML
2) Call a Function when error occur

In Line HTML

     In line HTML is used to give alternative image path directly. 

String Functions

     Usually the string is defined with in single quote or double quote in JavaScript/jQuery, in jQuery have some built in methods to manipulate the string.

Types
     charAt()
     toUpperCase()
     toLowerCase()
     replace()
     split()

i)charAt

     Find the character position from given string.

var str="Allinworld99";
var str_val=str.charAt(3);  //It returns i

ii)toUpperCase

     Convert the given string to upper case letters.

var str="Allinworld99";
var str_val =str.toUpperCase();  //It returns ALLINWORLD99

iii)toLowerCase

     Convert the given string to uppercase letters.

var str="ALLINWORLD99";
var str_val =str.toLowerCase();  //It returns allinworld99

iv)replace

     This method is used to replace word/character by another word/character.

var str="3inworld99";
var str_val=str.replace("3","All");  //It returns Allinworld99

v)split

     This method is used to split the string by using a delimiter and push it into an array.

var str="A,L,L,I,N,W,O,R,L,D";
var X=str.split(",");  //It returns ["A","L","L","I","N","W","O","R","L","D"]

Array


Telerik clientevents parameter / passing arguments to client events

     In default methods you can’t able to pass argument to client event, but we can pass it through Function.prototype method.


Function.prototype.curry = function () {
var method = this, args = Array.prototype.slice.call(arguments);
return function () {
return method.apply(this,Array.prototype.slice.call(arguments).concat([args]));
            };
        };

Example

<script>
        Function.prototype. argumentsvalue = function () {
            var method = this, args = Array.prototype.slice.call(arguments);
            return function () {
                return method.apply(this, Array.prototype.slice.call(arguments).concat([args]));
            };
        };

function PostPondtimediff(sender, eventArgs,source)
{
       alert(source);  //source= 1=> (RadID1) 2=> (RadID2)
}
</script>

<telerik:RadTimePicker ID="RadID1" runat="server" DateInput-Enabled="false">
<ClientEvents OnDateSelected="changefunction.argumentsvalue(1)" />
</telerik:RadTimePicker>

<telerik:RadTimePicker ID="RadID2" runat="server" DateInput-Enabled="false">
<ClientEvents OnDateSelected="changefunction.argumentsvalue(2)" />
</telerik:RadTimePicker>

Rad date time picker validation

     If we are using two Rad Date time pickers and first one should be lesser than second one then we need to do a validation, the validation code is shown below.

Create Telerik Rad Date Time Picker

From <telerik:RadTimePicker ID="dtpfromTime" runat="server" DateInput-Enabled="false">
        <TimeView ID="TimeView6" runat="server">
        </TimeView>
        <ClientEvents OnDateSelected="chkvalue" />
    </telerik:RadTimePicker>
                                     
To:<telerik:RadTimePicker ID="dtptoTime" runat="server" DateInput-Enabled="false">
     <TimeView ID="TimeView6" runat="server">
     </TimeView>
     <ClientEvents OnDateSelected="chkvalue" />
   </telerik:RadTimePicker>

Javascript / jQuery Validation Code

<script>
    function chkvalue() {
        var starttime = $find("<%=dtpfromTime.ClientID %>").get_dateInput().get_value();
        var endtime =  $find("<%=dtptoTime.ClientID %>").get_dateInput().get_value();
        if (starttime != null && endtime != null && starttime != "" && endtime != "") {
            var startDate = new Date("1/1/1900 " + starttime);
            var endDate = new Date("1/1/1900 " + endtime);
            var difftime = endDate.getTime() - startDate.getTime();
            difftime /= 1000;
            var hrstomins = difftime / 60;
            var hours = parseInt(difftime / 3600);
            var mins = parseInt((difftime % 3600) / 60);

            if (startDate >= endDate) {
                alert("To Time must be greater than From time");
                endtime.set_selectedDate(null);
            }
            else {
                alert("Success");
            }
        }
        else {
            alert("No need to Check Any Conditions")
        }
    }
</script>

If you choose lower than, first value it should show error message.

Must higher than From Time

The validation code only allow to select the valid time only.

Rad Date Time Picker Correct Validation



Telerik Rad Date Time Picker

     Telerik is the external plugin for .net, it includes more features like grid,date time picker, calender, etc.

     Rad Date time picker is used to simplify the users work, all you need to add the telerik plugin files and just call the controller and place it where you want.

Example:-

<telerik:RadTimePicker ID="RAD_ID" runat="server">
</telerik:RadTimePicker>

Rad Date Time Picker

Basic of Create and Execute the java Program

     First you need to choose a text editor like Notepad, Notepad++, Wordpad and etc, I recommended to use the Notepad++.

Write a Simple Java Program and Save
     After open your editor write a java program and save it same as class name (class simple) with .java extension, your file name should like classname.java.
File_name.java

where
File_name – it is a file name which used in main method.
Java – extension, it indicate the file type.

Simple Java Program
Java Development Kit (JDK)
  Java development kit has collection of tools. The following tools are used to for creating the java program and for the execution.

Applet viewer - used to execute the java applet without using the webbrowers.

Javac - It is command for the java complier. It can be used to generate the java byte
code from the source code.

Java - It is a command for the java interpreter. It is used to generate the machine code
from the java byte code.

Javap - It is a java disassemble class file. It is used to change the byte code file to
program description.

Javadoc - It is a document generator, which can be used for generate the HTML document
from the java source code file.

Jdb - It is a java debugger. It can be used for find the error of the program.

Javah - It can be used for generate the header file, when program use the native
method in C, C++.

Apt - It is an annotation processing tool used in the java program.

Jar - It is an archive. This tool can manage the jar file. And this package is used to link
the class libraries into jar file.

Keytool - This tool is used to change the security certificates such as authorization
certificates, public key certificates.

pack200 - It is a JAR compression tool for generate the java program into jar file

Java Development Kit JDK
Create your banner online without Image and 95% code/Image size will decrease.

Css Banner Creator

Marquee without break

     Usually the marquee tag is rotate the div content, as user specified direction like up, down, left and bottom. But the scrolling text will not continuously scroll, the last line and fist line having some break. We can solve it through below program.

Continuously marquee without gap

Colorful CSS button

     Following program we have design two colorful button for you, red color and blue color button, you can also modify this button color size etc. Put return false to avoid the screen shaking when clicking on the link button.
Pure CSS button

CSS Button

     The following button can edit here and copy the code by using the below HTML editor. It is used only pure CSS code and one <a> tag and <div> tag. It is very easy to do and easy to understand.

Glue effect Pure css button

Fanch 3D Button

     The following button is created using pure css, one href tag and one Div tag. This will show very naturally and you can customize it though our HTML editor and copy the code and use it to your website or blog.
Fancy 3D CSS button

Basics of Java

     Java is an object oriented programming language. It is not a platform dependent. Java is a high level language and also it is a third generation language like C, FORTRAN. Java is a general purpose language. It is developed by James gosling and Patrick Naughton from sun Microsystems in June 1991. This programming language is not dependent on any hardware and operating System. This language was first named by Oak. Oak name was changed by Java in 1995. It is used for develop the web application.

Introduction to Java Programming

Blob Thrower 2


Blob Thrower 2

Love Calculator

     In the following text box enter the two lovers name and press calculate button to calculate and display your love percentage.


Online love calculator

CGPA Calculator


The following calculator is used to calculate the CGPA values for anna university.
anna university CGPA calculator

Anna university GPA Calculator

Here you can calculate all department GAP, CSE, ECE, CIVIL, EEE, IT, Mechanical, E&I, Aero, Auto, MBA, MCA .

Anna university GPA Calculator

Credit points for anna university all department and semester

     The following calculator is used to calculate your credit points based on the department and the semester.
anna university credit point calculator
Xara3D
     Xara3D is software for design the animating image. It can be used for design the button, logo, title, and GIF image that is animated image. Using this software, you can create a high quality image. The animated image is used on web page design. Animated image can be saved in various image format such as GIF (Graphics Interchange Format) format AVI (Audio Video Interleave), SWF (Shockwave Flash). This software is also used for static image and animated image. And it can be convert any text and image to 3D form. The converting text can modify based on the size, alignment, line space, and font style and font color. It can also design the screen sever based on animation. Image can designed using the design bar in the option toolbar.


Xara 3d Software

Website Template

    The following template is fully created using html, CSS and jQuery and you can modify and use it anywhere.
     We can't able to show the demo but full screen shot and full source codes are available below, you can download it and use for your website 100% free.


Website Template Green

Tool tip created using pure CSS

    The following example is created by pure css, no jQuery needs to make the tool tips. And you can modify the code by using our HTML live editor and see the changed output instantly.

The CSS is
Simple CSS Tool Tip
Rotate 3D  jug
     The following jQuery animation example is used to rotate a jug like 3D rotation, the following animation is created by using 30 images.
     We are create the animation using the "canimate" jQuery plugin.

canimation jquery animation
Create website and publish to world wide
Now a day you can create a website design without any basic knowledge in HTML and CSS, Using designing tools like Dreamweaver,Macaw,web studio,Comet and etc...
  1. HTML
  2. CSS
  3. Javascript
  4. PHP (Or other Server side Program)
  5. Purchase Domain and Hosting
But you should need to know at least pure basic knowledge in HTML and css for design purpose. HTML - it is used to create the HTML control like Text box , Radio button, drop down list box, button and etc...
Text Box <input type="text" />
Enter the text :
Radio Button <input name="group1" type="radio" >Option 1
<input name="group1" type="radio"> Option 2

Option 1 Option 2
Drop Down List Box <select>
<option>Name1</option>
<option>Name2</option>
<option>Name3</option>
<option>Name4</option>
<option>Name5</option>
</select>


Button <input type="button" value="Click Here" />
CSS - CSS is defined Cascading Style Sheet, This is used for give style to html elements like color set background image and etc..
Example:-

<input style="color: red;border: 2px solid green;background: beige;" type="text" />


Javascript - Javascript is the client side program, this is mainly used for client side validation and passing the client side value to server side and etc. Many Frame works available for javascript like jQuery, AngularJS and etc
You should write your javascript code inside the <script> and </script> tag.

Javascript Code:-
<script>
function calFun()
{
alert("This function was called");
}
</script>

<input type="button" onclick="calFun();" value="Click Here">
PHP Code - This is used to Get the value from the client side and process it to store or retrive the value from the Database. Eg : If you enter the username and password(Client Side), client side program will check some condition like username should not contain symbol like (@#$$%%^), after verified it pass the username and password to server side program (here php), PHP program will receive the username and password and check it with data base is the user is already registered or not and username password is correct, If username and password is match the server side program will allow to redirect the page to profile page or display "Check username and password" error message.

Web Hosting - After create your website you need to buy a unique domain name and Hosting space for upload your website. Many website for web hosting some one are
godaddy
bigrock
hioxindia (Cheap)
Check your Domain name availablity


DOS Command / Input Variable
     Get the input value through a variable and display it on the next line using DOS commands. The %=% command is used to get input from the user in command lines and store it to a variable, we can process the value via that variable.

Syntax :-
 SET /P Variable=Enter the time to Connect: %=%

Example Code:-
echo off
cls
set /P Val1=Enter the time to Connect: %=%
echo Your input was: %Val1%
pause

Output:-
DOS command Input










     In the following tutorial explain you to create more directory using DOS command through batch files (.bat), you can create 100 of folder (directory) in double click.

Steps:
  1) First you need to set echo off for hide the parent directory.
  2) Pause command is used to pause the execution temporary.
  3) Set statement is used to assign a value to variable (eg: set a=1)
  4) If statement is used to check the condition and continue the execution, else then execute from the next line (eg: if %a% LSS 31 md %a%)
 Conditions are check using the following method
               EQU : Equal
                NEQ : Not equal

                LSS : Less than <
                LEQ : Less than or Equal <=

                GTR : Greater than >
                GEQ : Greater than or equal >=

                This 3 digit syntax is necessary because the > and <
                symbols are recognized as redirection operators
5) Goto is used to transfer the execution to another label.

The code is
echo off
pause
set a=1;
set b=30;
echo %b%
:Rept
if %a% LSS 31 md %a%
 set /a a+=1
if %a% LSS 31 goto Rept
cls
set /a a-=1
echo                           %a% Directory Created Successfully
pause

Screenshots:-

command prompt batch file programCreate more folder using dos command

  1. Help the priests and devils to cross the river.
  2. Click on them to move them.
  3. click the go button to move the boat to other direction.

puzzle game
Aztec code is a type of barcode.  It is a 2- Dimension barcode. Aztec code is used for reduce the space when compare with the other barcode matrix. Aztec code is a symbol, which is built on a square grid with a bulls-eye pattern. Bulls-eye has 9*9 or 13*13 pixels. Aztec code is generated by using the encoding scheme.
All type barcode Grenerator
Drive with your monster truck and collect your stars. But several disturbance in your way like damaged car and etc problem, face it all and collect your starts and try to pass to the next level of the game. Start Ride

urban crusher 3
  The following animation is designed by allinworld99 and it will free to use. you can see the output and download by using the below Download Full source Code Link.


Paper cutting Animation
    HTML stands for Hypertext Markup Language. It is a simple programming language. It is a case insensitive and easy to learn programming language.

Uses 
Html is used to design web pages.it can create simple webpages.it does not support graphical interface but supports implementation of images or other objects.it uses predefined tags enclosed with in angular brackets. A wide range of tags are supported by html and each serve a different function.
How it works 

Html programs are written with a specified format. To represent a bold letter or a letter with large fonts appropriate tags are used which are interpreted by the browser to change it to a page. Unlike other languages html is dead easy that a person can learn basics with in hours.html has two main parts in it.a starting tag always ends with a “/” when it ends.

Head section
Body section

Head section
This portion acts as starting portion and only has a title bar.
Body section
This is the main part of the language.it displays data in the web page represented in the program.

Example Program:-
<html>
  <head>
     <title>Title of website</title>
  </head>
<body>
 This is the body part
</body>
</html>

The following editor can edit the program and see the output instantly without storing your local system.


HTML code

QR barcode generator

Barcode is an optical representation of data that only a machine can read. They represent data by using lines with varying width. These types of barcode are called one dimensional barcode or linear barcode.it is used extensible in commercial market products for checkout. Barcodes are of two types One dimensional(linear) Two dimensional(Q R-quick response) One dimensional These are the ones you see in books and other products .They are simple and hold details of the product. The width of the lines represent the data in the code and can be read by a device Two dimensional These code are far more complex than the 1-d code and can contain up to 4000 characters.These codes contain the following components Finder pattern Alignment pattern pattern of square The code is scanned to revealitsdata. During scanning the reader has to find the arrangement of squares, direction of facing and the angle of scanning. A“Q R” code can still function even a part of it is damaged because they have a margin of error. As the “Q R” codes are complex the device and the software used to scan is also more complex. Two dimensional codes have been evolved so much and there are more types of codes like data matrix which can hold more data in a much smaller space Uses As you know barcodes are nowadays used in a wide array of fields like product details product price, links to web pages links to application patient identification in hospitals etc… QR Code Generator
   We can integrate the blogger post with facebook twitter linkedin and app.net automatically when you create a post in blogger. we can use it through Blogger post integration website.

Auto_share_blogger_post_with_facebook_twitter
     The following technique is used to create the copyright bar for website or blog like blogger,WordPress, typepad and etc...

Step 1:
   First go to copyrighbar.com 

Copyrigh bar creator for website blog

   First we need to create a form with "Choose File" button, "Caption" textbox and "Upload" button. Create the table for saving file name and caption.

php Image Upload
     Javascript is a client side program, it will handle by the browser. JavaScript is an object oriented programming language that is used in web pages to create interactive contents in web pages. JavaScript is a dynamic language and is a part of web browser.

Javascript

Online PDF Creator

The following tools is used to Convert your HTML file to pdf file, you have two option to convert, you can download the file or open from your browser directly. Here you can convert text and some of the following html tags are supported.
Convert to PDF
Color Picker
  The color picker is used to select the color from the color panel and can adjust the color darkness.

Requirement:-
  You need to download integrate the following js files and one css file.

colopick:
 colpick.js => this file is created for color picker functionality and actions.
 colpick.css => This file is used to give the style for the color picker.


If you want to display the color picker panel when you click on a text box your code should be like below.



jquery Color Picker

Character Count

  The following application is used for count the entered character, copy paste or enter the character in the following text box you can able to see the count of the character left side.

Character count

css play button


In the following css code we are used 6 div tag and some css code.

Css 3D Play Button
The following META tag generator is only for blogger. Meta tags are small coding statement. They contain description about the content. They provide detailed explanation on the content. They provide a website with increased traffic. Unlike other tags they do not affect the appearance of the content but it deals with the information on things like description of content, author, update, keywords etc.

Blogger meta tag genarator
Deskpins for windows operating system
  Deskpins allow you to keep any windows on top, this is called always on topThis is mainly used, when you want to use more than one window to work, for example if you want to type some words from another window then we can use.


Options of Deskpins:
 Pins

Deskpins change color options
Blogger Full SEO Meta Code
  The following Meta code will improve your traffic rating, the following code will include your facebook, twitter, Google+,Description, Title and etc...

Blogger meta full tags
HTML / CSS / Javascript Formatter The following tool will use to align your unformatted html , css , c or json code to Formatted code. It will show user friendly and user understandable code.

3D Button

  The following button is created using <a> tag. You can edit and see the instant output by using our below HTML editor

Change the following text and use to your website or blogger.
3D Slide Button

Pure CSS buttons

  The following buttons are purely created using css code, 7 types of buttons are there each and every buttons have different style and colors. Also you can edit and see your changes instantly by using our HTML live editor.

Magic CSS Button

Before After Prepend Append

  The following properties are used to insert any content , anywhere of your webpage.

jQuery append before after prepend

Notification

Total Pageviews