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...

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

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?

...
<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 (http://plugins.jquery.com/project/corners) plugin which means that u've to link to

<script type="text/javascript" src="jquery.corners.js"></script
and call it like this
$("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

Set the background color in CSS.

yup...most importantly :)