Page 48-JS Tutorial Programming Tutorials: Learn JS Tutorial Online-php.cn

Article Tags

JS Tutorial

Home

Technical articles

Web Front-end

JS Tutorial

Easy Captcha Setup Using jQuery/AJAX/PHP

This article details creating a user-friendly CAPTCHA using jQuery, AJAX, and PHP to safeguard forms against bots and spam. It covers key steps from obtaining Google reCAPTCHA keys to customizing the CAPTCHA's appearance. Key Points: The guide tho

Mar 04, 2025 am 12:50 AM

jQuery Get Todays Date dd/mm/yyyy

Get JavaScript code snippet for the current date (dd/mm/yyyy) The following JavaScript code snippet will get the current date and display it in dd/mm/yyyy format. The month will be displayed in two-digit format (for example, "04"). The code also demonstrates how to use jQuery to get a future date. var fullDate = new Date(); console.log(fullDate); //Thu May 19 2011 17:25:38 GMT 1000 {} // Convert month to two digits var twoDigit

Mar 04, 2025 am 12:48 AM

HTML5 File Drag, Drop, Analyze, Read and Upload

It’s been a busy week. We’ve discovered how the new HTML5 APIs can help us open, read and upload files which the user dragged and dropped into the browser window. This article summarizes the techniques and the current level of browser support. Ke

Mar 04, 2025 am 12:45 AM

jQuery Encode/Decode URL String

Simple jQuery code snippet to encode/decode (convert) a href params in a url string (http address) so that they can be properly viewed on a web page. For example, is the html equivalent of a space and @ is an ampersand (@). Encode URL String

Mar 04, 2025 am 12:44 AM

Load Flickr Pictures using JSONP API

This article was last updated June 23, 2016, with code revisions, a CodePen demo, and improved formatting. Flickr, a Yahoo-owned platform for sharing photos and videos, provides a public API to retrieve photo lists based on specific criteria. To rece

Mar 04, 2025 am 12:40 AM

jQuery Capture Multiple Key Press Combinations

You may have read the previous article to learn how to use jQuery to capture a single keypress. In this example, you can capture multiple key combinations. Array (arrShortCut) is defined as follows: 1. Name (for reference only) 2. Keyboard code 3. Functions executed in the variable iShortCutControlKey If the control key is active state "the control key is the "off state", if the verification key key presses "No control" as "active state", then find out whether there is a preset for the key in the array, if the function calls "execShortCut"...execute the function; // To test CTRL Z = alert(2) v

Mar 04, 2025 am 12:39 AM

jQuery Dynamically Add Form Elements

Use jQuery/JavaScript to dynamically add form elements. This is useful when the DOM is already loaded and you need to add additional input fields based on user action or selection (for example). You can create any new form element, not just input fields. Alternatively, you can create input elements in the page and simply hide them and display them again if needed. Example: When changing password1, insert a new input box named password2 after it is called password1. // Listen to the change event of the password1 field to prompt for adding a new input box $('#pas

Mar 04, 2025 am 12:36 AM

To Reset or Not Reset -- That's the CSS Question

Key Points CSS reset provides a consistent style starting point for different browsers by removing most styles such as fonts, line heights, margins, fills, and borders. However, it also increases the page size and requires resetting all elements, which further increases the file size. While CSS reset minimizes browser compatibility issues, it does not eliminate the need for browser testing, as it is necessary to resolve bugs and vulnerabilities on various devices. They also do not guarantee perfect rendering of pixels on all devices, as different browsers render pages differently. The decision to use CSS reset should be based on its practicality to a specific project, not as a development habit. Developers should evaluate CSS

Mar 04, 2025 am 12:35 AM

10 Best jQuery Form Plugins

Web forms are ubiquitous—logins, purchases, registrations—yet their design often lags. While functionality is key (accessibility and usability are paramount for effective information exchange), we're showcasing some top-notch jQuery form plugins to

Mar 04, 2025 am 12:34 AM

jQuery Capture Copy, Paste and Cut Events

This is how you can capture if someone has copied, cut or pasted into a input text area. Demo Copy, cut or paste text from/to the text area below. The Code (function($) { $(document).ready(function() { $("#textinpu

Mar 04, 2025 am 12:33 AM

jQuery Desktop UI - ExtJS Web Interface Portal

This article explores the creation of a simulated web browser desktop using the ExtJS framework. A screenshot showcases the resulting interface. The project demonstrates several key ExtJS features, including a desktop UI, integration with the Googl

Mar 04, 2025 am 12:32 AM

10 jQuery Social Bookmarking Plugins

This article showcases ten incredibly useful jQuery and Ajax social bookmarking plugins, widgets, and tutorials, integrating platforms like Twitter, Apple Dock, Google Buzz, and Google Plus One. Sponsor Flip Wall: A PHP, CSS, and jQuery-powered fli

Mar 04, 2025 am 12:30 AM

10 Online JSON Tools

This article reviews ten online JSON tools useful for jQuery and JSON development. These tools offer features for JSON validation, parsing, editing, viewing, and conversion between JSON and XML. JSONLint: A popular online JSON validator. Paste you

Mar 04, 2025 am 12:27 AM

jQuery Check if an Element Exists

Use jQuery to efficiently check whether HTML elements exist This article provides a variety of jQuery code snippets to check whether HTML elements exist in the current web page. The easiest way is to check the length of the object and determine whether it exists in the DOM. Method 1: Use the length attribute // Check if the element exists if ($("#id").length) { // The element exists } // Or check if the length is zero $('element').length == 0; // The element does not exist // Or use native JavaScript document.getElemen

Mar 04, 2025 am 12:26 AM