Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Articles by Abhishek
Page 7 of 7
How to sort a list alphabetically using jQuery?
jQuery is a JavaScript library that works on the principle of write less, do more. In jQuery, the syntaxes that are longer and take more time to write are reduced, and alternate methods are introduced to use them in short form. In this article, we are going to learn about the method of sorting a list in alphabetical order using jQuery. Let us discuss some common methods of jQuery which we will use in the code example to sort the list in alphabetical order. text() method − The text method is used to get and set the text of ...
Read MoreHow to use the Magnific Popup jQuery plugin?
The Magnific popup is a jQuery plugin that can be used to show some HTML popups on the web page as its name suggests. It is a light-weight, responsive fast and modal dialog jQuery plugin. IT can be used to show any kind of content like images, videos, ajax responses, iframe and image galleries. There are many ways of using this plugin in your current project that are discussed in in details below − By downloading the latest version from https://plugins.jquery.com/magnific-popup/ in the form of zip file. You can also clone the git repository the magnific plugin from https://github.com/dimsemenov/Magnific-Popup.git ...
Read MoreHow to write the bootstrap media queries for very large screens?
Bootstrap, is a CSS framework that can be used to style your web pages without even writing the CSS code in an external file. It is an open source framework that is available for free. You just need to include the CSS and the JavaScript CDN of this framework to use the dynamic and interactive components which are already built in this framework. There are some classes define in this framework that you can use to style the elements of your web page. In this article, we are going to learn about writing the bootstrap media queries for very large ...
Read MoreHow to use simple API using AJAX?
AJAX or Asynchronous JavaScript and XML is a set of existing technologies like: Asynchronous JavaScript and XML. AJAX helps us to fetch the data from any local database or any API without interfering with the existing page. It will fetch the data without reloading the page and without any interruptions. Process of sending the AJAX request to any server. Step 1 − In the first step, we will instantiate a XHR object using the XMLHttpRequest() as shown below − const xhr = new XMLHttpRequest(); Step 2 − In the next step, we will open the ...
Read MoreHow to set one column control over height in Bootstrap?
In this article, we will learn how we can set one column control over height in bootstrap? To solve this problem, first we make two different columns on the web page using Bootstrap classes, then we will use a div element inside one of those columns with position absolute to set the control of that particular column over height in bootstrap. Let us now practically understand the above approach or the process in details by implementing it inside the different code examples. Steps Step 1 − In the first step, we will define two different bootstrap columns inside a ...
Read MoreHow to use image overlay correctly with Bootstrap?
The image overlay is a property by using which we can show any text, image, links and much more over an image. It allows us to set text, images or other things on an image to make it look pretty. We can us the image overlay class of bootstrap defined as card-img-overlay. This class will allow us to write text or align text over an image and use the image as a background to the text or the links we align over it. What are the advantages of using this class provide? It allows you to write or align ...
Read MoreHow to retrieve stored value from div element using jQuery?
In some situations, we need to retrieve or get the text value stored inside a particular div element to use some condition, if the text is dynamic or for some other tasks in jQuery. By getting the value stored in the div element, we can perform any task based on the value of the element in jQuery. In jQuery, we can retrieve or get the stored value of a div element using three different methods. The methods are listed below − By using the text() method By using the html() method Let us now understand working of each ...
Read MoreHow to reverse array of DOM elements using jQuery?
The array of DOM elements is an array of same multiple elements or of those elements which contains same class or the selecting attribute. Our task is to reverse an array of DOM elements using jQuery. There will be a lot of ways to reverse an array of DOM elements. But, in this article, we are going to discuss about the two methods to reversing and array of DOM elements. By using a for loop By using the reverse() method Let us now discuss both of these methods in details by practically implementing them with the help of ...
Read More