0

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.

The attachment contains HTML file and Libraries.

Thanks

1
Contributor
1
Reply
2
Views
5 Years
Discussion Span
Last Post by tqmd1
0

These codes work fine

<!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("25px");
    });
  });

</script>
</head>

<body>
<center>
<h1>JQuery Tutorials</h1>

<div id="box">
	<h3>Rounded Corners</h3>
	<div id="imgBox" style=height:200;width:200;background: yellow;><img src="bg8.jpg" alt="" width=200 height=200></div><br>
	<input type="submit" class="back" id="RD" name="RD" value="Apply">
</div>
</center>


</body>

</html>
This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.