The code for this is:
<HTML>
<HEAD>
<TITLE> </TITLE>
<script type="text/javascript">
var djConfig = {isDebug: true};
</script>
<SCRIPT type="text/javascript" src="http://localhost/DoAjax/dojo.js"> </script>
<script type="text/javascript">
dojo.require("dojo.widget.*");
</script>
<script type="text/javascript">
function test(){
alert("Hello, Welcome to Dojo");
}
</script>
</HEAD>
<body> <h2>Test</h2>
<button dojoType="button" ><img src="http://localhost/DoAjax/Bird.gif"/></button>
</body>
</HTML>
<HTML>
<HEAD>
<TITLE> </TITLE>
<script type="text/javascript">
var djConfig = {isDebug: true};
</script>
<SCRIPT type="text/javascript" src="http://localhost/DoAjax/dojo.js"> </script>
<script type="text/javascript">
dojo.require("dojo.widget.*");
</script>
<script type="text/javascript">
function test(){
alert("Hello, Welcome to Dojo");
}
</script>
</HEAD>
<body> <h2>Test</h2>
<button dojoType="button" ><img src="http://localhost/DoAjax/Bird.gif"/></button>
</body>
</HTML>
Then you will see:
1 comment:
thanks for the code. if some one wants to look at all the dojo button icon classes which can be added to the css of buttons then dojo offers a lot of classes like new, delete and edit etc.
Post a Comment