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.


     In some situation, user no needs to do any action on the particular div, when the specific html element is not showing on the screen, so we have a option to find the specific html element is visible or not.

     The following javascript program will show to create a simple animation in canvas. Canvas is included in HTML5 technology and it will support all latest web browsers.

     First we have to create a canvas, using <canvas> tag and set the width and height for the canvas.

     In jQuery toggle() method is used to switch the display, show or hide, but here we don't have the method but we can do like below.

     In the following program is used to check given html element is found on the current document or not.

Determine Browser

      Detect the browser using jQuery, we need to import the "migrate" plugin with jQuery plugin. "$.browser" is used to find the browser version and browser type.

Syntax

     $.browser

     The above $.browser method will return the object, this object is include all the details about the browser like, browser version, browser type.

     The following example is showing how to track the mouse current position on the div or whole page,  event.pageX and event.pageY is used to find the mouse x and y position.

     Most of the HTML part is working in Internet Explorer browser is different from other browsers like google chrome, firefox and etc. So we can specify the HTML block for the Internet explorer, also we can specific including with the Internet Explorer version. This only executed in Internet explorer browsers only.

     The following code are grab from online-html-tools.blogspot.com Random post generator, here you can generate your own widget, in my sense I generate some code and show it for your blogger.

Try Blogger Random Post Generator

     The following example is shown how to create the news headlines one by one, like flash news. This code is fully created in javascript/jQuery.

     Decide which content should be come with role effect, and put the head lines inside the <div> tag like below
     The following color animation is created from pure javascript code, and <canvas> the animation is created in canvas. In the following animation we not used any external plugin and you can customize using our HTML editor.

     The following animation is created using, canvas and pure JavaScript Code.
     One might think that the author is crazy is use a title like that but if one refer to the skewed sex ratio in few states of our country, then I am not completely wrong. Women, who play various roles in our lives as a all-knowing mother, naughty sister, passionate lover, caring friend, loving daughter etc but it is very common fact that they are often treated as doormats or taken for granted especially mothers and wives.

     I would like to mention a conversation I had with my friend few days back. She told me about a baby shower held in one of her cousin’s house. The woman’s in-laws gave her blue-colored baby clothes and every woman wished for a healthy baby boy. She noticed that and she said that her blood boiled and was in foul mood when she reached home back. We claim that we have come a long way from our patriarchal society and speak volumes about equality.

     Do we actually believe in all that stuff, like seriously?? Why, why and why boy are preferred?? Why do we forget that men are the ones who drop their parents in some old age home and never turn back and some don’t even bother about that? Why do we forget that men rape wome, they beat their wives and violate their self respect? Why do we forget, most of the dacoits, robbers are men? Why do we forget that men kill their parents for a piece of land? Why do we forget that men are responsible for a woman’s misery? If men make their women folk secure then they are the ones who make them feel insecure. Always women are asked to compromise, they are asked to turn a blind eye when their husbands cheat, or disrespect them, they are asked to stay in an abusive relationship for the sake of their kids. Why should only a woman compromise? Why should ONLY a woman make adjustments?

     Is there no responsibility of a father towards his wife and kids? Why a woman called slut and prostitute when she has multiple boyfriends or when she loses her virginity before the marriage and man is let off when he sleeps with a different woman every single night?? Why a woman is called character less when she drinks or smokes but if the man does the same, then it’s alright?? When a woman uses expletives, it is shameful but when the man does the same, it is the sign of manhood?? Why should women become the scapegoats for every CRIME OF MAN???

     According to Bible, eve- the first woman was created from the bone of rib of adam- the first man. So mind you, she was not created from foot so that man can trample on her, but she was created from a bone close to the heart so that man can always hold her close to his heart.One should always remember that.
Behind every successful man, there is a woman.

     The following animation code was tell you to create a simple canvas animation using only Javascript and CSS coding. This is fully control through mouse you can catch through and play, 2D animation.

     The animations are created inside the Canvas, canvas is the new technology including the HTML5 here can easy to create the animation.

     jQuery have some fade effects, they are show and hide a html element with some effects. The type are define below

  • fadeIn
  • fadeOut
  • fadeToggle
  • fadeTo

     oncopy event attribute is used to call a function or do any action while copy the text by using ctrl+C key or right click and press Copy menu.

     They oncopy can apply in text box, <div> tag, <img> tag, <p> tag and etc..

     IFrame is used to attach a web page inside the webpage. Source website can block the <iframe> request, for eg try to put "http://www.google.com" you can't because cross origin error will display. This will set in the server settings. Also we can't able to access their functions, classes and all. If your Iframe content is same URL you can access.
     Classes are used to assign a style, or someone used for dynamic design. More than one HTML element contain same class name, but not in ID.

     Text overflow is used to when the text is over the div or other html element, and if it is set to "overflow:hidden" in css property, we can use this. When use this property, If the text are hidden it will indicate some text are hidden using three dots.

HTML have three types of lists they are

  1. Ordered List
  2. Unordered List
  3. Description List

List in HTML
     The following code is used to create the navigation bar, with mobile responsive, it will adjust the navigation bar when browsing on the mobile.

Drop down list in html

     The drop down list box is created using <select> and <option> tag.

<Table> Tag

     This tag is used to create the table by rows and columns, the <table> tag contain some important tag (<td>  and <tr>).

Image Link

     We can create integrate the image using <img> tag and we can create the link using <a> tag, we can create the image link using these both.

<img> Tag

     This tag is used to integrate the image with the HTML page, and it contain some attributes.

Multiple Image Upload

     In the following example we are checking the file size 100KB, if the upload file size is exceed 100KB then program won't allow user to upload the image. And if it is successfully uploaded we will show the success message.

Total Pageviews