pav
9/18/2013 - 8:37 PM

empty

new_gist_file
content_copyfile_download
_
empty_html
content_copyfile_download
<html>

<head>

<title>Exercise 4.3</title>
<script src="script.js"></script>
<link rel="stylesheet" href="style.css" type="text/css" />

</head>

<body>

<div id='buttonHolder'>
<div id="explanation">
Remember all those clones you made last exercise.
Well, Codecademy BioLabs, not following any sort of ethical protocol,
has simply left them in the trash.
They are getting stinky. Please empty the trash.
</div>

<button id="emptyTrash">Empty the trash!</button>
</div>

<div id="content">

<div id='trashHolder'>


<div class='trashSide'></div>
<div id='trash'>

<div class="cloneable rectangle"></div>
<div class="cloneable circle"></div>

<div class="cloneable square"></div>
<div class="cloneable rectangle"></div>

<div class="cloneable circle"></div>
<div class="cloneable circle"></div>
<div class="cloneable square"></div>

<div class="cloneable square"></div>
<div class="cloneable circle"></div>
<div class="cloneable square"></div>

<div class="cloneable rectangle"></div>
<div class="cloneable square"></div>


</div>

<div class='trashSide'></div>




</div>



</div>

</body>

</html>
empty_css
content_copyfile_download
div.clearfix {
    clear:both;
}

div#buttonHolder {
    padding-bottom:5px;
    border-bottom-color:black;
    border-bottom-style:solid;
    border-bottom-width:1px;
}

div#explanation {
    font-family:Helvetica,Arial,sans-serif;
}


div#trashHolder {
    width:152px;
    height:250px;
    background-color:#AAA;
    
    margin:20px;
    
}

div.trashSide {
    width:19px;
    height:210px;
    background-color:#AAA;
    float:left;
}

div#trash {
    width:114px;
    height:190px;
    padding-top:20px;
    float:left;
    background-color:white;
}

div.cloneable {
    height:30px;
    width:30px;
    float:left;
    
    border-style:solid;
    border-width:4px;
    border-color:black;
    
}

div.cloneable:hover {
    cursor:pointer;
    -webkit-box-shadow: inset 0px 4px 5px #333;
       -moz-box-shadow: inset 0px 4px 5px #333;
            box-shadow: inset 0px 4px 5px #333;
}

div.cloneable.square {
    background-color:#7FFFD4;
}

div.cloneable.circle {
    -webkit-border-radius:19px;
       -moz-border-radius:19px;
            border-radius:19px;
    
    background-color:#DC143C;
}

div.cloneable.rectangle {
    background-color:#7CFC00;
    width:68px;
}
empty
content_copyfile_download
$('document').ready(function() {
$('#emptyTrash').click(function() {

    //write code that calls 
    //empty on the div with id 'trash'
    
$('#trash').empty();


});
});