JavaScript

Interactive Tracker Boxes #4 - jQuery

Submitted by Yorkiebar on

Introduction:

This is the final part of my mini-series explaining how to create interactive tracker boxes in HTML, CSS, and jQuery to allow HTML content to change once the user interacts with the boxes. This part is will explain the final step, jQuery.

jQuery Installation:

To begin using jQuery within our file, we first need to link it.

Disable Right Click, Copy And Paste Using Javascript

Submitted by GeePee on
This project will teach you on how to disable right click, copy and paste. We can use this codes in preventing the users doing unwanted things on our page. It can protect your page content from being copied. I used my previous project Auto Scroll as an example. The right click are being disabled and there's no way the users can copy and paste the page content. Hope you learn from this.

Creating Notification Box Using jQuery

Submitted by GeePee on
This project will teach you on how to create a notification using the jQuery. In my example, I used my previous project jQuery Datatables. In every update of the selected item, BlockUI jQuery plugin appeared saying that item selected has been updated. You can also customize the notification by changing the css codes. Hope you learn from this.

Including Emoticons in a Chat Box Using jQuery

Submitted by GeePee on
This project will teach you on how to include emoticons in your chat box using jQuery and PHP. I used my previous project Chat Box as an example. The supported symbols typed were replaced with a graphic image using CSS. As you will see in my project, I have some examples of supported emoticons. Hope you learn from this.

Customized Confirmation Box in jQuery

Submitted by GeePee on
This project will teach you on how to create a customized confirmation box using the jQuery plugin. In my example, I used the Delete Multiple Records project that I did before. When the user click the delete button, confirmation box will display confirming if you want to delete selected files. The user has an option to delete or cancel the process. By hitting "Confirm Deletion" button, files will

Sliding Sidebar in jQuery

Submitted by GeePee on
This project will teach you on how to slide in and out sidebar using jQuery plugin. You have an option in which side do you want the sidebar to come out. It is either left or right. First, the sidebar is hide and by pressing the menu button, the sidebar slide in. Hope you learn from this.