How to Perform Live Search and Filter on HTML Table using jQuery


Real-time search or live search is a great feature for filtering records in an HTML table. Live search helps to provide a better user interface in your web project. If you want a lightweight solution for live search, our code snippets will best choice for you. Adding a live search feature to HTML table is very easy and you can implement without any jQuery plugin.

Display Loading Image While Page Loads using jQuery and CSS


A web page load time depends on the page elements and it may be longer for lots of images, JavaScript, and CSS. Sometimes well-designed pages suffer for page load time. Displaying a loading image on page load is a great idea to maintain the user experience of your website. Using jQuery and CSS, you can easily display a loading icon until the page loads completely.

Creating a Simple Modal Popup using JavaScript and CSS


A model popup helps to display additional information without reloading the page. The user can view the relative information on the popup box on the same page. Many jQuery plugins are available to implementing a popup on the web page. But if you want to use your own modal popup without using any third party jQuery plugins, this tutorial will help you to make a simple modal popup using JavaScript and CSS.

How to Highlight Specific Dates in jQuery UI Datepicker


The jQuery UI Datepicker is a widely used plugin that provides an easy way to add a calendar to the input field for selecting a date. The jQuery Datepicker is attached with form input field or inline element to open an interactive calendar. Also, it is a highly configurable plugin that lets you customize datepicker functionality as per your requirement. There are few great customization options are available in jQuery UI Datepicker, beforeShowDay is one of them.

AngularJS CRUD Operations with PHP and MySQL


AngularJS is a JavaScript Framework and it is a library written in JavaScript. AngularJS extends HTML attributes with Directives. If you are a beginner to AngularJS and looking for working example on AngularJs, this tutorial will help you a lot. This tutorial will focus on CRUD (Create, Read, Update, and Delete) operations with AngularJS.

Form Validation using jQuery Validation Plugin


Client-side form validation is very useful for validating a form and it makes your web project more user-friendly. You can found many ways to perform client-side validation in HTML form, but jQuery Validation Plugin is the easiest way to validate a form. The jQuery Validation Plugin lets you implement form validation instantly with many customization options.

Preview Image before Upload using jQuery


Preview image feature lets the user view the chosen image before upload. Preview image before upload is a most required feature for file upload functionality. It helps the user to view chosen file and change the image before upload. You can easily add image preview option on file upload using JavaScript and jQuery. In this tutorial, we'll write some JavaScript and jQuery code to preview image before upload.

Add WYSIWYG HTML Editor to Textarea on Your Website


WYSIWYG editor is driven by JavaScript that lets users enter the formatted text. It is converting the formatted text to HTML when the web form is submitted to the server. When you need to accept formatted text content or HTML content from the users on your website, using WYSIWYG editor to textarea is required. In this article, we'll provide the information about the best WYSIWYG HTML editor and show how to add HTML editor to textarea in the webpage.

Multi-select Dropdown List with Checkbox using jQuery


Multiple selections of the dropdown list can be available by adding multiple Attribute in <select> tag. In that case, multiple options can be selected by holding down the control (ctrl) button. This article helps to make the multi-select dropdown more user-friendly and will provide the simple way to implement multiple select or multi-select dropdown list with checkbox using jQuery.

CodexWorld Newsletter

Subscribe CodexWorld updates via email and get every new post delivered to your inbox.