PDA

View Full Version : Jquery rounded corners



tqm1
28 Jan 2012, 05: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

hyperion
28 Jan 2012, 12:19 PM
The selector is not correct. Instead of


$("imgBox")

you must use


$("#imgBox")