handgestrickt netzwerk

addendum for AWstats, Plesk 8 and suexec

info@handgestrickt.biz (Stefan Jelner) — Fri, 30 Nov 2007 16:23:37 +0100

in the article "AWstats, Plesk 8 and suexec" i showed how to set up AWstats on a Plesk 8 system without all the suexec-trouble. recently one of my servers made another trouble, because the FollowSymLinks was missing. so i wrote this addendum.

in your vhosts.conf and vhost_ssl.conf the changes should be:

vhost.conf:

<Directory /srv/www/vhosts/foo.com/httpdocs>
	Options +FollowSymLinks
</Directory>
ScriptAlias /awstats/ "/srv/www/vhosts/foo.com/httpdocs/awstats/"
<Directory "/srv/www/vhosts/foo.com/httpdocs/awstats/">
	Options none
	AllowOverride None
	Order allow,deny
	Allow from all
</Directory>

vhost_ssl.conf:

<Directory /srv/www/vhosts/foo.com/httpsdocs>
	Options +FollowSymLinks
</Directory>
ScriptAlias /awstats/ "/srv/www/vhosts/foo.com/httpdocs/awstats/"
<Directory "/srv/www/vhosts/foo.com/httpdocs/awstats/">
	Options none
	AllowOverride None
	Order allow,deny
	Allow from all
</Directory>

button-tag in MSIE

info@handgestrickt.biz (Stefan Jelner) — Fri, 07 Sep 2007 15:10:47 +0200

handgestrickt had to construct a very complex form. it was necessary to transfer several named actions when the user clicks a button. additionally these buttons were embedded in one form-tag.

according to the HTML-specs you can use the following construct:

<form action="foo.php" method="post">
    <input type="checkbox" name="batch[]" value="1" /> value 1<br />
    <input type="checkbox" name="batch[]" value="2" /> value 2<br />
    <input type="checkbox" name="batch[]" value="3" /> value 3<br />
    <input type="checkbox" name="batch[]" value="4" /> value 4<br />
    ...
    <button type="submit" name="action" value="edit">Edit</button>
    <button type="submit" name="action" value="copy">Copy</button>
    <button type="submit" name="action" value="delete">Delete</button>
</form>

in all standard compliant browsers, the name-value-pair gets transfered as expected. all Internet Explorers do the following: they pass all buttons at once, with the name as key and the inner HTML of the button-tags as the value.

you can start to fiddle with JavaScript now. a lot of solutions delete all button-tags and take the value of the clicked element as the value of a hidden form field. beside the fact, that this does not work without javascript, it has an ugly side: when you click a button, for a short moment, all the buttons on the page disappear. ugly!

my solution is very simple, yet powerful. and beside this, you can pass an unlimited amount of values by one button click. the trick: we put all the name-value-pairs into the name-attribute, beginning with a question-mark, so it looks like a usual query-string. we do not use button-tags at all, but input-tags of the type "submit" and "image".

example:

<input type="submit" name="?action=edit&foo1=bar1&foo2=bar2&foo3=bar3" value="Edit" />
<input type="submit" name="?action=copy&foo1=bar1&foo2=bar2&foo3=bar3" value="Copy" />
<input type="image" name="?action=delete&foo1=bar1&foo2=bar2&foo3=bar3" alt="Delete" src="delete.jpg" />

on the server-side, we have to find those entries and reorganize our request:

<?php
class foo {
    function button_limitations() {
        global $_GET,$_POST;
        $this->_button_limitations($_GET);
        $this->_button_limitations($_POST);
        return true;
    }
    
    function _button_limitations(&$var) {
        foreach($var as $key=>$value) {
            $key = stripslashes($key);
            if(substr($key,0,1) == '?') {
                unset($var[$key]);
                if( //type="image" coordinates
                    substr($key,-2) == '_x' ||
                    substr($key,-2) == '_y'
                ) $key = substr($key,0,-2);
                $key_value_pairs = explode('&',substr(stripslashes($key),1));
                for($a=0,$b=count($key_value_pairs);$a<$b;$a++) {
                    list($key2,$value2) = explode('=',$key_value_pairs[$a]);
                    $var[$key2] = $value2;
                }
            }
        }
        return true;
    }
}
?>

image nosave with mooTools 1.11

info@handgestrickt.biz (Stefan Jelner) — Tue, 28 Aug 2007 12:49:53 +0200

a lot of photographers use FLASH for another good reason: it is impossible to save the images contained in the FLASH.

as an alternative, handgestrickt had the idea to place a completely transparent layer over every image with the rel-attribute of "nosave" or a nosave-attribute set to "nosave". this works in every modern browser, with one limitation in Opera: the images have to have a width and height. otherwise Opera (or mooTools) cannot measure the width and height of the image.

requires: mooTools 1.11 (Window.DomReady, Element.Dimensions)

here is the code:

var nosave = new Class({
    initialize: function() {
        window.addEvent('domready',this.prepare.bindAsEventListener(this));
        return true;
    },

    prepare: function() {
        var imgs = $$('img');
        for(var a=0;a<imgs.length;a++) {
            if(
                imgs[a].getProperty('nosave') ||
                (imgs[a].getProperty('rel') && imgs[a].getProperty('rel').match(/(?:^|;)nosave(?:$|;)/i))
            ) {
                imgs[a].setProperty('nosave','nosave');
                var coords = imgs[a].getCoordinates();
                var overlay = new Element('div',{});
                var zindex = 1;
                if($type(imgs[a].style.zIndex)) zindex = (imgs[a].style.zIndex+1);
                overlay.setStyles({
                    'position': 'absolute',
                    'background-color': '#FF0000',
                    'top': coords.top+'px',
                    'left': coords.left+'px',
                    'width': coords.width+'px',
                    'height': coords.height+'px',
                    'z-index': zindex
                });
                var parent = imgs[a];
                while($type(parent.getParent())) {
                    parent = parent.getParent();
                    if(parent.tagName == 'A') {
                        overlay.setStyle('cursor','pointer');
                        eval('overlay.addEvent("click",function(e) { if(!new Event(e).rightClick) { window.location.href = "'+parent.href+'"; }; });');
                        break;
                    };
                };
                try { overlay.style.opacity = 0; } catch(ex) { };
                try { overlay.style['moz-opacity'] = 0; } catch(ex) { };
                try { overlay.style.filter = 'alpha(opacity:0)'; } catch(ex) { };
                overlay.injectBefore(imgs[a]);
            };
        };
        return true;
    }
});

to initialize it, add the following lines to your HTML-page:

<script language="JavaScript" type="text/javascript">
    var my_nosave = new nosave();
</script>

examples:

<img src="foo.jpg" rel="nosave" />
<img src="foo2.jpg nosave="nosave" />

for the "smartasses": handgestrickt is totally aware of the fact, that deactivating Javascript, looking into the browser cache or making screenshots cannot prevent the images from being saved. but for 90% of the internet users, this should be a good barrier. by the way: you can also make screenshots of FLASH-movies...

smarty modifier for FLASH Videos

info@handgestrickt.biz (Stefan Jelner) — Fri, 24 Aug 2007 13:35:48 +0200

a handgestrickt customer uses the "Free Video to Flash Converter" for converting his videos to FLV-format. this program also provides a FLASH-file with a very basic player, called player.swf.

this modifier is designed to take a link to an FLV-file and convert it to an HTML-snippet including a FLASH-plugin, with the player.swf, the link as the file-argument and the link-text as the player-title. this modifier is highly configurable.

basically this modifier can also be used for other FLASH-Video-players. only tiny modifications have to be made.

the code:

<?php
function identify_modifier_flvlink2flash () {
	return array (
		'name' => 'flvlink2flash',
		'type' => 'smarty_modifier',
		'nicename' => 'FLV-Link to FLASH',
		'description' => 'Converts a Link to an FLV-Video to a fully FLASH.',
		'authors' => 'Stefan Jelner <info@handgestrickt.biz>',
		'licence' => 'GPL',
		'help' => ''
	);
}

function smarty_modifier_flvlink2flash ($string,$params) {
	$temp = explode(',',trim($params));
	$params = array();
	foreach($temp as $value) {
		$temp2 = explode('=',trim($value));
		$params[trim($temp2[0])] = trim($temp2[1]);
	}
	//default values
	$defaults = array(
		'width' => '320',
		'height' => '200',
		'noembed_img' => 'http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif',
		'noembed_url' => 'http://www.adobe.com/go/getflashplayer',
		'allowScriptAccess' => 'sameDomain',
		'classid' => 'clsid:d27cdb6e-ae6d-11cf-96b8-444553540000',
		'codebase' => 'http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0',
		'type' => 'application/x-shockwave-flash',
		'pluginspage' => 'http://www.adobe.com/go/getflashplayer',
		'quality' => 'high',
		'wmode' => 'transparent',
		'menu' => 'false',
		'scale' => 'exactfit',
		'player_url' => 'player.swf',
		'player_size' => 'false',
		'player_aplay' => 'false',
		'player_autorev' => 'false'
	);
	//merge parameters with default values
	$params = array_merge($defaults,$params);
	//create FLASH-plugin-template
	$template = sprintf(
		'<!--[if !IE]>-->'.
		'<embed src="%14$s?file=%%1\\\\$s&size=%15$s&aplay=%16$s&autorev=%17$s&title=%%2\\\\$s" allowScriptAccess="%5$s" '.
		'type="%8$s" pluginspage="%9$s" quality="%10$s" width="%1$s" height="%2$s" wmode="%11$s" menu="%12$s" />'.
		'<noembed><a href="%4$s" target="_blank"><img src="%3$s" /></a></noembed>'.
		'<!--<![endif]-->'.
		'<!--[if IE]>'.
		'<object classid="%6$s" codebase="%7$s" width="%1$s" height="%2$s">'.
		'<param name="allowScriptAccess" value="%5$s" />'.
		'<param name="movie" value="%14$s?file=%%1\\\\$s&size=%15$s&aplay=%16$s&autorev=%17$s&title=%%2\\\\$s" />'.
		'<param name="wmode" value="%11$s" />'.
		'<param name="scale" value="%13$s" />'.
		'<param name="quality" value="%10$s" />'.
		'<param name="menu" value="%12$s" />'.
		'<a href="%4$s" target="_blank"><img src="%3$s" /></a>'.
		'</object>'.
		'<![endif]-->',
		$params['width'],
		$params['height'],
		$params['noembed_img'],
		$params['noembed_url'],
		$params['allowScriptAccess'],
		$params['classid'],
		$params['codebase'],
		$params['type'],
		$params['pluginspage'],
		$params['quality'],
		$params['wmode'],
		$params['menu'],
		$params['scale'],
		$params['player_url'],
		$params['player_size'],
		$params['player_aplay'],
		$params['player_autorev']
	);
	//find and replace link to FLV-files
	$string = preg_replace('/<a[^>]+href=([\\\\"\\\\\\'])([^\\\\"\\\\\\']+\\\\.flv)\\\\1[^>]*>([^<]*)<\\\\/a>/sie',"sprintf('$template','\$2','\$3')",$string);
	return $string;
}
?>

usage:

because smarty does not provide the ability to pass named arguments to modifiers, we have to do it with a string. the syntax is:

"key1=value1,key2=value2,....,keyn=valuen"

example:

{$foo|flvlink2flash:"width=450,height=338"}
{$foo|flvlink2flash:"width=450,height=338,menu=true"}

parameters:

width
height
noembed_img
noembed_url
allowScriptAccess
classid
codebase
type
pluginspage
quality
wmode
menu
scale
player_url
player_size
player_aplay
player_autorev

unobtrusive scrolltext with mooTools

info@handgestrickt.biz (Stefan Jelner) — Fri, 24 Aug 2007 11:34:52 +0200

recently handgestrickt is really crazy for mooTools. we developed a whole bunch of unobtrusive scripts, we will publish in the future.

yesterday we had a quite simple task: we needed a scrolltext. unlike the 5 million DHTML solutions out there, where you have to fiddle your scrolltext into the JavaScript code, we wanted a scrolltext that changes any normal element with the classname "scroller" and a CSS-overflow to a scrolltext.

in mooTools this is very easy. we did the same trick as in old C64-days. first we measured the whole width of the scroller plus the width of the element. then we copied the same text at the end of the scrolltext, to make it look infinite. when the scrolltext reached the point, where it starts over, we just reseted it to zero.

following mooTools dependencies: mooTools 1.11 (Fx.Scroll, Fx.Transitions, Window.DomReady, Element.Selectors)

tested in: Internet Explorer 6.1 and 7, Firefox 1.5 and 2.0.0.6, Opera 9.01, Safari 3.0.3, Konqueror 3.4, Galeon 1.3, Mozilla 1.7.5, Epiphany 1.6. so in the modern browsers it can be assumed to work well.

usage: just give any element a classname "scroller" and a CSS-overflow and it scrolls! on line 20 you can change the speed (150 looks good).

here is the final code:

var unobtrusive_scroller = new Class({
	initialize: function() {
		window.addEvent('domready',this.prepare.bindAsEventListener(this));
	},

	prepare: function() {
		var scroller = $$('body')[0].getElementsByClassName('scroller');
		for(a=0;a<scroller.length;a++) {
			var old_length = scroller[a].innerHTML.length;
			scroller[a].innerHTML += ' ';
			var old_size = scroller[a].getSize();
			scroller[a].innerHTML += scroller[a].innerHTML;
			this.scroll(scroller[a],old_length,old_size.scrollSize.x);
		};
	},

	scroll: function(el,chars,x) {
		new Fx.Scroll(el,{
				'transition':Fx.Transitions.linear,
				'duration':(chars*150),
				'wheelStops':false,
				'onComplete': function() {
					var _this = this.options._this;
					var el = this.options._el;
					var chars = this.options._chars;
					var x = this.options._x;
					el.scrollTo(0,0);
					_this.scroll(el,chars,x);
				},
				'_this': this,
				'_el': el,
				'_chars': chars,
				'_x': x
		}).scrollTo(x,0);
	}
});

to initialize it, add the following lines to your HTML-page

<script language="JavaScript" type="text/javascript">
	var my_scroller = new unobtrusive_scroller();
</script>

PHP 4 and 5 and UTF-8 BOM issues

info@handgestrickt.biz (Stefan Jelner) — Thu, 26 Jul 2007 11:52:09 +0200

handgestrickts favourite source-code-editor is Ultraedit 32. this editor, like many other modern editors, has a good feature to mark files as UTF-8 encoded. this mark is called BOM (byte order mark) and is a 2-4 bytes mark in the beginning of a file, that indicates which Unicode-type is used. what a brilliant idea.

unfortunately PHP 4 and 5 send these marks as output to the browser. so if later you use a session_start()- or header()-function somewhere, you end up with the error message "headers already sent in ...".

after searching the web, we found the solution: PHP 5.2.0 introduces the configure-switch --enable-zend-multibyte. this switch enables PHP to recognize the BOM as what it is. unfortunately you have to recompile PHP.

for people using PHP on windows or others hosting on a shared public webserver, there are other workarounds: the first line in your PHP code should be a comment with a Unicode-character inside, like german "Umlaute", for example. then you save this file as UTF-8 without BOM. the editor should now recognize the special character as UTF-8 encoded and switch to the right encoding.

good news for the future: PHP 6 will have a widespread Unicode-support also enabling this feature by default.

relaunch of mp3.de

info@handgestrickt.biz (Stefan Jelner) — Mon, 23 Jul 2007 21:11:40 +0200

for the cologne agency tigavision GmbH, handgestrickt is making the AJAX-functionalities for the relaunch of the german well-known music-platform mp3.de. todays topic was the common search-input functionality, to suggest possible values based upon some characters the user typed in. one interesting task was the "loose" or tolerant phonetic search for entries. this is done by the MySQL and PHP-function soundex. this function calculates some phonetic key for every word, that can be matched against nearly matching words. for performance we splitted the result of soundex into varchar and bigint pieces and stored them in the database with indexes. the result was a lightining fast phonetically tolerant suggestion algorithm.

as a developing enviroment we used a Windows 2000 with a XAMPP-installation. Apache, MySQL, PHP5 is installed in minutes. unbelievable! for versioning we use TortoiseSVN.

newbie-Ruby

info@handgestrickt.biz (Stefan Jelner) — Sat, 21 Jul 2007 17:02:24 +0200

just for fun and to provide a very new service to our customers, handgestrickt learned Ruby recently. the syntax is simple, highly structured, clearly readable, yet powerful. for people who are used to read cryptic Perl-scripts, Ruby is a real delight.

in the next weeks we will have a look at Ruby On Rails.

inspite of using the Apache mod_ruby to make our Ruby-scripts running on the webserver, we just run them as CGI-scripts by adding the following to the Apache-configuration:

<IfModule mod_mime.c>
    AddHandler cgi-script .cgi .rb
</IfModule>

we do not want to hide our first efforts. the following script reads out the current folder and outputs it to the browser. you can click on a file or folder to open it.

#!/usr/bin/ruby

class Folderview
	#requiring and including necessary modules
	require "erb"
	include ERB::Util
	require "cgi"

	#constructor
	def initialize(folder = nil)
		#default values
		@folders = []
		@files = []
		@folder = "./"
		@cgi_folder = ""
		#if a folder is passed
		if !folder.nil?
			@folder = add_slash(folder)
		end
		#add the current cgi-values
		@cgi = CGI.new
  		if @cgi.has_key?("folder")
  			@folder += add_slash(@cgi["folder"])
  			@cgi_folder = add_slash(@cgi["folder"])
  		end
		#read the folder data
  		read_data
	end

	#reads the folder data and pushes it into the related arrays
	def read_data
		folder = Dir.new(@folder)
			while data = folder.read
				if data !~ /^\./
					if File.directory?(@folder+data)
						@folders.push(data)
					elsif File.file?(@folder+data)
						@files.push(data)
					end
				end
			end
   		folder.close
	end

	#output the whole HTML-tree in <pre>-tags
	def output_html
		puts "Content-Type: text/html\n\n"
		puts "<pre>\n"
		output_folders
		output_files
		puts "</pre>\n"
	end

	#outputs the folders one by one
	def output_folders
		@folders.each do |folder|
			puts "<a href=\"#{ENV["SCRIPT_NAME"]}?folder=#{url_encode(@cgi_folder+folder)}\">#{html_escape(folder)}</a>\n";
		end
	end

	#outputs the files one by one
	def output_files
		@files.each do |file|
			puts "<a href=\"#{@folder}#{url_encode(file)}\">#{html_escape(file)}</a>\n";
		end
	end

	#adds a slash to folder names if necessary
	def add_slash(folder)
		if folder !~ /\/$/
			folder += "/"
		end
		return folder
	end

	#access rules
	public :initialize, :output_html
	private :add_slash, :read_data, :output_folders, :output_files
end

view = Folderview.new
view.output_html
exit

kochlip.de, typo3 and first typoscript

info@handgestrickt.biz (Stefan Jelner) — Sat, 21 Jul 2007 16:48:51 +0200

handgestrickt is very proud of the first complex typoscript using automaketemplate, a barrier-free complex tree-menu called cron_accessiblemenus and the HTTPS-enforcer https_enforcer. this template is still very simple, but already providing a lot of great functionality. i wrote it for my customer kochclip.de. the designer is using dreamweaver and the HTML-templates are made, using the barrier-free-features of it plus the JavaScript-spryMenu. this typoscript is using all the naming conventions of dreamweaver. and it works well! in the next weeks, i want to have a look at templavoila.

typoscript:

config {
	locale_all = de_DE
	language = de
	htmlTag_langKey = de
	doctype = xhtml_strict
	metaCharset = iso-8859-1
	xhtml_cleaning = all
	simulateStaticDocuments = 1
	simulateStaticDocuments_addTitle = 1
	noPageTitle = 2
}

meta {
	keywords.field = keywords
	description.field = description
	language = de
}

plugin.tx_automaketemplate_pi1 {
	content = FILE
	content.file = fileadmin/templates/h131f.html
	elements {
		HEAD.all = 1
		HEAD.all.subpartMarker = DOCUMENT_HEADER
		HEAD.rmTagSections = title
		HEAD.rmSingleTags = meta
		BODY.all = 1
		BODY.all.subpartMarker = DOCUMENT_BODY
		DIV.all = 1
	}
	relPathPrefix = fileadmin/templates/
}

temp.head_menu = HMENU
temp.head_menu {
	entryLevel = 1
	special = directory
	special.value = 35
	1 = TMENU
	1 {
		IProcFunc = user_cronaccessiblemenus->makeAccessible
		IProcFunc.accessKeys = 1
		IProcFunc.dfn = 1
		IProcFunc.dfn.inATag = 1
		IProcFunc.appendWrap = <span class=accesskey>&nbsp;(ALT-|).</span>
		IProcFunc.dfn.start = 1
		IProcFunc.dfn.stdWrap.noTrimWrap = || |
		IProcFunc.dfn.menuSet = mainmenu
		wrap = <ul id="MenuBar1" class="MenuBarHorizontal">|</ul>
		expAll = 1
		NO {
			ATagTitle.field = title
			ATagParams.insertData = 1
			ATagParams = tabindex = {register:count_MENUOBJ}
			wrapItemAndSub = <li>|</li>
		}
		IFSUB=1
    		IFSUB{
      			ATagTitle.field = title
			ATagParams.insertData = 1
			ATagParams = tabindex = {register:count_MENUOBJ} class = MenuBarItemSubmenu
			wrapItemAndSub = <li>|</li>
    		}
	}
	2 < .1
	2.wrap = <ul>|</ul>

	3 < .2
	4 < .2
	5 < .2
	6 < .2
	7 < .2
	8 < .2
	9 < .2
	10 < .2
}

temp.foot_menu = HMENU
temp.foot_menu {
	entryLevel = 1
	special = directory
	special.value = 36
	1 = TMENU
	1 {
		IProcFunc = user_cronaccessiblemenus->makeAccessible
		IProcFunc.accessKeys = 1
		IProcFunc.dfn = 1
		IProcFunc.dfn.inATag = 1
		IProcFunc.appendWrap = <span class=accesskey>&nbsp;(ALT-|).</span>
		IProcFunc.dfn.start = 1
		IProcFunc.dfn.stdWrap.noTrimWrap = || |
		IProcFunc.dfn.menuSet = mainmenu
		wrap = <ul>|</ul>
		expAll = 1
		NO {
			ATagTitle.field = title
			ATagParams.insertData = 1
			ATagParams = tabindex = {register:count_MENUOBJ}
			wrapItemAndSub = <li>|</li>
		}
	}

	2 < .1
	3 < .2
	4 < .2
	5 < .2
	6 < .2
	7 < .2
	8 < .2
	9 < .2
	10 < .2
}

temp.content_normal = CONTENT
temp.content_normal {
	table = tt_content
	select {
		pidInList = this
		orderBy = sorting
		where = colPos = 0
	}
}
temp.content_left = CONTENT
temp.content_left {
	table = tt_content
	select {
		pidInList = this
		orderBy = sorting
		where = colPos = 1
	}
}
temp.content_right = CONTENT
temp.content_right {
	table = tt_content
	select {
		pidInList = this
		orderBy = sorting
		where = colPos = 2
	}
}

temp.headTemplate = TEMPLATE
temp.headTemplate {
	template =< plugin.tx_automaketemplate_pi1
	workOnSubpart = DOCUMENT_HEADER
}
temp.bodyTemplate = TEMPLATE
temp.bodyTemplate {
	template =< plugin.tx_automaketemplate_pi1
	workOnSubpart = DOCUMENT_BODY
	subparts.navigation < temp.head_menu
	subparts.mainContent < temp.content_normal
	subparts.sidebar1 < temp.content_left
	subparts.sidebar2 < temp.content_right
	subparts.footer < temp.foot_menu
}

page = PAGE
page {
	typeNum = 0
	10 < plugin.tx_httpsenforcer_pi1
	20 < temp.bodyTemplate
	headerData {
		10  < temp.headTemplate
		20 = TEXT
		20.insertData=1
		20.wrap = <title>|</title>
		20.value = {leveltitle:0} - {field:title}
		30 = TEXT
		30.value = <script language="JavaScript" type="text/javascript" src="fileadmin/templates/js/frame_hijacking.js"></script>
	}
	includeCSS {
		 file1 = fileadmin/templates/css/kochclip_admin.css
		 file1.title = styles provided by the system administrator and typoscript writer
		 file1.media = screen
	}
	bodyTagAdd = class = thrColFixHdr
}

musikfabrik and litebox-bugfix

info@handgestrickt.biz (Stefan Jelner) — Sat, 21 Jul 2007 16:35:16 +0200

handgestrickt finished the customer musikfabrik. the website was created with Contenido. we integrated a FLASH-slideshow and a litebox-module. litebox had a bug in Internet Explorer 7 that had to be fixed. when the image pops up, the screen is blurred out. unfortunately in Internet Explorer 7 the screen is only blurred out partly. if you scroll down, the page is not blurred. i fixed this bug, including an algorithm, that tries all properties to find the document-height. in the end it takes the highest value. the real hard work was moving the customer from one server to another. because Contenido is lacking of a client-export-feature, i had to write a script that does this. all the foreign-keys had to be retrieved an reconnected. additionally some keys were hardcoded into templates. all of the templates had to be rewritten with search and replace. finally this thing is running cleanly on a new server.

litebox bugfix:

function getPageSize(){
	var windowWidth, windowHeight;
	if (self.innerHeight) {	// all except Explorer
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
	} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
		windowWidth = document.documentElement.clientWidth;
		windowHeight = document.documentElement.clientHeight;
	} else if (document.body) { // other Explorers
		windowWidth = document.body.clientWidth;
		windowHeight = document.body.clientHeight;
	}

	var pageWidth = 0;
	if(document.body.clientWidth && pageWidth < document.body.clientWidth) pageWidth = document.body.clientWidth;
	if(document.body.scrollWidth && pageWidth < document.body.scrollWidth) pageWidth = document.body.scrollWidth;
	if(document.documentElement.scrollWidth && pageWidth < document.documentElement.scrollWidth) pageWidth = document.documentElement.scrollWidth;
	if(document.documentElement.clientWidth && pageWidth < document.documentElement.clientWidth) pageWidth = document.documentElement.clientWidth;
	if(document.documentElement.offsetWidth && pageWidth < document.documentElement.offsetWidth) pageWidth = document.documentElement.offsetWidth;
	if(document.body.offsetWidth && pageWidth < document.body.offsetWidth) pageWidth = document.body.offsetWidth;
	if(window.innerWidth && pageWidth < window.innerWidth) pageWidth = window.innerWidth;

	var pageHeight = 0;
	if(document.body.clientHeight && pageHeight < document.body.clientHeight) pageHeight = document.body.clientHeight;
	if(document.body.scrollHeight && pageHeight < document.body.scrollHeight) pageHeight = document.body.scrollHeight;
	if(document.documentElement.scrollHeight && pageHeight < document.documentElement.scrollHeight) pageHeight = document.documentElement.scrollHeight;
	if(document.documentElement.clientHeight && pageHeight < document.documentElement.clientHeight) pageHeight = document.documentElement.clientHeight;
	if(document.documentElement.offsetHeight && pageHeight < document.documentElement.offsetHeight) pageHeight = document.documentElement.offsetHeight;
	if(document.body.offsetHeight && pageHeight < document.body.offsetHeight) pageHeight = document.body.offsetHeight;
	if(window.innerHeight && pageHeight < window.innerHeight) pageHeight = window.innerHeight;

	arrayPageSize = new Array(pageWidth,pageHeight,windowWidth,windowHeight);
	return arrayPageSize;
}