Mmm...well none of what you guys suggested worked. Thanks though!
Here's my code:
<!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>
<title>Javascript tests</title>
<script type="text/javascript" src="js/MochiKit.js"></script>
<script type="text/javascript">
function iWannaRound(){
roundClass("h1", null);
}
function iWannaHide(){
puff('makemegowaway');
}
function iWannaChangeTheClass(){
setElementClass("toto", "nicebox");
}
function iWannaChangeTheContent(){
removeElement("theclasstext");
appendChildNodes("toto",
SPAN(null, "this is a test"),
BR()
);
}
</script>
<style type="text/css">
h1 {
background: #003333;
color: #FFFFFF;
}
.zeButton {
background: #FFFFCC;
width: 200px;
cursor: pointer;
float: left;
margin: 5px;
}
.nicebox {
width: 150px;
height: 50px;
background: #000000;
color: #FFFFFF;
}
.totox {
width: 150px;
height: 50px;
background: #000000;
color: #FFFFFF;
}
#makemegowaway {
width: 50px;
height: 50px;
background: #333300;
}
</style>
</head>
<body onload="iWannaRound()">
<h1>This is a wonderfull header</h1>
<div class="zeButton" onclick="iWannaChangeTheClass()">
Change the class.
</div>
<div class="zeButton" onclick="iWannaChangeTheContent()">
Change the content.
</div>
<div class="zeButton" onclick="iWannaHide()">
Disapear.
</div>
<br />
<br />
<br />
<div style="clear:both">
<div id="toto"><span id="theclasstext">There is no class
here.</span></div>
<br />
<br />
<div id="makemegowaway">saddasda</div>
</div>
</body>
</html>
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"MochiKit" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at http://groups.google.com/group/mochikit
-~----------~----~----~----~------~----~------~--~---
