Tag : HTML



PHP - jquery datatables with mysql database example from scratch

Today, i am going to share with you how to use jQuery datatable plugin in php mysql project. i will also describe small example of data table with server side scripting, here i will use PHP and MySQL to get data from server side. So you have to simple follow few step and will get small quick example. DataTables is a jquery library that provide pagination, instant search and multi-column ordering to HTML table. DataTables easily use with normal jquery ui project, bootstrap. We can simply get records from server side using ajax. In this example, i created "users" table with id, name, email fie.....

By Hardik Savani | August 3, 2017 | | 6338 Viewer | Category : PHP Javascript HTML jQuery MySql Ajax
READ MORE

How to add custom jquery validation for image file upload in summernote ?

Todays, Summernote WYSIWYG editor is a very simple and super fast bootstrap editor. Summernote WYSIWYG editor is a javascript library and it's provide to use their tools for file upload, text bold, color, italy font etc. We can simply use summernote by following their website <a href="http://summernote.org/" target="_blank">"summernote.org"</a>. They provide docs for complete guide and we can use in a minute. They also provide file uploading options, But not more for validation like image max size should be 1mb, file mime type should be png, jpg etc. So we can't do it that simple. However, I.....

By Hardik Savani | July 4, 2017 | | 3590 Viewer | Category : Javascript Bootstrap jQuery
READ MORE

Automatically Refresh or Reload a Page using jQuery Example

If you require to make auto refresh your web page after some time period using jquery or code javascript then you can do it you can do it using javascript. we will auto reload page using setTimeout(), setInterval() and meta http-equiv tag. we can simple do it in php, .net, java, laravel, codeigniter etc. Sometimes, we require to reload page after every 5 seconds, 10 seconds, 15 seconds, 20 seconds, 25 seconds, 30 seconds etc. In this post i will explain how to do it and there are many way to refresh html page. So here you will see three example of auto refresh php page using javascript, you c.....

By Hardik Savani | June 22, 2017 | | 2675 Viewer | Category : Javascript HTML jQuery
READ MORE

How to prevent submit form on enter key except textarea in JQuery?

In this post, i will show you how to prevent form submitting on enter key with except textarea using javascript code. You can simply do this on your php, laravel, codeigniter, asp.ent etc project. In somecases, we require to disable form submit on press enter key on text box that way user must need to press submit button. We can do it simply but if we have to also textarea on that form that it can be cause issue because textarea should accept enter key and goes new line. However, we can also solve this issue by jquery code. So first let's see bellow few lines code for prevent form submit on e.....

By Hardik Savani | June 6, 2017 | | 1417 Viewer | Category : PHP Javascript HTML jQuery
READ MORE

How to create custom scrollbar using jquery mcustomscrollbar plugin ?

In this post, we will learn how to make custom scrollbar will better layout using jquery.mcustomscrollbar plugin. We always want to make best layout of scrollbar instead of default browser layout. default browser layout scrollbar always deferent layout because it depend of browser. So today in this post you can see how to make pretty beautifully scrollbar using mcustomscrollbar plugin. mcustomscrollbar plugin provide us several other option to make more better like set theme and options. So here i make very simple example using mcustomscrollbar cdn, you can see layout of example and also you .....

By Hardik Savani | May 4, 2017 | | 3030 Viewer | Category : Javascript Bootstrap HTML jQuery
READ MORE

PHP - How to custom file uploading with CKEDITOR?

Today, I am going to show you How to do custom file upload with in CKEDITOR in our PHP application. In this tutorial i explain step by step example code of How to do custom file upload with in CKEDITOR. Here i give you full example of How to How to do custom file upload with in CKEDITOR step by step like create one file in this file we are integrate CKEDITO and secound another file which we are created for uploadin custom file. <strong>Follow Bellow Few Step:</strong> <strong>1)integrate CKEDITOR</strong> <strong>2)create one index.php file</strong> <strong>3)create cstom file uploading file.....

By Hardik Savani | April 22, 2017 | | 3985 Viewer | Category : PHP HTML jQuery
READ MORE

Codeigniter 3 - CRUD(Create, Read, Update and Delete) using JQuery Ajax, Bootstrap, Models and MySQL

Today, i am going to share with you how to create CRUD Application with pagination using JQuery Ajax in Codeigniter 3. CRUD is a basic step of any Core Language or framework. CRUD stand for Create Read Update and Delete. So in this post we will learn insert update delete in codeigniter using jquery Ajax. I gave you example from scratch so if you don't know about Codeigniter 3 then no issue. You have to just follow simple step. There are listed bellow step you have to follow: <strong>1)Download Fresh Codeigniter 3</strong> <strong>2)Create Database and Configuration</strong> <strong>3)Add Ro.....

By Hardik Savani | February 19, 2017 | | 155335 Viewer | Category : PHP Bootstrap HTML jQuery MySql Codeigniter
READ MORE

iOS 7 style switches for checkboxes example using switchery JS

<br/> Switchery is a simple component that help us to make beautiful iOS 7 style switches for our checkbox. In this post we will see how to make ios 7 style switches animation using js plugin. If we make using our custom css then it take long time to integrate. For this example i use CDN of Switchery Plugin so we can simply use CDN without download on local, so we can use bellow path of CDN: <br/> <strong>CDN:</strong> <pre> https://cdnjs.cloudflare.com/ajax/libs/switchery/0.8.2/switchery.min.css https://cdnjs.cloudflare.com/ajax/libs/switchery/0.8.2/switchery.min.js </pre> Now we will see f.....

By Hardik Savani | January 17, 2017 | | 2285 Viewer | Category : Javascript Bootstrap HTML CSS jQuery
READ MORE

PHP - How to convert HTML file to PDF using Dompdf library?

Whenever we work on big PHP application, then we generally require to generate PDF of invoice, data, information, subscription etc. If you use any PHP framework like laravel, codeigniter etc then you have option to other package for generate HTML file into PDF. But if you are working on Code PHP then you fetch problem to how to do it. But in this tutorial i am going to give you very simple example to html to pdf convert using DomPDF library. DomPDF library through we can simply render html layout into PDF file. DomPDF library through we can use write external stylesheets, inline style tags, .....

By Hardik Savani | October 23, 2016 | | 30845 Viewer | Category : PHP Bootstrap HTML
READ MORE

Jquery - Animated typing effect using typed js example with demo

Today we will learn How to make typing text effect using jquery plugin in our website. there are several plugins available for different task or effect etc. We may sometimes require to give animated typing effect like typewriter with string for good layout and best gui effect. So, you can also do it using code jquery, But if you use jquery plugin then you can make best and without time wast. So, You can create typing text effect using <strong class="path">typed.js</strong> plugin of jquery. Typed.js plugin give us several option to customize you typing effect like typing speed, loop etc. Usin.....

By Hardik Savani | October 20, 2016 | | 14443 Viewer | Category : HTML CSS jQuery
READ MORE

    Laravel 5 mailchimp api integration from scratch with example

    Laravel 5 mailchimp api integration from scratch with example

    Open Post

    Laravel 5 - Confirmation before delete record from database example

    Laravel 5 - Confirmation before delete record from database example

    Open Post

    Laravel 5 - Google reCaptcha code and Validation example using anhskohbo/no-captcha package

    Laravel 5 - Google reCaptcha code and Validation example using anhskohbo/no-captcha package

    Open Post

    Codeigniter JQuery Ajax image upload example from scratch

    Codeigniter JQuery Ajax image upload example from scratch

    Open Post

    Laravel 5.3 Image Upload with Validation example

    Laravel 5.3 Image Upload with Validation example

    Open Post

    Bootstrap daterangepicker example code with demo using daterangepicker.js

    Bootstrap daterangepicker example code with demo using daterangepicker.js

    Open Post