How to Check a Radio Button in a Group with jquery
To check or select a Radio form control we use prop() method in jQuery. For that, we need to bind the prop method using a selector which can be an ID, class or value of radio control in a group.
To check or select a Radio form control we use prop() method in jQuery. For that, we need to bind the prop method using a selector which can be an ID, class or value of radio control in a group.
Datatable is popular among developers developing in web projects using the mainly jQuery library. It is a full package of many basic features like Pagination, Sorting, Filter search bar, etc. In this post, we will implement this fully featured Datatables library in Angular project and discuss various options available from basic to advance level of …
Angular 9|8|7 DataTables using jQuery Datatables Library Read More »
Selection of items with a checkbox is very common user interaction found in many web application. Usually, there is a master checkbox to Check / Uncheck list items with a single click. In this post we will create an item list with checkboxes and master checkbox, on Checking/ Unchecking will select/ unselect the following list. …
In this post, we will create a form having custom validation for required fields using jQuery. This custom form will also have reCAPTCHA v2 of Google to verify if the user is a bot or real person.
Showing tabs elements on a web page looks great and really minimize space coverage by content. The user feels free to select only heading to view related content. in mobile devices also we can provide similar behavior in responsive design. in this post we will create responsive tabs in jQuery, this will not have any plugin. …
A few days back Gmail changed it’s login screen with a nice interactive input field with floating labels when the user focus to write. This looks awesome and reminds of many android native device form fields. The ionic framework also having options to create a similar type of form fields with floating labels on them. …
In some cases, we don’t want others to copy selected text. To prevent text on a webpage we can opt for CSS, Pure JavaScript or jQuery solution. We will discuss one by one.
Image Sliders plays a key role in beautifying user interface by placing multiple images at a single or limited area. Here we will discuss Top 5 Image Sliders/ Carousel Available for free. We will also discuss the pros and cons of each option available.
Owl Carousel 2 is a very popular and easy to implement Image and HTML slider. This is the most loved and favourable image slider available. Most developers prefer to use this slider due to many reasons like responsiveness, touch device support and also support older browsers. It is a full package of many useful options …
Owl Carousel 2 – Customize Navigation Next Prev Arrows Read More »
Sometimes in grids, we have long strings of data to show in cells, but they not only distort the UI but also make all data visible even when not necessary. So to resolve these scenarios what we can do is to show access data in tooltip on hover and by default exceeding data from a …
jQuery – Show Tooltip on Long Text with Ellipsis AKA DOTDOT Read More »
jsPDF is a nice library to convert HTML content into PDF. We can put the different type of elements in PDF from HTML like an icon, images, text, CSS styles. Here we will discuss an example of jsPDF to convert long HTML page into PDF document which will be generated client-side and download.
Viewing formatted data on HTML webpage is a good idea until the user wants to do some quick changes in tabular data like sorting, filtering. So it is better to take it in your own hands instead of making server calls. Today we will convert JSON response data into the Excel file. Excel file will …
Create and Download XLS Excel From JSON Response Data in Webpage Using Javascript Read More »
Whenever a user sees a date or time, he/she start doing comparisons between current time and given time. So it takes some more brain resources to do time difference calculations. Facebook knows about this lazy human behavior, that’s why it always shows date time in the following format less than a minute ago 17 minutes …
jQuery & PHP Convert Date time to Facebook Style TimeAgo Read More »
In an Angularjs project, if you are trying to add a datepicker having all features like MinDate MaxDate etc, you will hardly find any module which is performance efficient, bug-free and is requirement friendly like jQuery UI datepicker. So, If you are looking to use jQuery Datepicker as a directive in your AngularJS project, then …
jQuery UI Datepicker AngularJS Directive using Min Max Options Read More »
In this post, we will discuss some quick tips and tricks which can help in writing a robust code using jQuery. These jQuery tips are related to some basic methods using which we can resolve most encountered scenarios and problems.
Using tab index attribute in HTML form fields a user can easily navigate to the next or previous field by merely using the keyboard. But after some presses, Tab index focus caret secretly goes to a new dimension where it becomes impossible to press tab to get back that caret guy in place. ultimately we …
Use TabIndex Form Field Focus in Specific Container Read More »
Disqus is a great discussion add-on available for multi platforms. The installation process is very simple for known CMS and platforms. But my requirement was to add Disqus on a single page app. To get it installed, I landed on this page.
Datatable row recorders feature is used in tables using it’s add-on plugin named (dataTables.rowReorder.js). Using this addon we can drag and drop rows in any order we want in the table. This works only if the table is having some unique serial number or ID. Let’s work on the implementation of datatable with row reorder …
Datatable Row Reorder with Checkboxes and Radio Buttons Read More »
Small and easily customizable percentage progress bar can be help full in some cases when you want to show quick inline graphs or data notations. If the requirement is simple, we can’t proffer heavy libraries. For the same reason, I have written a small jQuery function to draw an animated progress bar. I have added some custom …
Simple Small Progress Percentage Bar Using Custom CSS and jQuery Read More »
You can always find jQuery plugins or libraries for any type of requirement. But if we try to add plugins for every specific requirement, then we end up with a bunch heavy loaded library set which can take much time to load and can badly affect page efficiency. So I personally prefer to always try …
Custom Read More and Read Less using jQuery/ Javascript Function. Read More »