Karthikeya Boyini has Published 2382 Articles

Getting Safari to recognize
HTML 5

karthikeya Boyini

karthikeya Boyini

Updated on 28-Jan-2020 10:19:15

79 Views

To make a element to be recognized by Safari:main {    display: block;    width: 800px;    height: 800px;    background-color: #0C0; }You need to focus on:main {    display: block; }

The dragLeave event fires before drop for HTML5 drag and drop events

karthikeya Boyini

karthikeya Boyini

Updated on 28-Jan-2020 10:02:35

238 Views

To solve this issue for drag and drop event, dragLeave fires before drop sometimes:onDragOver = function(e) { e.stopPropagation() } onDrop = function(e) {    /* for drop */ }Under drop, you can set this:function drop(ev) {    event.preventDefault();    var data=event.dataTransfer.getData("Text");    event.target.appendChild(document.getElementById(data)); }

Does 'position: absolute' conflict with flexbox?

karthikeya Boyini

karthikeya Boyini

Updated on 28-Jan-2020 09:21:30

185 Views

Absolutely positioning will not conflict with flex containers. You need to set the parent width and values as well:.parent {    display: flex;    justify-content: center;    position: absolute;    width:100% }The following is the HTML:    text

Difference between div~div and div:not(:first-of-type)?

karthikeya Boyini

karthikeya Boyini

Updated on 28-Jan-2020 09:18:12

98 Views

Both are same in terms of matching elements. Let us see an example:                             If you have CSS rules with both selectors matching the same elements, then your div: not(:first-of-type) will get precedence due to the: first-of-type pseudo-class.

How to set focus on a text input in a list with AngularJS and HTML5

karthikeya Boyini

karthikeya Boyini

Updated on 28-Jan-2020 08:30:41

348 Views

To set focus on a text input in a list, try the following code:newApp.directive('focus', function () {    return function (scope, element, attrs) {       attrs.$observe('focus', function (newValue) {          newValue === 'true' && element[0].focus();       });    } });The following is the HTML:{{cue.isNewest}}

Error codes returned in the PositionError object HTML5 Geolocation

karthikeya Boyini

karthikeya Boyini

Updated on 28-Jan-2020 08:27:49

226 Views

The following table describes the possible error codes returned in the PositionError object:CodeConstantDescription0UNKNOWN_ERRORThe method failed to retrieve the location of the device due to an unknown error.1PERMISSION_DENIEDThe method failed to retrieve the location of the device because the application does not have permission to use the Location Service.2POSITION_UNAVAILABLEThe location of ... Read More

How to delete Web Storage?

karthikeya Boyini

karthikeya Boyini

Updated on 28-Jan-2020 08:11:29

225 Views

Storing sensitive data on local machine could be dangerous and could leave a security hole. The Session Storage Data would be deleted by the browser immediately after the session gets terminated.To clear a local storage setting you would need to call localStorage.remove('key'); where 'key' is the key to the value ... Read More

What is Web RTC?

karthikeya Boyini

karthikeya Boyini

Updated on 28-Jan-2020 08:06:20

239 Views

Web RTC introduced by World Wide Web Consortium (W3C). That supports browser-to-browser applications for voice calling, video chat, and P2P file sharing.Web RTC implements three API's as shown below −MediaStream − get access to the user's camera and microphone. RTCPeerConnection − get access to audio or video calling facility. RTCDataChannel − get ... Read More

What happens if I will delete a row from MySQL parent table?

karthikeya Boyini

karthikeya Boyini

Updated on 28-Jan-2020 07:19:14

978 Views

While deleting the row from the parent table, if the data of that row is used in the child table then MySQL will throw an error because of the failure of FOREIGN KEY constraint. It can be understood with the example of two tables named ‘customer’ and ‘orders’. Here, ‘customer’ ... Read More

How to Install a Software on Linux Using Yum Command?

karthikeya Boyini

karthikeya Boyini

Updated on 27-Jan-2020 07:47:38

2K+ Views

In this article, we will learn about “how to use the Yum command” for installing the packages. Also note that, the repositories on the Cent OS 6.7 YUM (Yellowdog Update Modified) is a tool used to develop by Redhat. You can use this materials for learning the YUM.Managing Software with ... Read More

Advertisements