lol, that could do it. ;)
Me and some people at gzevolution were messing around and we got all this stuff below.
// Get the objects
divObj1 = document.getElementById("main");
divObj2 = document.getElementById("news");
// Create Element
newElement = document.createElement("div");
// Append the childs
divObj1.appendChild(newElement);
divObj2.appendChild(newElement);
Gives the error: divObj1 has no properties. I do have the DIVs main and news as IDs. I started to use jQuery, but putting the below code in after working with the plugin gives no errors, but no rounded corners either.
$('div.news').corner("round 8px").parent().css('padding', '4px').corner("round 10px");
Keep in mind, that's from the plugin UCSasuke gave. Where "news" after div. is a class (changed back to class, and it didn't help.) You can see the below HTML Code I'm using too:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Iyeru's Designs - version 2</title>
<link rel="stylesheet" href="main.css" />
<script language="javascript" src="scripts/jquery-1.1.3.1.pack.js"></script>
<script language="javascript" src="scripts/jquery.corner.js"></script>
<script language="javascript" src="main.js"></script>
</head>
<body>
<div id="wrapper">
<div id="header"><div id="header_right"> </div><img src="layout/logo.gif" alt="Iyeru's Designs" style="margin-left:100px;" /></div>
<script language="javascript">dirDepth();</script>
<div id="main">
<div id="news">
<center><strong>News</strong><br /><br />
<script language="javascript">document.write(news);</script>
</center>
</div>
<div class="message">Welcome</div><br /><br />
Welcome to Iyeru's Designs! Here you will be able to read about ULETEMA, a novel compilation by Ian "Iyeru" Carlson. Currently, he plans on writing the actual compilation very soon, so please be patient. The site itself is up and running, and will be the center of attention once everything is put into place. On another note, please check out the ULETEMA Role-Play, <a href="http://iyeru42.ryan444123.com/board/viewtopic.php?f=22&t=43" target="_blank">sign-ups are currently open</a> for anyone wanting to join. If there is enough people, the actual Role Play will begin. The Role Play itself could even have an impact on how the site actually looks and functions!
</div>
<div class="navbar">
<center>Iyeru's Designs is ©2007 Ian "Iyeru" Carlson<br />
ULETEMA is ©1999~Present Ian Arthur Carlson</center>
</div>
<div id="footer"> </div>
</div>
</body>
</html>
Where main.js is:
// JavaScript Document
if(d = null) { d = 0; } // Un-Nullify d
function dirDepth(d) {
switch(d) {
case 0:
l = "./";
break;
case 1:
l = "../";
break;
default:
l = "./";
break;
}
nav = '<div class="navbar"><a href="'+l+'index.htm">HOME</a> • <a href="'+l+'about.htm">ABOUT</a> • <a href="'+l+'gallery.htm">GALLERY</a> • <a href="http://iyeru42.ryan444123.com/board/" target="_blank">BOARD</a> • <a href="http://iyeru42.deviantart.com" target="_blank">dART</a> • <a href="'+l+'flash.htm">FLASH</a> • <a href="'+l+'link.htm">LINK</a></div>';
document.write(nav);
}
news = '.: July.17.2007 :.<br />Updated Layout';
// Get the objects
divObj1 = document.getElementById("main");
divObj2 = document.getElementById("news");
// Create Element
newElement = document.createElement("div");
// Append the childs
divObj1.appendChild(newElement);
divObj2.appendChild(newElement);
$('div.news').corner("round 8px").parent().css('padding', '4px').corner("round 10px");