Tag archives for jquery
javaScript / jQuery – Techniques of add, remove, toggle and change classes of an Element
After updating HTML to modern HTML5 and java-script to ECMAScript 6, we can say that web industry is now turning as a Self Dependent Platform. Flash and Java applets has been finished and older versions of IE and their troubles which always sucks have been completely vanished and now rememberes as…
Create a Spin Wheel to Win Game with jQuery / javascript
Sometimes we often visit a website or Game like Candy-crush in which we can win Prizes/coupons by Spin Wheel to Win contest. Finally, I thought to create a similar Spinner with the help of jQuery / javascript. In this tutorial, we will create a similar Number Spinner as mentioned. What…
Input Phone number Auto Formatting as user types in jQuery / javascript
I have done a small coding with help of jQuery and develop a <input/> with telephone formatting effect. This <input> can format it's values like telephone numbers after inputting the numbers automatically. First, I would like to confirm that the telephone formatting is only written with few lines of jQuery…
Show Logo as pre-loader while web-page is loading
Today. we will create an animated pre-loader Logo image while loading it's web-page content. It will fade-out after loading all the web-page content. It will be helpful when, web pages takes time to load and sometimes when page is too heavy (full of images/video). Nowadays, sometimes we use too much…
Disable mouse scroll / wheel Zoom on embedded iframe Google Maps
Web Designer / Developer usually embed Google Maps using iFrame in most websites. But, page scrolling stuck when user use mouse scroll in Google map area, and now it is working as Map zoom in/out. So, we always wonder that, "is there a way to disable the zoom via mouse scroll…
Updating address bar with new URL without hash or reloading the page
Just to make it easier to understand the article, this is what Facebook does when you open a photo, for example. The url bar changes to point DIRECTLY to that photo, so you can share the URL without losing where you are in the site. Remember sites based on framing…
10 Useful Beginners JavaScript / jQuery tips and tricks
I consider myself as a advanced when it comes to coding in JavaScript or jQuery however recently I played a bit more with this language and stumbled upon a number of random things i assumed were worth sharing. As you know, JavaScript is the best programming language in the world, the language…
Add style to console log statements
Searching for errors in programming code is called code debugging. Debugging is not easy. But fortunately, all modern browsers have a built-in debugger. Built-in debuggers can be turned on and off, forcing errors to be reported to the user. With a debugger, you can also set breakpoints (places where code execution can…
JQuery or JavaScript tricks for mobile devices like – Android, Windows, BlackBerry, Apple, iphone, ipad
JavaScript support is very good on modern mobile browsers. The mobile version of Firefox and Chrome provide pretty much desktop-level support for HTML5(CSS 3 + JavaScript + HTML 5 ) features. Most mobile phones are running some version of WebKit (what Chrome runs on), so you're pretty much guaranteed better…
Find Location With HTML5 Geolocation API
The Geolocation API is a new technology that’s introduced by W3C – the same organization behind HTML5. Probably for that reason, it is often correlated and grouped with HTML5 in many books and references, although it has actually nothing to do with HTML5 technically. In this post, we are going to…