Post your HTML code.
You need to use the onmouseover event handler to call a function which will swap the divs. You can write a generic function so that you can re-use it with different parameters.
yes, that's a madlib on the page. the part that i need is near the bottom, contained within
<div class="carl">, where it says "I Want the Madlib" and "I Want Something Else". when the mouse goes on "I Want Something Else",
<div id="david"> needs to move to where
<div id="adam"> currently is, at left:20%, and "adam" to move to where "david" is ONLY when "I Want the Madlib" is moused over. that makes sense, right?
[HTML]<!DOCTYPE html PUBLIC "-//w3c//DTD XHTML 1.1//EN" http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd>
<html>
<head>
<link rel="stylesheet" href="SECTION1.css" type="text/css" />
</head>
<body>
<div class="brian"><center>
<img src="pic1.jpg" alt="That's me" height="212" width="159" />
<span class="myspana"><br /> Tyler P. Carmody</span></center>
</div>
<div class="adam"><span class="myspanb">
<p class="titlez">A Madlib</p>
<p class="centerwindow">
<form action=”http://people.eecs.ku.edu/~eecs138/webprogramming/files/project1/madlib.php“>
<p class="centerwindow">I want to do madlib number:<input type="radio" checked=”checked” name=”madlib” value="1" />1<input type="radio" name=”madlib” value="2" />2<input type="radio" name=”madlib” value="3" />3<input type="radio" name=”madlib” value="4" />4
<ol class="centerwindow">
<li> A noun (plural):</li> <input type="text" name="noun1" />
<li> A noun:</li> <input type="text" name="noun2" />
<li> A noun:</li> <input type="text" name="noun3" />
<li> A verb (ending in 'ing'):</li> <input type="text" name="verb1" />
</ol>
<p class="centerwindow">Make the selected words: <select name="highlighting[]" size="3" multiple="multiple">
<option value=”bold”>Bold</option>
<option value=”italics”>Italics</option>
<option value=”underlined”>Underlined</option></p></select><input type="submit" value="Submit It" /><br /><br /></p></form>
</div>
<div class="carl"><span class="myspana">Links</span>
<a href="page2.html"><h2>My Bio Page</h2></a>
<p><h4>I Want the Madlib!<br /><br />I Want Something Else!</h4></p>
</div>
<div class="david"><center>
<img src="pic3.jpg" alt="A little more me." height="242" width="162" />
<span class="myspana"><br /><br /> You just can't get enough of me, can you?</span></center>
</div>
</body>
</html>[/HTML]
2
