diff options
| author | Savetheinternet <savetheinternet@n0v4.com> | 2011-03-27 02:36:32 +1100 |
|---|---|---|
| committer | Savetheinternet <savetheinternet@n0v4.com> | 2011-03-27 02:36:32 +1100 |
| commit | 15a74b15232fbf3f19878e21b861737f186f2b7c (patch) | |
| tree | 1e4a9c682b7e0a53033a9e22b4e4223af7d81b7c /templates | |
| parent | 99a51ddca9270b030620f5e62bb6744418b053cc (diff) | |
Stylesheets, etc.
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/index.html | 3 | ||||
| -rw-r--r-- | templates/main.js | 123 | ||||
| -rw-r--r-- | templates/page.html | 1 | ||||
| -rw-r--r-- | templates/thread.html | 1 |
4 files changed, 127 insertions, 1 deletions
diff --git a/templates/index.html b/templates/index.html index 1e7f7a25..e2422012 100644 --- a/templates/index.html +++ b/templates/index.html @@ -6,8 +6,9 @@ <title>{board[url]} - {board[name]}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
- <script type="text/javascript" src="{config[url_javascript]}"></script>
{config[meta_keywords]?<meta name="keywords" content="{config[meta_keywords]}" />}
+ <link rel="stylesheet" type="text/css" id="stylesheet" href="{config[uri_stylesheets]}{config[default_stylesheet][1]}">
+ <script type="text/javascript" src="{config[url_javascript]}"></script>
</head>
<body>
{boardlist[top]}
diff --git a/templates/main.js b/templates/main.js new file mode 100644 index 00000000..7bf5b6d9 --- /dev/null +++ b/templates/main.js @@ -0,0 +1,123 @@ +function highlightReply(id)
+{
+ var divs = document.getElementsByTagName('div');
+ for (var i = 0; i < divs.length; i++)
+ {
+ if (divs[i].className.indexOf('post') != -1)
+ divs[i].className = divs[i].className.replace(/highlighted/, '');
+ }
+ if (id) {
+ post = document.getElementById('reply_'+id);
+ if(post)
+ post.className += ' highlighted';
+ }
+}
+function focusId(id)
+{
+ document.getElementById(id).focus();
+ init();
+}
+
+function generatePassword() {
+ pass = '';
+ chars = '{config[genpassword_chars]}';
+ for(i=0;i<8;i++) {
+ rnd = Math.floor(Math.random() * chars.length);
+ pass += chars.substring(rnd,rnd + 1);
+ }
+ return pass;
+}
+
+function dopost(form) {
+ localStorage.name = form.name.value.replace(/ ##.+$/, '');
+ if(form.email.value != 'sage')
+ localStorage.email = form.email.value;
+
+ return form.body.value != "" || (typeof form.thread != "undefined" && form.file.value != "");
+}
+function citeReply(id) {
+ document.getElementById('body').value += '>>' + id + '\n';
+}
+
+var selectedstyle = '{config[default_stylesheet][0]}';
+var styles = [
+ {stylesheets:['{stylesheets[name]}', '{stylesheets[uri]}']{!%last?,
+ }}
+];
+
+function changeStyle(x) {
+ localStorage.stylesheet = styles[x][1];
+ document.getElementById('stylesheet').href = styles[x][1];
+ selectedstyle = styles[x][0];
+}
+
+if(localStorage.stylesheet) {
+ for(x=0;x<styles.length;x++) {
+ if(styles[x][1] == localStorage.stylesheet) {
+ changeStyle(x);
+ break;
+ }
+ }
+}
+
+function init()
+{
+ newElement = document.createElement('div');
+ newElement.className = 'styles';
+
+ for(x=0;x<styles.length;x++) {
+ style = document.createElement('a');
+ style.innerHTML = '[' + styles[x][0] + ']';
+ style.href = 'javascript:changeStyle(' + x + ');';
+ if(selectedstyle == styles[x][0])
+ style.className = 'selected';
+ newElement.appendChild(style);
+ }
+
+ if(!localStorage.password)
+ localStorage.password = generatePassword();
+ elements = document.getElementsByName('password');
+ for(x=0;x<elements.length;x++) {
+ elements[x].value = localStorage.password;
+ }
+
+ document.getElementsByTagName('body')[0].insertBefore(newElement, document.getElementsByTagName('body')[0].lastChild)
+
+ if (window.location.hash.indexOf('q') == 1)
+ citeReply(window.location.hash.substring(2));
+ else if (window.location.hash.substring(1))
+ highlightReply(window.location.hash.substring(1));
+ if(localStorage.name)
+ document.getElementsByTagName('form')[0].name.value = localStorage.name;
+ if(localStorage.email)
+ document.getElementsByTagName('form')[0].email.value = localStorage.email;
+
+ link = document.getElementsByTagName('a');
+ for ( i in link ) {
+ if(typeof link[i] == "object" && link[i].childNodes[0].src) {
+ link[i].onclick = function() {
+ if(!this.tag) {
+ this.tag = this.childNodes[0].src;
+ this.childNodes[0].src = this.href;
+ this.childNodes[0].style.width = 'auto';
+ this.childNodes[0].style.height = 'auto';
+ this.childNodes[0].style.opacity = '0.4';
+ this.childNodes[0].style.filter = 'alpha(opacity=40)';
+ this.childNodes[0].onload = function() {
+ this.style.opacity = '1';
+ this.style.filter = '';
+ }
+ } else {
+ this.childNodes[0].src = this.tag;
+ this.childNodes[0].style.width = 'auto';
+ this.childNodes[0].style.height = 'auto';
+ this.tag = '';
+ }
+ return false;
+ }
+
+ }
+ }
+}
+
+window.onload = init;
\ No newline at end of file diff --git a/templates/page.html b/templates/page.html index 6f4e288a..7af0d710 100644 --- a/templates/page.html +++ b/templates/page.html @@ -6,6 +6,7 @@ <title>{title}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
+ <link rel="stylesheet" type="text/css" id="stylesheet" href="{config[uri_stylesheets]}{config[default_stylesheet][1]}">
</head>
<body>
{pm?<div class="top_notice">{pm}</div><hr/>}
diff --git a/templates/thread.html b/templates/thread.html index 4df828c6..91448f39 100644 --- a/templates/thread.html +++ b/templates/thread.html @@ -6,6 +6,7 @@ <title>{board[url]} - {board[name]}</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
+ <link rel="stylesheet" type="text/css" id="stylesheet" href="{config[uri_stylesheets]}{config[default_stylesheet][1]}">
<script type="text/javascript" src="{config[url_javascript]}"></script>
</head>
<body>
|