Results 1 to 2 of 2

Thread: Jquery rounded corners

  1. #1
    Join Date
    Oct 2011
    Posts
    16

    Jquery rounded corners

    Dear Experts,

    I have following codes


    Code:
    <!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

  2. #2
    Join Date
    Sep 2011
    Location
    London, UK
    Posts
    60
    The selector is not correct. Instead of
    Code:
    $("imgBox")
    you must use
    Code:
    $("#imgBox")

Similar Threads

  1. Problem with rounded corners
    By Alexancho in forum Web Design, HTML Reference and CSS
    Replies: 1
    Last Post: 07 Sep 2010, 01:48 PM
  2. rounded corners with css
    By rich in forum Web Design, HTML Reference and CSS
    Replies: 1
    Last Post: 08 Feb 2010, 04:40 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •