The Correct Way to Work with HTML5 Checkbox

Giri Raju
Updated on 24-Jun-2020 14:16:39

216 Views

The following is the correct way −ExampleHere is an example −           Checkbox Control                         Maths           Physics            

Flexbox and Vertical Scroll in a Full Height App using Newer Flexbox API with HTML

Chandu yadav
Updated on 24-Jun-2020 14:16:04

607 Views

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*/ }

Best Data Type to Store Money Values in MySQL

Chandu yadav
Updated on 24-Jun-2020 14:16:00

5K+ Views

We can store the money values in MySQL in decimal(value1, value2). Here, value1 is the total range including value2. The value2 specifies the number of digits after the decimal point. To understand this concept, the steps are given below.First a table is created using the create command.mysql> CREATE table MoneyDemo -> ( -> Id int, -> Money decimal(10, 2) -> ); Query OK, 0 rows affected (0.46 sec)As can be seen from the above command, the decimal value has 10 digits only and also 2 digits only after the decimal point.After creating the table, some records are inserted with the ... Read More

MySQL VARCHAR Max Size

George John
Updated on 24-Jun-2020 14:15:23

5K+ Views

The MySQL version before 5.0.3 was capable of storing 255 characters but from the version 5.0.3 , it is capable of storing 65, 535 characters.MySQL official documentation states −The effective maximum length of a VARCHAR in MySQL 5.0.3 and later is subject to the maximum row size (65, 535 bytes, which is shared among all columns) and the character set used. For example, utf8 characters can require up to three bytes per character, so a VARCHAR column that uses the utf8 character set can be declared to be a maximum of 21, 844 characters. Keep in mind that the limitation of ... Read More

Add/Remove Multiple Classes with classList in HTML and JavaScript

Samual Sam
Updated on 24-Jun-2020 14:13:58

217 Views

The classList property returns the class name(s) of an element, as a DOMTokenList object. The classList property is read-only, however, you can modify it by using the add() and remove() methods.The classListproperty ensures that duplicate classes are not unnecessarily added to the element. In order to keep this functionality, if you dislike the longhand versions or jQuery version, I’d suggest adding addMany function and removeMany to DOMTokenListThese would then be useable like so −DOMTokenList.prototype.addMany = function(classes) {    var arr = classes.split(' ');    for (var j = 0, length = arr.length; j < length; j++) {       this.add(array[j]); ... Read More

Find Out Port of MySQL Server

Arjun Thakur
Updated on 24-Jun-2020 14:13:51

6K+ Views

To find the port of the MySQL server, the command show can be used. Its syntax is as follows −show variables where variable_name=’port’;The above syntax is used to get the port number of the MySQL server using the following query −mysql> show variables where variable_name = 'port';After executing the above command, port of MySQL server is obtained as 3306. This can be seen in the following output −+---------------+-------+ | Variable_name | Value | +---------------+-------+ | port          | 3306  | +---------------+-------+ 1 row in set (0.01 sec)Alternatively, the system variable @@port can also be used to find ... Read More

Find Records from One MySQL Table That Don't Exist in Another

Chandu yadav
Updated on 24-Jun-2020 14:12:31

789 Views

To find the records from one MySQL table which don’t exist in another table we can use the subquery for the table which does not have the records. This can be better understood using the given steps −First a table is created using the create command. The table name is ‘PresentHistory’ and it has two columns. This is given as follows −mysql> CREATE table PresentHistory -> ( -> HisID int, -> HisName varchar(100) -> ); Query OK, 0 rows affected (0.54 sec)After creating the table, some records are inserted that will be present in the second table as well. This ... Read More

Pull Down to Refresh on Mobile Web Browser in HTML

Lakshmi Srinivas
Updated on 24-Jun-2020 14:12:20

903 Views

When there is a requirement to pull down the screen to refresh the page to get latest updates, this can be done with the help of JavaScript, xhttprequests and then touch events.Pull refresh is a trigger to XHR in AJAX .It adds new data to the element we want.Pull refresh can be implemented with the help of hijacked JavaScript scrolling mechanism like iscroll. Twitter is using iscroll to pull refresh option.Another way is to create a refresh handler for overflow:scroll components.The interface provided can give an idea about the handler interface −var PullToRefresh= function(callback, wrapper, instructionsText) {    //It ... Read More

EventSource vs Wrapped WebSocket with HTML5 Server-Side Event

Chandu yadav
Updated on 24-Jun-2020 14:11:46

148 Views

The event source is just a web socket that -That cannot send data Uses text or event stream format It fires events that are server definedIt is useful in applications that only need server push.Web sockets are good for applications that need fast communications in both directions.Another major difference is the different security models they used.Server Send events are useful for −Live Feeds Live Scores Stock Market Update

Splitting HTML Page and Loading Through Header

seetha
Updated on 24-Jun-2020 14:11:05

194 Views

In order to speed up creation and edition of HTML, splitting of HTML files are required into three separate HTML files −HeaderFooterContentThis is not possible in a static Html website; however, this is possible through PHP. Another way is to use JavaScript to load page pieces after the main page is already loaded.

Advertisements