Make table rows clickable

11 years ago · 8630e37ac7
2 changed files with 18 additions and 0 deletions
--- a/templates/index.html
+++ b/templates/index.html
@ -3,6 +3,14 @@
 	<head>
 		<title>%(page)s - %(pagenum)s - %(title)s</title>
 		<link rel="stylesheet" href="style.css">
+		<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
+		<script>
+			$(function(){
+				$('.clickable').click(function(){
+					window.location = $(this).data('url');
+				});
+			});
+		</script>
 	</head>
 	<body>
 		<h1>%(title)s</h1>
--- a/templates/style.css
+++ b/templates/style.css
@ -15,6 +15,16 @@ pre {
 	word-wrap: break-word;
 }

+.clickable
+{
+	cursor: pointer;
+}
+
+.clickable:hover
+{
+	background-color: #E6E6E6;
+}
+
 .clear
 {
 	clear: both;