coan.codalify.com

Category: jQuery

  • Simple PHP Pagination Script to Handle Your Growing Data

    —

    by

    ninjazhai
    in

    [adinserter block=”34″]PHP Pagination is another very important feature when building any web application. When you grow your data, it must not be displayed on a single page – it can cause a browser hang or very long vertical scroll-bar, so in short, it is not good for the user experience. Video Demo Our final output.…

  • Scroll to top of page in JavaScript

    —

    by

    ninjazhai
    in ,

    Today I’ll show you how to scroll to top of page in JavaScript. There are some friends who asked me how I did this “back to top” feature of our blog. Imagine you scroll down this page, you will see an “up arrow” image on the lower right corner. When you click it, it will…

  • Two Example Usage of jQuery On() Method

    —

    by

    ninjazhai
    in

    [adinserter block=”34″]How are you guys? Many friends asks me what is the use of jQuery on() method, where and when can we use it and why is it important. So in this tutorial, I’m going to give you two example situations where we can use the jQuery on() method. By definition, jQuery on() method attaches…

  • A Quick Way To Create A Vertical Accordion With jQuery

    —

    by

    ninjazhai
    in

    [adinserter block=”34″]Today we are going to create a vertical accordion from scratch, using jQuery of course! We will have few lines of code that would be easy to understand. I used this code when I was asked to create an accordion for a website’s headlines. So in this example code, we will have: Three headlines,…

  • Dependent Drop Down List Using JavaScript

    —

    by

    ninjazhai
    in

    [adinserter block=”34″] This tutorial will teach you how to make a dynamic and dependent drop down list using JavaScript. We are using PHP and MySQL as well. Example #1 Create index.php Create index.php with the following Basic HTML Code Retrieve ‘Teams’ from database Put the following code between the ‘body’ tags of the previous section.…

  • jQuery slideToggle Example – Solution to Table Row’s Long List of Options

    —

    by

    ninjazhai
    in

    [adinserter block=”34″]When building a web application, there are some situations where you want to have long list options for a table row data. This is where jQuery slideToggle example will be very useful. In our example for today, I have a list of “Authors”, I wanna have the ability to go to their websites, list…

  • Facebook Album Preview jQuery Plugin

    —

    by

    ninjazhai
    in

    [adinserter block=”34″] Hi there guys! Today I want to share with you a jQuery plugin that I made. This jQuery plugin will enable your users to preview your web albums instantly. My inspiration here is the Facebook albums, if you have a Facebook account (I’m sure you have, haha!) and wanted to view the list…

  • Convert a DIV Area to an Editable HTML Form

    —

    by

    ninjazhai
    in

    [adinserter block=”34″]Hello guys! today we are going to do a code that converts a DIV area to an editable HTML form and save the changes to the database. We are going to use jQuery, PHP & MySQL ofcourse. My inspiration for this post is Youtube! LIVE DEMO For beginners, this post covers some useful stuff…

  • Google Plus Style Notification Box Tutorial

    —

    by

    ninjazhai
    in

    [adinserter block=”34″]Hi guys! I like the Google+ notification box and lately I wondered how to code a notification box that look like something like that. I love its simple design and box animation with easing. So I decided to create my own version. Today we are going to do a script that will look like…

  • jQuery Redirect onClick Event (New or Same Window)

    —

    by

    ninjazhai
    in

    [adinserter block=”34″]jQuery Quick Tip: This time I’m gonna show you how to redirect a page to another page or website when a user selected a value from a dropdown list and clicked a button. We have two buttons here, the first one will redirect you to a website in the same page and the second…