charanblog: New HTML5 Tags

-
charanblog: New HTML5 Tags: HTML5 brings a host of new elements and attributes to allow developers to make their documents more easily understood by other systems (es...

Comments

Post a Comment

Popular posts from this blog

Check no.of vowels in javascript and html

-
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script language="javascript" type="text/javascript">     function check()     {         var str =document.getElementById("textboxing").value;         var chr = ""         var nVowels = 0         //Counting all the vowels except y.         for (pos = 0; pos < str.length; pos++)         {             chr = str.charAt(pos);             if (chr == "a" || chr == "e" || chr == "i" || chr == "o" || chr == "u" ||                 chr == "A" || chr == "E" || chr == "I" || chr == "O" || chr == "U")                ...
Read more

How to Create Image Swap Effect using CSS

-
The image swap effect is a very common thing for those freelance web designers and those working in web design companies . For navigational purposes, it can make menus much easier on the eyes by highlighting the user’s pick. This helps to prevent misclicks , and looks nice as well. When you want to create an image swap effect, the standard procedure is usually to throw in an OnMouseOver event in JavaScript. Unfortunately, there are a number of disadvantages to this approach, like the fact that a large number of people have JavaScript disabled in their web browser for security purposes. Thankfully, the same effect can be created using standard HTML and a neat trick using CSS. Here’s how the trick works for CSS. First you’ll create a division in your code with the div tag and give it a class . Inside of the division, you’ll place the image in standard image tags that will be used for when the mouse is not over the designated area. Next, you’ll add a background image to th...
Read more

Php Jquery file upload`

-
The system is very simple, build your upload form just like normal. In place of posting the form to the script you use some JavaScript code to post the data to some PHP script in the background. Requirements A LAMP server with PHP5 and Imagemagicks enabled (optional) the  Easy Upload PHP class the  jQuery Javascript Library and the  jQuery Form Plugin Download the required files and place the JavaScript files into the same directory as your HTML document and place the following JavaScript code into the HTML header: <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.form.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#loading") .ajaxStart(function(){ $(this).show(); }) .ajaxComplete(function(){ $(this).hide(); }); var options = { beforeSubmit: showRequest, success: showResponse, url: ...
Read more