Showing posts with label javascript. Show all posts
Showing posts with label javascript. Show all posts

Thursday, December 28, 2017

html / javascript : Make elements visible / hidden on drop down values

 Make elements visible / hidden on drop down values


<html>
Display Element
<select id="display" name="form_select" onchange="showDiv()">
   <option value="no">No</option>
   <option value="yes">Yes</option>
</select>
<div id="hidden_div" style="display:none;">Hello hidden content</div>

<script type="text/javascript">
    function showDiv()
    {
       if(document.getElementById('display').value=="yes")
        document.getElementById('hidden_div').style.display = "block";
        else
        document.getElementById('hidden_div').style.display = "none";
    }
</script>
</html>

Wednesday, July 20, 2016

Javascript : Basic example of javascript

Basic example of javascript



<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
    document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>

<body>

<h1>JavaScript in Head</h1>

<p id="demo">A Paragraph.</p>

<button type="button" onclick="myFunction()">Try it</button>

</body>
</html>