実験室

クッションページの生成をJavaScriptで行う。

サンプル


コード

<script>
function cushion(e){
	var win=window.open('about:blank', 'cushion');
	var tpl='<body style="background-color:#fff;text-align:center;">'+
			'<p><a href="%s">%s</a><br>にジャンプします。</p>'+
			'<p><a onclick="window.close();">CLOSE</a></p>'+
			'</body>';
	
	if( win.document || win.documentElement ){
		var d=win.document||win.documentElement;
		var s=e.target.href;
		d.title='jump to '+s;
		d.write(tpl.replace(/%s/g, s));
		d=s=null;
	}
	win=tpl=null;
	return false;
}

onload=function(){
	var as=document.querySelectorAll('a');
	as=Array.prototype.slice.call(as);
	as.map( function(e){ e.onclick=function(e){e.preventDefault(); cushion(e);return false;} } );
};
</script>

BACK