Found 8591 Articles for Front End Technology

Execute a script when an element is being dragged over a valid drop target in HTML?

Rishi Rathor
Updated on 03-Mar-2020 09:41:42

141 Views

When an element is being dragged and dropped in HTML, the ondragover attribute fires.ExampleYou can try to run the following code to implement the ondragover attribute −                    .drag {             float: left;             width: 100px;             height: 35px;             border: 2px dashed #876587;             margin: 15px;             padding: 10px;          }         ... Read More

How to specify the URL of the resource to be used by the object in HTML?

Sreemaha
Updated on 03-Mar-2020 09:40:41

163 Views

Use the data attribute in HTML to specify the URL of the resource to be used by the object in HTML.ExampleYou can try to run the following code to implement the data attribute −           Demonstration                

How to get the value associated with the http-equiv or name attribute in HTML?

Abhinanda Shri
Updated on 03-Mar-2020 09:38:01

143 Views

Use the content attribute in HTML to get the value associated with http-equiv or name attribute.ExampleYou can try to run the following code to implement the content attribute −                         This is demo text.    

Execute a script when the user writes something in a search field in HTML?

Ankith Reddy
Updated on 03-Mar-2020 09:37:13

199 Views

Use the onsearch attribute in HTML to execute a script when the user writes in a search field and press ENTER or x.ExampleYou can try to run the following code to implement the onsearch attribute −           Search something and press ENTER.             Note: It won' work in Internet Explorer and Firefox.                      function display() {          var a = document.getElementById("inputID");          document.getElementById("test").innerHTML = "Searched for - " + a.value;          }          

How to include the audio/video controls in HTML?

Nancy Den
Updated on 03-Mar-2020 09:38:51

477 Views

Use the controls attribute in HTML to include audio/ video controls in HTML.ExampleYou can try to run the following code to implement the controls attribute −           HTML video Tag               Online Compiler                                This browser doesn't support video tag.          

Set the coordinates of the area in an image map in HTML?

varma
Updated on 22-Nov-2023 04:32:49

1K+ Views

To set the coordinates of the area in an image map, Use the cords attribute in HTML to set the coordinates of the area in an image map in HTML.ExampleYou can try to run the following code to implement the cords attribute −           HTML coords attribute                                        

Execute a script when the browser window is being resized in HTML?

Daniol Thomas
Updated on 30-May-2020 23:28:32

285 Views

When the web browser window is resized, the onresize attribute triggers.ExampleYou can try to run the following code to implement onresize attribute −           Resize the window to trigger event.                function display() {             alert("Web browser window resized!");          }          

Execute a script when a reset button in a form is clicked in HTML?

Govinda Sai
Updated on 03-Mar-2020 09:25:31

252 Views

When a form is reset, the onreset attribute triggers. You can try to run the following code to implement onreset attribute −Example                    Student Name:                              Student Subject:                                                    function display() {             alert("Form reset successfull!");          }          

Execute a script when an element's scrollbar is being scrolled in HTML?

usharani
Updated on 03-Mar-2020 09:36:30

197 Views

When an element is scrolled, the onscroll attribute triggers. You can try to run the following code to implement onscroll attribute −Example                    #myid {             width   : 250px;             height  : 80px;             border  : 2px solid blue;             overflow: scroll;          }                     Scroll the box.       This is demo text. This is demo text. This is demo text. This is demo text. This is demo text. This is demo text.                      function display() {             document.getElementById("myid").style.color = "blue";          }          

Execute a script when the media is paused either by the user or programmatically in HTML?

George John
Updated on 03-Mar-2020 07:44:55

178 Views

The onpause attribute trigger when the media is paused. You can try to run the following code to implement the onpause attribute −Example           Play                                    Your browser does not support the video element.                      function myFunction() {          document.getElementById("test").innerHTML = "Media paused!";          }          

Advertisements