Javascript

17
Oct

10 Awesome jQuery Print Page Plugins

Posted by | No Tags | Javascript · Resources · Uncategorized

Are you looking to create a print friendly website with custom implementation instead of default browser behaviour? Do you want to allow your users to print specific parts of the web page, instead of being forced to print the complete page? Do you wish to add custom headers and footers and implement different CSS styles for the print version of the page? If so, then you have just struck gold with this article! Here you’ll find a list of 10 awesome jQuery print page plugins which allow you to customize […]

Read More
05
Oct

5 Useful jQuery Code Snippets For Developers

Posted by | No Tags | Javascript · Resources · Uncategorized

This post provides a list of 5 useful jQuery code snippets that every web developer must have in his kitty. These are useful for implementing different day-to-day tasks. These snippets can be used to change the button text on click, disable text selection on the website, check Internet connectivity, randomly change the element’s color and/or create an overlay div element. Check it out! 1. Change button text once clicked The jQuery code below changes the button text once it is clicked. You may need this to inform users that the […]

Read More
27
Sep

Get HTML Table Cell Value Using jQuery

Posted by | No Tags | Javascript · Resources · Uncategorized

HTML tables are great for displaying data in tabular form and when implemented can also support features like sorting, paging, and filtering records. You may need to interact with the table to get its data when a table cell is clicked. So in this quick post, we’ll look at how to get the table cell value when the user clicks on the cell using jQuery. Take a look at the image below for reference: HTML Markup To get started, create a standard HTML table on the page. For this demo, […]

Read More
20
Sep

20 Impressive jQuery Plugins to Replace the HTML Select Box

Posted by | No Tags | Javascript · Resources · Uncategorized

The traditional HTML select element is not very powerful out of the box, it lacks in more substantive features. Today, the web demands controls with multiple features for a user-friendly experience and the traditional HTML select box just can’t compete. Features like multi-select, grouping, hierarchical lists, and custom HTML markup make light work of projects and tasks, and the HTML Box lacks these features. Writing your own implementation for these features will require a lot of effort, and testing browser compatibility can be a nightmare. Luckily, jQuery offers lots of […]

Read More
13
Sep

Optimize your jQuery selectors for best performance

Posted by | No Tags | Javascript · Resources · Uncategorized

Introduction Over time, the data size has increased for nearly every application. Due to huge amount of data residing in various database servers, performance becomes the most important and integral part of any application. If the page takes lots of time to render the data, it creates a bad impression and results in loss of interest by the end users. There are different places where performance can be increased, including database code, server side code to process the data and client side code. Application development has also gone through monumental […]

Read More
04
Sep

Handling JSON with jQuery

Posted by | No Tags | Javascript · Resources · Uncategorized

JSON (JavaScript Object Notation) is a way to store information in an organized manner. It is the preferred data-interchange format as its shorter, lightweight, human-readable and requires no tags like XML. This allows faster processing and transmission, and also the serializing and deserializing becomes much faster when compared to XML. JSON returned via REST APIs is used in different ways on the client side. You can populate data in HTML elements, display the JSON on the UI after formatting and convert it to CSV for exporting. This post provides jQuery […]

Read More
22
Aug

JavaScript-Equivalent jQuery Code for Simple Tasks

Posted by | No Tags | Javascript · Resources · Uncategorized

Introduction There are developers who love jQuery and there are some who hate jQuery. The benefits of using jQuery now are debatable, but there was a time when solving the cross-browser issue was a nightmare and using JavaScript was painful. If you had been through that phase, you might understand the importance of jQuery. jQuery was born to overcome the biggest issues of JavaScript. Over the years, JavaScript has also evolved but we should be thankful for the fact that modern browsers are also becoming more and more standard-compliant. jQuery […]

Read More
12
Jun

Using jQuery to Delete All Inline HTML Styling

Posted by | No Tags | Javascript · Resources · Uncategorized

Inline HTML styling (when the style attributes for a particular element are written within the HTML tag) is not something that’s considered a best practice when it comes to HTML and CSS, and it’s becoming less and less common. You don’t often come across inline styling unless a site’s code hasn’t been touched since the 90s or early 2000s, but it’s certainly not unheard of. If you find yourself trying to do a redesign of an older site that contains inline styling within the HTML, you’ll almost absolutely find that […]

Read More
05
Jun

How to Use jQuery to Dynamically Open Links in New Tabs

Posted by | No Tags | Javascript · Resources · Uncategorized

Even if you’re a new or beginning developer, you probably know that you can easily make links open in new tabs by using the target attribute with your anchor tags. To make a link open in a new tab, all it takes is to make your HTML look like this: <a href=”/link/” target=”_blank”></a> The target=”_blank” attribute is all you need to make your links open in new tabs. But what if your anchor tags weren’t written this way, and you still want your links to open in new tabs? You […]

Read More
31
May

How to Use JavaScript to Detect Browser

Posted by | No Tags | Javascript · Resources · Uncategorized

Wouldn’t it be nice if all of our code looked the same and worked the same no matter what browser our users are viewing our projects or web pages on? That’s the dream, right? Unfortunately, cross browser compatibility isn’t something that a site can achieve without adding some extra code. There a few ways that you can use code to compensate for different browsers. You can us CSS selector browser hacks, which is a good option, especially if any changes you need to accommodate for are mostly cosmetic and can […]

Read More