Displaying a star ranking system is a common requirement to implement in websites. We have explained here how can we show a group of stars for each database record and dynamically apply 5 star rating in PHP with AJAX and jQuery. You can make AJAX calls to store rating of the record in database.
Category » jQuery
Ajax Image Upload using PHP and jQuery
Ajax Image Upload using PHP and jQuery is very important topic nowadays because everybody wants to save their data without refreshing the page. Today we are going to generate an Ajax based image uploader, which means the image file will be uploaded to server using Ajax request, without reloading the page.
Drag n Drop Multiple AJAX Images Upload with Progress Bar
AJAX is an important part in web development. This blog post covers steps to handle AJAX image upload with progress bar in Bootstrap with drag n drop feature. Some cool features in these steps are.
Bootstrap 3 sidebar nav fixed – responsive affix full example
This article is full example of responsive Affix in Twitter Bootstrap 3, which is placed in sidebar of your Bootstrap project as a navigation menu on the same page. You can implement code to place an affix in sidebar which maintains responsiveness and expands its width to full available size of parent container even if you resize the window or click any nav menu.
Expand collapse panel with toggle icon in Bootstrap
Twitter Bootstrap is being used popularly due to its powerful responsive front-end capabilities. One among its components ‘Panel’ is used for accordion and we can expand or collapse its body content by clicking on link inside panel heading. But I wanted to expand collapse panel with toggle icon in Bootstrap which are placed on right side inside panel heading as shown in the image below and the icons get changed according to visibility of content in panel.
Bootstrap dynamic modal popup with dynamic data & content
You want to dynamically create modal popup in Twitter Bootstrap and fill it with title and content on the fly. Here in Bootstrap dynamic modal popup with dynamic data & content article, you can read how to achieve the same.
5 ways to disable right click using jQuery or JavaScript
When We build a web application, we do not want the users to use the right button of the mouse.Today, many of the code examples used to disable the right-click no longer work in most browsers and browsers such as Opera do not allow the right-mouse button to be disabled. Anyway we can disable right click using jQuery or JavaScript.
Detecting mobile devices using jquery or javascript
Now a days, mobile is a common device in everyone’s hand. Internet is also used very much using these devices. So for web world, It is a challenge to be compatible their websites with these devices. For that, every application should be detect mobile device. Every language has its own method to detect the mobile device but we are explaining here the way of detecting mobile devices using jQuery or JAVASCRIPT.
jQuery functions with CSS media queries for responsive website
Due to difference between CSS media queries based on max-width and jQuery’s ‘$(window).width()’ measurement (caused by the inconsistent ways in which browser media queries handle scrollbars), there is always a mismatch between ‘jQuery $(window).width()’ and CSS3 Media Queries. Which in turn causes some ugly or unexpected behaviour by your responsive website.
Prevent popup window from getting close by escape key
By default an opened modal popup window gets close whenever an user presses ESC key on keyboard. In some cases we need to prevent popup window from getting close by escape key as a part of our requirements. Here I have written two methods to disable the function of ESC key using JavaScript and jQuery each.
[ Page 4 of 10 ]