html
html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<!doctype html>
<html>
<head>
<script src='https://cdn.firebase.com/v0/firebase.js'></script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js'></script>
<script>
var currentTime = new Date();
var month = currentTime.getMonth() + 1;
var day = currentTime.getDate();
var year = currentTime.getFullYear();
var Cdate = month + "/" + day + "/" + year;
var Ctime = new Date().toLocaleTimeString().replace("/.*(\d{2}:\d{2}:\d{2}).*/", "$1");
</script>
<script>
function placeVar() {
document.getElementById("dateInput").value = Cdate;
document.getElementById("timeInput").value = Ctime;
}
</script>
</head>
<body onload="placeVar()">
<h1>Story Game Idea/Thought Board!</h1>
<div id='messagesDiv'>
<!-- this is the form to get the user input -->
<form>
Enter to Rename, Shift+Enter to Preview
css
css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
body {
background-color:black;
font-family : georgia, sans-serif;
color : silver;
margin : 0;
padding : 0;
text-align : center;
}
#helpbox {
height:80px;
width:100%;
color:white;
background-color:green;
margin : 5px;
border-left : 1px solid #ccc;
border-right : 1px solid #ccc;
}
#helpbox p{
color:black;
}
#helpbox p:hover{
color:black;
}
#helpbox:hover {
color:black;
height:100%;
width:100%;
}
Enter to Rename, Shift+Enter to Preview
js
js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
$(document).ready(function () {
//Disable full page
$("html").on("contextmenu",function(e){
return false;
});
//Disable part of page
$("#id").on("contextmenu",function(e){
return false;
});
});
$(document).keydown(function(event){
if(event.keyCode==123){
return false;
}
else if(event.ctrlKey && event.shiftKey && event.keyCode==73){
return false; //Prevent from ctrl+shift+i
}
});
Enter to Rename, Shift+Enter to Preview
BROWSER
Console
Run