Hi Guys
I am using JQuery and a rounded corners plugin to round the edges of
my div IDs. I have an index page and use innerHTML to inject HTML into
the index page. The problem is the HTML which is injected into the
index page, the div tags which are supposed to become rounded remain
unchanged. See code below:
index.htm:
[HTML]<head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="jquery.corner.js"></script>
<script type="text/javascript">
$(function() {
$("#differentcorners").corner("tl 8px").corner("tr br 8px");
});
</script>
</head>
<body>
<div id="insert"></div>
</body>[/HTML]
AJAX:
document.getElementById("insert").innerHTML = xhr.responseText;
HTML being injected into index.htm:
<div id="differentcorners">welcome</div>
