Skip to content

Commit eb405e0

Browse files
paulparkinsonpaulparkinson
authored
Add files via upload
1 parent 180d7b9 commit eb405e0

File tree

2 files changed

+55
-0
lines changed

2 files changed

+55
-0
lines changed

‎MLH.jpg

389 KB
Loading

‎download.html

Lines changed: 55 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>Checkbox Enabled Download</title>
6+
<style>
7+
body {
8+
background-color: #000; /* Black background */
9+
color: #fff; /* White text */
10+
}
11+
.submit-btn:disabled {
12+
color: #999;
13+
background-color: #ccc;
14+
}
15+
.submit-btn:enabled {
16+
color: #fff;
17+
background-color: #007bff;
18+
cursor: pointer;
19+
}
20+
input[type="checkbox"] {
21+
accent-color: #007bff; /* Change checkbox color */
22+
}
23+
24+
label {
25+
cursor: pointer;
26+
}
27+
</style>
28+
</head>
29+
<body>
30+
<center>
31+
<img src="MLH.jpg"/><br>
32+
<br><form id="downloadForm">
33+
<label>
34+
<input type="checkbox" id="agreeCheckbox">
35+
By checking this box and registering you agree to only use
36+
<br>the data provided during the lab for the specific exercises proposed
37+
<br>and shall not onward supply the Official Media Data Feed
38+
<br>and/or Fixture Lists Feed save to any end users.
39+
</label>
40+
<br><br>
41+
<button type="button" id="downloadBtn" class="submit-btn" disabled>Download File</button>
42+
</form>
43+
</center>
44+
<script>
45+
document.getElementById('agreeCheckbox').addEventListener('change', function(e) {
46+
document.getElementById('downloadBtn').disabled = !e.target.checked;
47+
});
48+
49+
document.getElementById('downloadBtn').addEventListener('click', function() {
50+
window.location.href = 'https://www.google.com/imgres?imgurl=https%3A%2F%2Frepository-images.githubusercontent.com%2F497504170%2Fd2b7bbac-3c84-4da3-9b38-a3f7ecd0ea4f&tbnid=naAQAv1MtY_EYM&vet=12ahUKEwjIruS53ZyEAxV0tIkEHQBuCv0QMygBegQIARBV..i&imgrefurl=https%3A%2F%2Fgithub.com%2Ftopics%2Fcss-form&docid=K8ndYkQBxtt1cM&w=1281&h=851&q=form%20on%20github&ved=2ahUKEwjIruS53ZyEAxV0tIkEHQBuCv0QMygBegQIARBV';
51+
});
52+
</script>
53+
54+
</body>
55+
</html>

0 commit comments

Comments
 (0)