Adding Zoom Effect on Image Hover with CSS and jQuery


image-hover-zoom-effect-with-css-jquery-codexworld

Enlarge image on hover creates a better user interface in any web application. You can easily add zoom effect to the image on mouseover with CSS and jQuery. If you don't want to use any plugin for the zoom effect, our simple image zoom effect script is a perfect choice for you. In this tutorial, we'll provide a simple way and short code snippets to adding image hover zoom effect using jQuery and CSS.


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


perform-live-search-filter-on-html-table-using-jquery-codexworld

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


display-loading-image-while-page-loads-jquery-css-codexworld

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


create-simple-modal-popup-javascript-css-codexworld

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


highlight-specific-dates-in-jquery-ui-datepicker-codexworld

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-crud-view-add-edit-delete-operations-php-mysql-codexworld

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


form-validation-using-jquery-validation-plugin-codexworld

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-before-upload-using-jquery-codexworld

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


add-wysiwyg-html-editor-to-textarea-on-website-codexworld

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.


Connect With CodexWorld