Skip to content
Snippets Groups Projects
Commit fcda9f90 authored by Anna Horndahl's avatar Anna Horndahl
Browse files

klar

parent 6df63721
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 0 additions and 185 deletions
Blerp/index.html deleted 100644 → 0
+ 0
− 97
View file @ 6df63721
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Assignment 4 Exercise 3</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" />
<link rel="stylesheet" href="style.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.min.js" integrity="sha512-uURl+ZXMBrF4AwGaWmEetzrd+J5/8NRkWAvJx5sbPSSuOb0bZLqf+tOzniObO00BjHa/dD7gub9oCGMLPQHtQA==" crossorigin="anonymous"></script>
<script src="script.js"></script>
</head>
<body>
<div id = "container">
<div id = "droppable-div">
<div class="droppable ui-widget-header">
<img class="myImage" src=""/>
</div>
<div class="droppable ui-widget-header">
<img class="myImage" src="" />
</div>
<div class="droppable ui-widget-header">
<img class="myImage" src=""/>
</div>
</div>
<div class="table-container">
<table id = "myTable" class="tablesorter">
<thead>
<tr>
<th>Name</th>
<th>ID</th>
<th>Last shipment</th>
<th>In stock</th>
<th>Picture</th>
</tr>
</thead>
<tbody>
<tr>
<td>Fish</td>
<td>1</td>
<td>2013-11-16</td>
<td>100</td>
<td><div class="draggable ui-widget-content" src = "/Exercise 1/images/image1-small.jpg">
<img src = "/Exercise 1/images/image1-small.jpg"/>
</div></td>
</tr>
<tr>
<td>Corn</td>
<td>2</td>
<td>2013-11-16</td>
<td>40</td>
<td><div class="draggable ui-widget-content" src = "/Exercise 1/images/image2-small.jpg" >
<img src = "/Exercise 1/images/image2-small.jpg"/>
</div></td>
</tr>
<tr>
<td>Watermelon</td>
<td>3</td>
<td>2013-11-16</td>
<td>54</td>
<td><div class="draggable ui-widget-content" src = "/Exercise 1/images/image3-small.jpg">
<img src = "/Exercise 1/images/image3-small.jpg"/>
</div></td>
</tr>
<tr>
<td>Egg</td>
<td>4</td>
<td>2013-11-16</td>
<td>32</td>
<td><div class="draggable ui-widget-content" src = "/Exercise 1/images/image4-small.jpg">
<img src = "/Exercise 1/images/image4-small.jpg"/>
</div></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
\ No newline at end of file
Blerp/script.js deleted 100644 → 0
+ 0
− 30
View file @ 6df63721
$( document ).ready(function() {
$( function() {
$(".draggable").draggable({
helper: "clone",
revert: "invalid"
});
$(".droppable").droppable({
drop: function(event, ui) {
/* $( this )
.find( "img" )
$('img', this).attr("src", ui.draggable.attr("src"));*/
$(this)
/*.find("a")
.html('<a href=""><img src="" /></a>');*/
$(this).attr("a href", ui.draggable.attr("src"));
$(this).attr("img src", ui.draggable.attr("src"));
/*$(this).attr("data-fancybox", "gallery");
}
});
});
});
Blerp/style.css deleted 100644 → 0
+ 0
− 58
View file @ 6df63721
#container {
display:flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.draggable {
width: 100px;
height: 100px;
padding: 0.1em;
float: left;
margin: 20px 10px 10px 40px;
}
.droppable {
width: 150px;
height: 150px;
padding: 0.1em;
float: left;
margin: 10px; }
#droppable-div {
margin-bottom: 50px;
}
.ui-widget-content img {
width: 100px;
height: 100px;
}
.table-container {
width: 600px;
height: 500px;
}
#myTable {
font-family: arial, sans-serif;
border-collapse: collapse;
width: 100%;
height: 50%;
}
#myTable td, th {
border: 1px solid #dddddd;
text-align: left;
}
#myTable tr:nth-child(even) {
background-color: #c4bdbd;
}
.myImage {
width: 100%;
height: 100%;
}
\ No newline at end of file
Exercise 1/accordion.html → Exercise 1+2/accordion.html
+ 0
− 0
View file @ fcda9f90
File moved
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment