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
Javascript Articles
Page 454 of 534
How to make an anchor tag refer to nothing?
To make an anchor tag refer to nothing, use “javascript: void(0)”. The following link does nothing because the expression "0" has no effect in JavaScript. Here the expression "0" is evaluated, but it is not loaded back into the current document.ExampleLive Demo Click the following, This won't react at all... Click me!
Read MoreHow I can replace a JavaScript alert pop up with a fancy alert box?
To design a custom JavaScript alert box, try to run the following code. The code uses a JavaScript library jQuery and CSS to create a fancy alert box different from the standard JavaScript alert box −ExampleLive Demo function functionAlert(msg, myYes) { var confirmBox = $("#confirm"); confirmBox.find(".message").text(msg); confirmBox.find(".yes").unbind().click(function() { confirmBox.hide(); }); ...
Read MoreHow to create a modal popup using JavaScript and CSS?
Creating a modal popup means adding a dialog box, which generates on click of a button and close when user clicks anywhere outside of the popup.Here’s how a popup looks like below with header and a text. You can also add a footer to it −To create a modal popup using CSS and JavaScript, try to run the following code −ExampleLive Demo .popup { display: none; position: fixed; z-index: 1; ...
Read MoreHow to customize the position of an alert box using JavaScript?
To customize the position of an alert box, use the CSS “top” and “left” properties. We have a custom alert box, which we’ve created using jQuery and styled with CSS.ExampleYou can try to run the following code to customize the position of an alert box −Live Demo function functionAlert(msg, myYes) { var confirmBox = $("#confirm"); confirmBox.find(".message").text(msg); confirmBox.find(".yes").unbind().click(function() { confirmBox.hide(); ...
Read MoreHow to create a session only cookies with JavaScript?
To create a session only cookie, you need to set the expiration date of the cookie to be some years ahead. You need to set the expire attribute −current time + 5 yearsThe expire attribute shows the date the cookie will expire. If this is blank, the cookie will expire when the visitor quits the browser.Note − Do not consider removing the expire value to create a session only cookie. This won’t work. Set the expire attribute to the future date.
Read MoreHow much data can I store in JavaScript cookies?
The following are the details of the date you can store in JavaScript cookies −Web BrowserMaximum cookiesMaximum size per cookieGoogle Chrome1804096 bytesFirefox1504097 bytesOpera1804096 bytesAndroid504096 bytes
Read MoreWhat is the shortest function of reading a cookie by name in JavaScript?
Here’s the best way to read cookies by name in JavaScript. The following is the function −function ReadCookie() { var allcookies = document.cookie; document.write ("All Cookies : " + allcookies ); // Get all the cookies pairs in an array cookiearray = allcookies.split(';'); // Now take key value pair out of this array for(var i = 0; i < cookiearray.length; i++) { name = cookiearray[i].split('=')[0]; value = cookiearray[i].split('=')[1]; document.write ("Key is : " + name + " and Value is : " + value); } }
Read MoreWhat is the maximum size of a web browser's cookies value?
The following are the details of the maximum size of web browser’s cookies value −Web BrowserMaximum cookiesMaximum size per cookieGoogle Chrome1804096 bytesFirefox1504097 bytesOpera1804096 bytesAndroid504096 bytes
Read MoreHow to store large data in JavaScript cookies?
To store large values in JavaScript cookies, try the following possibilities −Create a "session id" and save the settings in a database. Then store the session id in the cookie.Store the indexes of the selected items. Let’s say the selected items are the first 20 items on the list −P[0,19]Create a table to store cookies data such as −[ data_id , data , data_create , date_expire ]Store data_id in a table and when a user visits, get the data_id in cookies.
Read MoreHow can I list all cookies on the current page with JavaScript?
While creating a cookie, use the “path” parameter. The path to the directory or web page set the cookie. This may be blank if you want to retrieve the cookie from the current page. By default, the cookie belongs to the current page.ExampleTo list all cookies for the current page, try the following code −Live Demo function ReadCookie() { var allcookies = document.cookie; document.write ("All Cookies : " + allcookies ); // Get all the cookies pairs in an array cookiearray = allcookies.split(';'); // Now take key value pair out of this array for(var i=0; i
Read More