Nishtha Thakur has Published 582 Articles

How to get a key/value data set from a HTML form?

Nishtha Thakur

Nishtha Thakur

Updated on 25-Jun-2020 06:19:04

To get a key/ value data set from a HTML form, use jQuery.Let us say this is our HTML −     For JS −var data = $('form#form1’).serializeArray(); // [{'demo: 'value'}] $.ajax({    data: data });

How to position text to bottom right on an image with CSS

Nishtha Thakur

Nishtha Thakur

Updated on 24-Jun-2020 14:52:01

To position text to bottom left, use the bottom and right property. You can try to run the following code to position text to bottom right on an image:ExampleLive Demo                    .box {             position: relative;   ... Read More

Specify the gap between the columns with CSS

Nishtha Thakur

Nishtha Thakur

Updated on 24-Jun-2020 11:50:27

Use the column-gap property to set the gap between the columns. You can try to run the following code to implement the column-gap property, with value 50px:ExampleLive Demo                    .demo {             column-count: 4;   ... Read More

How to add a resource reference in HTML?

Nishtha Thakur

Nishtha Thakur

Updated on 24-Jun-2020 07:56:58

Use the tag to add a resource reference. The HTML tag is used for defining a link to an external document. It is placed in the section of the document.The following are the attributes −AttributeValueDescriptioncharsetcharsetDefines the character encoding of the linked document.hrefURLSpecifies the URL of the resource ... Read More

How to scale down an image with CSS to make it responsive

Nishtha Thakur

Nishtha Thakur

Updated on 24-Jun-2020 07:22:53

To make an image responsive, you can try to run the following code:ExampleLive Demo                    img {             max-width: 100%;             height: auto;          }                        

Set top tooltip with CSS

Nishtha Thakur

Nishtha Thakur

Updated on 24-Jun-2020 06:59:27

To set-top tooltip, use the bottom CSS property.You can try to run the following code to set-top tooltip to a text:ExampleLive Demo           .mytooltip .mytext {          visibility: hidden;          width: 140px;          background-color: blue;     ... Read More

Selects all elements with alt attribute containing the word "Tutorials" with CSS

Nishtha Thakur

Nishtha Thakur

Updated on 24-Jun-2020 06:09:54

Use the [attribute ~= "value"] selector to select elements with an attribute value containing a specified word with CSS.You can try to run the following code to implement the [attribute ~= "value"] selector. Here, the word we are searching is “Tutorials”, ExampleLive Demo           ... Read More

Style select options with CSS

Nishtha Thakur

Nishtha Thakur

Updated on 23-Jun-2020 15:28:35

To style the options in , you can try to run the following code,ExampleLive Demo                    select {             width: 100%;             padding: 10px 15px;             border: 1px dashed blue;             border-radius: 4px;             background-color: orange;          }                     Learn,                             Java             Ruby             Oracle             Tableau                    

Where can I find the current C or C++ standard documents?

Nishtha Thakur

Nishtha Thakur

Updated on 23-Jun-2020 13:59:38

You can find the current C standard documents on ANSI web store. https://webstore.ansi.org/RecordDetail.aspx?sku=INCITS%2FISO%2FIEC+9899-2012You can find the current C++ standard documents on the ISO C++ website for buying −  https://www.iso.org/standard/68564.htmlThe working draft of the ISO C++ standard is also available on  https://isocpp.org/std/the-standardRead More

How to work with addEventListener() method in JavaScript HTML DOM?

Nishtha Thakur

Nishtha Thakur

Updated on 23-Jun-2020 12:11:48

Use the addEventListener() method to attach an event handler.ExampleYou can try to run the following code to learn how to work with addEventListener() method in JavaScript −           Double click the below button.       Double Click                      document.getElementById("btnid").addEventListener("dblclick", displayEvent);          function displayEvent() {             document.getElementById("pid").innerHTML = Date();          }          

Previous 1 ... 3 4 5 6 7 ... 59 Next
Advertisements