jquery rounded corners sample not working

rfresh · 07-27-2008, 05:42 PM

I'm trying to get a very simple jquery plugin to work - it's the corners plugin but it doesn't display a rounded rectangle, only the text displays - I must be missing something simple?

Thanks...

PHP Code:


			
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

 <HEAD>

  <TITLE> New Document </TITLE>

  <META NAME="Generator" CONTENT="EditPlus">

  <META NAME="Author" CONTENT="">

  <META NAME="Keywords" CONTENT="">

  <META NAME="Description" CONTENT="">



<script type="text/javascript" src="jquery-1.2.6.js"></script>

<script type="text/javascript" src="jquery.corner.js"></script>



<script type="text/javascript">

$(document).ready(function(){



$("div.box").corner();



});

</script>



</HEAD>



<BODY>



<div id="box1" class="box">

this would be the content

</div>



</BODY>

</HTML>

shyam · 07-28-2008, 05:59 PM

Quote:

Originally Posted by rfresh

I'm trying to get a very simple jquery plugin to work - it's the corners plugin but it doesn't display a rounded rectangle, only the text displays - I must be missing something simple?

Code:

...
<script type="text/javascript" src="jquery-1.2.6.js"></script>
<script type="text/javascript" src="jquery.corner.js"></script>

<script type="text/javascript">
$(document).ready(function(){

$("div.box").corner();

});
</script>
...

i'm guessing ur refering to the corners plugin which means that u've to link to

Code:

<script type="text/javascript" src="jquery.corners.js"></script

and call it like this

Code:

$("div.box").corners();

just as the example tells you to do :|

ShaF · 07-28-2008, 06:03 PM

Set the background color in CSS.

<style type="text/css">
.box {
background-color : #AAA;
}
</style>

shyam · 07-28-2008, 06:05 PM

Quote:

Originally Posted by ShaF

Set the background color in CSS.

yup...most importantly