<!DOCTYPE HTML> <html> <head> <style> #div1, #div2 { float: left; width: 100px; height: 35px; margin: 10px; padding: 10px; border: 1px solid black; } </style> <script> function allowDrop(ev) { ev.preventDefault(); } function drag(ev) { ev.dataTransfer.setData(“text”, ev.target.id); } function drop(ev) { ev.preventDefault();…
To start the clock, call the drawClock function at intervals: <!DOCTYPE html> <html> <body> <canvas id=”canvas” width=”400″ height=”400″ style=”background-color:#333″> </canvas> <script> var canvas = document.getElementById(“canvas”); var ctx = canvas.getContext(“2d”); var radius = canvas.height / 2; ctx.translate(radius, radius); radius = radius…
Validation form is very useful when we are checking on the client side. there are lots of methods are available for validation. As you can see to pass through data you can simply use the key pair syntax so the…
Those are formatted as ISO 8601 durations, which is supported by DateInterval, which has the handy method format. Lets see now below Example echo (new DateInterval(“PT19H15M”))->format(“%H:%I”); Output 19:15
The jQuery :selected selector can be used in conjugation with the val() method to find the selected option value in a select box or dropdown list. This tutorial teach you how to get attribute from selected option using jQuery. HTML…
I have been using some JavaScript techniques in the past to find the maximum and minimum number in an array. I recently stumbled upon a really fast and simple solution to find the max and min number in an array…
When you search for a solution for full-screen overlay, the most website provides solutions using JavaScript or jQuery. The following solution is using CSS and JavaScript of jQuery. Here we are going to create a page loader window those overlays…
It may be useful sometimes to provide your visitors with the option to change the appearance of your website. May be you want to provide theme support for your site. Or you may simply want to provide a bigger font…
This tutorial shows you how to set up a basic form validation with jQuery, demonstrated by a simple registration form. We’re going to use the jQuery Validation Plugin to validate our form. The basic principle of this plugin is to…
I have been using some JavaScript techniques in the past to find the minimum number in an array. I recently stumbled upon a real fast and simple solution to find the min number in an array and thought of sharing…