Tag : HTML


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 | | 913 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 | | 979 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 | | 867 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 | | 1943 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 | | 2743 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 | | 113295 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 | | 1357 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 | | 22476 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 | | 9110 Viewer | Category : HTML CSS jQuery
READ MORE

AngularJS - Display Default image if original image does not exists with example

We always require to check image is exists or not in given path, If not exists then we have to set default image. If we work on PHP or any framework then we check condition or something else for image exists of not to check But If you are working on AngularJS framework then we can do it using "directive". AngularJS directive through we can simple check image is exists or not on the given url path. In this example i use ng-src and err-src attribute to manage image, directive will check ng-src url image is exists or not, if not then it will set err-src image as default. So, I give you very bas.....

By Hardik Savani | October 18, 2016 | | 3703 Viewer | Category : Javascript HTML jQuery AngularJS
READ MORE

    laravel 5.4 New Feature - Add eloquent whereKey method

    laravel 5.4 New Feature - Add eloquent whereKey method

    Open Post

    How to get last record from MySQL table in Codeigniter?

    How to get last record from MySQL table in Codeigniter?

    Open Post

    AngularJS - simple image upload with preview example in PHP

    AngularJS - simple image upload with preview example in PHP

    Open Post

    Bootstrap - Jquery multiple select with checkboxes example using bootstrap-multiselect.js plugin

    Bootstrap - Jquery multiple select with checkboxes example using bootstrap-multiselect.js plugin

    Open Post

    How to add CKEditor with image upload using KCFinder in PHP Example Code?

    How to add CKEditor with image upload using KCFinder in PHP Example Code?

    Open Post

    PHP - How to Convert file(image, audio, video) extension using CloudConvert API?

    PHP - How to Convert file(image, audio, video) extension using CloudConvert API?

    Open Post