inline-expanding.js

inc/config.php

@@ -326,10 +326,6 @@
 	// When true, a blank password will be used for files (not usable for deletion).
 	$config['field_disable_password'] = false;
 	
-	// Allows js/quick-reply.js to work
-	// This will make your imageboard more vulnerable to flood attacks.
-	$config['quick_reply'] = false;
-	
 /*
  * ====================
  *  Markup settings
@@ -473,9 +469,6 @@
  	// Timezone
 	$config['timezone'] = 'America/Los_Angeles';
 	
-	// Inline expanding of images with Javascript
-	$config['inline_expanding'] = true;
- 	
  	// The format string passed to strftime() for post times
 	// http://www.php.net/manual/en/function.strftime.php
 	$config['post_date'] = '%m/%d/%y (%a) %H:%M:%S';
@@ -552,9 +545,12 @@
  */
 
 	// Additional Javascript files to include on board index and thread pages.
+	$config['additional_javascript'][] = 'js/inline-expanding.js';
+	// $config['additional_javascript'][] = 'js/local-time.js';
+	
+	// Some scripts require jQuery. Check the comments in script files to see what's needed.
 	// $config['additional_javascript'][] = 'js/jquery.min.js';
 	// $config['additional_javascript'][] = 'js/auto-reload.js';
-	// $config['additional_javascript'][] = 'js/local-time.js';
 	 
 	// Where these script files are located on the web (defaults to $config['root']).
 	// $config['additional_javascript_url'] = '/js/';
@@ -565,6 +561,10 @@
 	// Minify Javascript using http://code.google.com/p/minify/
 	$config['minify_js'] = false;
 
+	// Allows js/quick-reply.js to work
+	// This will make your imageboard more vulnerable to flood attacks.
+	$config['quick_reply'] = false;
+
 /*
  * ====================
  *  Video embedding

js/inline-expanding.js

@@ -0,0 +1,45 @@
+/*
+ * inline-expanding.js
+ * https://github.com/savetheinternet/Tinyboard/blob/master/js/inline-expanding.js
+ *
+ * Released under the MIT license
+ * Copyright (c) 2012 Michael Save <savetheinternet@tinyboard.org>
+ *
+ * Usage:
+ *   $config['additional_javascript'][] = 'js/inline-expanding.js';
+ *
+ */
+
+onload(function(){
+	var link = document.getElementsByTagName('a');
+	
+	for(var i = 0; i < link.length; i++) {
+		if(typeof link[i] == "object" && link[i].childNodes[0].src && link[i].className != 'file') {
+			link[i].onclick = function(e) {
+				if(e.which == 2) {
+					return true;
+				}
+				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;
+			}
+			
+		}
+	}
+});
+

js/local-time.js

@@ -6,8 +6,6 @@
  * Copyright (c) 2012 Michael Save <savetheinternet@tinyboard.org>
  *
  * Usage:
- *   $config['quick_reply'] = true;
- *   $config['additional_javascript'][] = 'js/jquery.min.js';
  *   $config['additional_javascript'][] = 'js/local-time.js';
  *
  */

templates/main.js

@@ -136,38 +136,6 @@ function rememberStuff() {
 	}
 }
 
-function init_expanding() {
-	link = document.getElementsByTagName('a');
-	for ( i in link ) {
-		if(typeof link[i] == "object" && link[i].childNodes[0].src && link[i].className != 'file') {
-			link[i].onclick = function(e) {
-				if(e.which == 2) {
-					return true;
-				}
-				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;
-			}
-			
-		}
-	}
-}
-
 function init() {
 	newElement = document.createElement('div');
 	newElement.className = 'styles';
@@ -189,8 +157,6 @@ function init() {
 	
 	if(window.location.hash.indexOf('q') != 1 && window.location.hash.substring(1))
 		highlightReply(window.location.hash.substring(1));
-	
-	{% endraw %}{% if config.inline_expanding %}{% raw %}init_expanding();{% endraw %}{% endif %}{% raw %}
 }
 
 var RecaptchaOptions = {