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
Programming Scripts Articles
Page 7 of 33
isFinite() function in JavaScript
The isFinite() function accepts a value and determines whether the given value is a finite number or not. If so, this method returns true else it returns false. You can also invoke this method using Number object.SyntaxIts Syntax is as followsisFinite(5655);Example Live Demo JavaScript Example var result1 = Math.min(); document.write(isFinite(result1)); document.write(""); var result2 = Number.isFinite(100/0); document.write(result2); document.write(""); var result3 = Math.max(25, 36, 862); document.write(isFinite(result3)); Outputfalse false true
Read MoreencodeURIComponent() function in JavaScript
The encodeURIComponent() function accepts a string value representing an URI and encodes it by replacing the characters in it using numbers (1 to 4) and escape sequence.SyntaxIts Syntax is as followsencodeURIComponent('http://www.qries.com/');Example Live Demo JavaScript Example var result1 = encodeURIComponent('http://www.qries.com/'); document.write(result1); document.write(""); var result2 = encodeURIComponent('http://www.tutorialspoint.com/'); document.write(encodeURIComponent(result2)); Outputhttp%3A%2F%2Fwww.qries.com%2F http%253A%252F%252Fwww.tutorialspoint.com%252F
Read MoredecodeURIComponent() function in JavaScript
The decodeURIComponent() function accepts a string value representing an encoded URI (Uniform Resource Identifier) decodes it and returns the result.SyntaxIts Syntax is as followsencodeURIComponent('http://www.qries.com/');Example Live Demo JavaScript Example var encodedData = encodeURIComponent('http://www.qries.com/?x=шеллы'); document.write("Encoded Data: "+encodedData); document.write(""); var decodedData = decodeURIComponent(encodedData); document.write("Decoded Data: "+decodedData); OutputEncoded Data: http%3A%2F%2Fwww.qries.com%2F%3Fx%3D%D1%88%D0%B5%D0%BB%D0%BB%D1%8B Decoded Data: http://www.qries.com/?x=шеллы
Read MoreparseFloat() function in JavaScript
The parseFloat() function accepts two parameters one is a string representing a number and another is a number representing the radix and returns an integer of the given radix.SyntaxIts Syntax is as followsnum.parseFloat('4524', 8);Example Live Demo JavaScript Example var result1 = parseFloat(Math.PI); document.write("Result: "+result1); document.write(''); var result2 = parseFloat("245.12@welcome"); document.write("Result: "+result2); document.write(''); var result3 = parseFloat("11111100.010"); document.write("Result: "+result3); OutputResult: 3.141592653589793 Result: 245.12 Result: 11111100.01
Read MorePassing mouse clicks through an overlaying HTML element <div>
Retrieve the mouse coordinates in the click event. Now, retrieve the element by hiding your overlay, and use the following. After that, redisplay the overlay −document.elementFromPoint(x, y)You can also use the following CSS −div { pointer-events:none; }
Read MoreRender ASP.NET TextBox as HTML5 Input type “Number”
To render ASP.NET TextBox as HTML5 input type “Number”, set type="number" directly on the textbox.Let us see an example of ASP.NET TextBox −You can also use the following dynamically created the control −TextBox tb = new TextBox(); tb.Attributes.Add("Type", "number");
Read MoreThe correct way to work with HTML5 checkbox
The following is the correct way −ExampleHere is an example − Checkbox Control Maths Physics
Read MoreFlexbox and vertical scroll in a full-height app using newer Flexbox API with HTML
The flex property is a shorthand for the flex-grow, flex-shrink, and flex-basis properties. The flex property sets the flexible length on flexible items.For example −#container article { -webkit-flex: 1 1 auto; overflow-y: auto; height: 0px; /*here the height is set to 0px*/ }If you want a min-height, the use height: 100px; that it is exactly the same as − min-height: 100px;#container article { -webkit-flex: 1 1 auto; overflow-y: auto; height: 100px; /*here the height is set to 100px*/ }
Read MoreMouse event not being triggered on HTML5 canvas? How to solve it?
To trigger mouse event we can add −-webkit-transform: translate3d(0, 0, 0)In addition to this canvas can also be styled.Another way is to add a listener in the event mousemove,canvas.addEventListener("mousemove", this.checkMouseLocation.bind(this, this.inputs), false);By adding this listener, we can easily trigger a mouse move event in HTML5.
Read MoreUpload from local drive to local filesystem in HTML with Filesystem API
To upload from local drive to the local file system, we can use −Webkitdirectory attribute on − This allows the user to select a directory by the appropriate dialog box.Filesystem API is a sandboxed filesystem, which allows us to store files on client’s machine.File API allows us to read files. Files are accessible by elementAll of the above is working fine in Google Chrome.WebKit directory is a much better option among these. Use the following for directory −webkitRequestFileSystem( window.TEMPORARY, 5 * 1024 * 1024, function(_fs) { fs = _fs; }, ErrAbove, err and fs are −var fs, err = function(err) { throw err; };
Read More