DHTML || Introduction - CodeTextPro - CodeTextPro | Free Web Tutorial

Codetextpro Provides free Web tutorial, HTML, CSS, C, C++, Java, JavaScript, PHP, MySql, Python, Program, Programming Notes, Programming Questions and more.

Programming

Sunday, February 3, 2019

DHTML || Introduction - CodeTextPro

Why do we use DHTML? What is DHTML? 


Why we used DHTML?


Event handling using DHTML:

DHTML is a term used for the combination of technologies-HTML, CSS, JavaScript, DOM(DOCUMENT OBJECT MODEL), which are used together to create dynamic and interactive web pages. Web pages may include animation, dynamic menus, and text effects. So we have to use DHTML.


DHTML Example:

<!DOCTYPE html>
<html>
<head> <title> DHTML </title> </head>
<body>
<div onmouseover="mOver(this)" onmouseout="mOut(this)"
style="background-color:#D94a38;
width:300px;height:150px;padding:50px;">
Mouseover me
</div>

<script>
function mOver(obj)
{
obj.innerHTML= "....Thank You & Welcome...."
}
function mOut(obj)
{
obj.innerHTML=".....Mouse Over Me......"
}
</script>
</body>
</html>











DHTML stands for Dynamic HyperText Markup Language.

No comments:

Post a Comment