Page 265 - Web_Application_v2.0_C12_Fb
P. 265

<HEAD>
                    <TITLE>JavaScript onfocus</TITLE>

                    </HEAD>
                    <SCRIPT>
                    function highlightField(element) {

                    element.style.background = "yellow";
                    }
                    </SCRIPT>
                    </HEAD>
                    <BODY>

                    <input type="text" onfocus="highlightField(this)" placeholder="Click here">
                    </BODY>
                    </HTML>
                 Output:










                 Example 73: To demonstrate the use of  onchange event

                    <!DOCTYPE HTML>
                    <HTML>

                    <HEAD>
                    <TITLE>JavaScript onchange</TITLE>
                    </HEAD>

                    <SCRIPT>
                    function showChange() {
                    alert("Value changed!");
                    }
                    </SCRIPT>

                    </HEAD>
                    <BODY>
                    <select onchange="showChange()">
                    <option value="A">A</option>

                    <option value="B">B</option>
                    <option value="C">C</option>
                    </select>
                    </BODY>
                    </HTML>



                                                                                                  JavaScript Part 2  263
   260   261   262   263   264   265   266   267   268   269   270