Tutorials Archives

jQuery Datatables sDom – Custom Elements

February 14, 2019 by Reedyseth

This post is the next part of Working with the jQuery Datatables plugin. Since this tutorial is written for those familiar with the plugin You might need to learn the basics of the plugin on the following link http://behstant.com/blog/jquery/datatables-jquery-implementation/. On this tutorial I am going to focus on how to manipulate the elements of the Datatables by using the sDom property. In the first place you need to know that the plugin jQuery Datatables have 4 visual core elements:

Number of items to Display.
The main table.
Number of records retrieved.
Paginator.

Since these elements are visual you can put them in different positions or perhaps you can decide to set them visible or not, however, remember that not adding information into this property will result in a working DataTable using the default settings.

Datepicker jQuery UI Implementation

May 22, 2017September 18, 2015 by Reedyseth

On this days it is so easy to find a Javascript Datepicker on the field but if you really want a Datepicker with lots of feature you should definitely check out the jQuery UI Datepicker. This jQuery plugin is very configurable to fit your needs. In the following list you can find some of its features.

In order to use this jQuery Datepicker you only have to point to the correct elements with a CSS3 selector, for example if I have a input with id = datepicker then to attached the jQuery Datepicker to that element I would use the following code.

Installing Oracle 11g R2 on WIndows 7

November 20, 2015February 1, 2015 by Reedyseth

As many of you know Oracle is the top leader on Database Performance and Management, there are many databases on the market but believe me at my Job I work with thousands of records on Oracle, I mean thousands. I will not take away the credit on the other Databases though. On this tutorial I will guide you through the installation process on Windows 7.

I am creating a PHP library to work with different databases, right now it includes connections for MySQL and Oracle, and this is why I am making this tutorial because before you connect to Oracle you must have it on you system.

I let you know that if you have installed Oracle before then this tutorial will help you only as a reference, otherwise keep reading a follow the steps.

1.- DOWNLOADING ORACLE

2.- Selecting the Windows Version.

Here you will select the version for your Operating System on this time we are selecting the 32 Bits version.

Search with Ajax and jQuery UI Autocomplete, PHP, MySQL and JSON

April 26, 2016September 10, 2014 by Reedyseth

I have been creating posts with scripts to do small stuff, but on this post I would like to show/teach you how to implement the jQuery UI Autocomplete Widget. I have to remark that for the style of the application I am using Bootstrap, so the most important thing is the html code of the form and the Javascript code. This is the Part 1 of the tutorial.

I would like to show you a diagram of the application flow so click it to enlarge.

As you can see the application will load the information when the page loads, this is why the tutorial is Part 1, on further tutorial the information will not be loaded until the user type the information to search. Now, the code.

Ajax usage to search a Record with PHP, MySQL and jQuery

March 23, 2016November 13, 2013 by Reedyseth

I have created a few post about how to Search, Update and Delete data from a MySQL Database with PHP and PDO. Those tutorials are quite simple (but not dynamically enough, they don’t use Ajax), but they are very important to catch the flow of this tutorial if you have never worked with this technologies. The tutorials are in Spanish so if you really need them in English I will be glad to translate them.

Something that I would like to remark is that you can get the scripts at the end of the tutorial.

In order to create a nice look and feel to the page I have implemented the framework Boostrap, but if you don’t want to focus on the look and feel you only have to focus on the Form, the event to Fire the Ajax request and the server to process your request.

The next flow chart will show the path that we are going to cover to complete our Ajax search: