tqm1
28 Jan 2012, 06:34 AM
Dear Experts,
I have following codes
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<META content="text/html; charset=windows-1252" http-equiv=Content-Type>
<META name=GENERATOR content="MSHTML 8.00.7600.16912">
<style type="text/css">
.back {clear:both;width:100px;height:30px;padding:5px;color:green;font-style:bold;}
h3 {color:blue;font-style:bold;BACKGROUND: url(hotmail2.jpg) no-repeat center #90bade;line-height:30px;}
#box {width:275px;height:275px;padding:5px;margin:5px;background:#e3eeff;text-align:center;border:1px solid #069;}
</style>
<script type="text/javascript" src="jquery-1.7.1.js"></script>
<script type="text/javascript" src="jquery.corner.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('input[name="RD"]').click(function(){
alert("Please note \n Image corners will be rounded now")
$("imgBox").corner("35px");
});
});
</script>
</head>
<body>
<center>
<h1>JQuery Tutorials</h1>
<div id="box">
<H3>Rounded Corners</H3>
<div id="imgBox"><img src="bg8.jpg" alt="" width=200 height=200></div><br>
<input type="submit" class="back" name="RD" value="Apply">
</div>
</center>
</body>
</html>
I want to apply rounded corners to image.
For this when I press Apply button, then it does not work.
Please help me to locate where is what is wrong with my codes.
Thanks
I have following codes
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<META content="text/html; charset=windows-1252" http-equiv=Content-Type>
<META name=GENERATOR content="MSHTML 8.00.7600.16912">
<style type="text/css">
.back {clear:both;width:100px;height:30px;padding:5px;color:green;font-style:bold;}
h3 {color:blue;font-style:bold;BACKGROUND: url(hotmail2.jpg) no-repeat center #90bade;line-height:30px;}
#box {width:275px;height:275px;padding:5px;margin:5px;background:#e3eeff;text-align:center;border:1px solid #069;}
</style>
<script type="text/javascript" src="jquery-1.7.1.js"></script>
<script type="text/javascript" src="jquery.corner.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('input[name="RD"]').click(function(){
alert("Please note \n Image corners will be rounded now")
$("imgBox").corner("35px");
});
});
</script>
</head>
<body>
<center>
<h1>JQuery Tutorials</h1>
<div id="box">
<H3>Rounded Corners</H3>
<div id="imgBox"><img src="bg8.jpg" alt="" width=200 height=200></div><br>
<input type="submit" class="back" name="RD" value="Apply">
</div>
</center>
</body>
</html>
I want to apply rounded corners to image.
For this when I press Apply button, then it does not work.
Please help me to locate where is what is wrong with my codes.
Thanks