coan.codalify.com

Category: jQuery

  • JavaScript sliding panel tutorial

    —

    by

    ninjazhai
    in

    What I’m sharing with you today is a simple JavaScript sliding panel tutorial whereas the sliding drawer looks like and has the same animation effect just like the Android navigation drawer. We were able to achieve the animation effects with the help of jQuery UI. So in our code, we will see the inclusion of…

  • Simple jQuery Drop Down Menu Tutorial

    —

    by

    ninjazhai
    in

    [adinserter block=”34″] How are you guys? What I’m sharing today is a simple jQuery drop-down menu tutorial that can help you create the simplest of its kind. This is just to help you get started creating these types of basic website features. I used this code when I was required to create a drop-down menu…

  • jQuery UI Autocomplete Example

    —

    by

    ninjazhai
    in

    [adinserter block=”34″]We, the developers, want to help our users search for the data they are looking for – in an easy manner. This jQuery UI autocomplete tutorial will help you achieve it! Having an autocomplete feature in our search box is really good for the user experience, it is like having a user assistant while…

  • Google said “The web should be fast”: How to Optimize Your Website for Speed

    —

    by

    ninjazhai
    in ,

    Hey guys! Today we have a guest post about some tips on how to speed up your website! He’s currently working for an e-commerce website and one of his tasks is to make the site load fast. So enjoy reading below! ~ Mike Website speed becomes an obsession of search engines like Google and one of the reasons…

  • jQuery Tutorial for Beginners – Step By Step Guide!

    —

    by

    ninjazhai
    in

    Previously, we learned how to use Bootstrap to make our web applications look good. This time, we will learn how to use jQuery. Many of you asked me how to use jQuery. This tutorial is my answer to you. I want to give you links but I feel like it’s easier to teach someone about…

  • jQuery UI Tutorial for Beginners – Step by Step Guide!

    —

    by

    ninjazhai
    in

    Previously, we learned how to use jQuery to add some interactivity to our web pages. This time, are you getting started with jQuery UI? You’ve come to the right place! This step by step tutorial aims to give you a head start in using jQuery UI. You probably know what jQuery is so you want…

  • jQuery UI Dialog Example with Source Code Downloads

    —

    by

    ninjazhai
    in ,

    [adinserter block=”34″]Dialog boxes, modals, confirm boxes can also be done with awesomeness in jQuery UI. In this post we are going to take a look at the three jQuery UI dialog code examples I commonly use in my projects. Live demos and code download button links were also provided below. Keep on reading! Our jQuery,…

  • JavaScript POST request example

    —

    by

    ninjazhai
    in

    [adinserter block=”34″] RELATED TUTORIAL: PHP, MySQL and AJAX CRUD Tutorial – Step by Step Guide! This post will show you JavaScript POST request examples. This is useful if you want to submit a form using HTML and JavaScript. A PHP file will receive the posted data and print the response. I think this is one…

  • Working with Geolocation watchPosition() API

    —

    by

    ninjazhai
    in

    [adinserter block=”34″] I’m going to share a Geolocation watchPosition() API example. This working navigator.geolocation.watchPosition() code I used when I wanted the user to know his current location in real-time (while he is walking or riding a vehicle). This works while the user is using his Android device or any device with a browser that supports…

  • Sum textbox values using JavaScript

    —

    by

    ninjazhai
    in

    [adinserter block=”34″] A friend asked me how to sum textbox values using JavaScript? He wants to do this as he type the numbers. Here’s a quick answer to that: Give all your TextBoxes a class name and use the jQuery ‘keyup()’ and ‘each()’ methods to compute the sum. LIVE DEMO HTML – a table where…