DoHTML

Bones
Code Helper

Posts: 131
Bones said 0 great things

DoHTML Feb 28, 2011 0:28:19 GMT -8

Quote

Post by Bones on Feb 28, 2011 0:28:19 GMT -8

The pitfalls of HTML are just too dangerous and recent indications suggest such a code would be declared banned from Proboards!

Browsers Tested: firefox

Placement: Global Footer

Description: This is a very preliminary draft of a doHTML script for Proboards. The dangers in allowing every user the ability to post raw HTML is well known and this is exactly the reason why UBBC was created. The problem with UBBC however is in it's efforts to disallow malicious users posting something that could conceivably affect or even infect everyone else it has gone a bit overboard by totally removing the cooler aspects of HTML. This code attempts to bring back the ability to use some of those cooler aspects while still being wary of malicious users.

Script tags for example are totally ignored so don't even try posting them. Element events are also disabled (e.g. onmouseover="blah") since that is also another avenue of attack. Elements that load external sources (such as image and embed tags) can also offer another avenue of attack (malformed URI that evaluate to script) but removing the ability to use images would not be desirable so that aspect alone makes this script still a bit dangerous. Modern browser can detect these exploits and warn the user (or simply ignore) but older browsers (IE6 users beware) are still susceptible to such exploits.

Usage: post the HTML in a UBBC

tag but make sure to wrap it in [dohtml] tags

[quote][dohtml] HTML CODE GOES HERE [/dohtml][/quote]

Quote tag remodels such as the one used on this forum probably won't work well with this code unless the code runs before the remodel code.

<script type="text/javascript">
(function doHTML(){
//doHTML (v0.3.04)
if(!window.console)window.console={log:function(){}}
var disallowedTags = [] //script tags disallowed regardless of what is put here
if(!/(display|(pm|calendar|pre)view|search|recent)/.test(pb_action))return;
if("undefined" == typeof(arguments.callee.defer))arguments.callee.defer=[];
var parser = {
	sandbox:(function sandBox(){
		var div = document.createElement('div')
		div.parse=function parse(htm,keepEvents){ var y
			disallowedTags.push("script");
			htm = deEntify(htm).replace(RegExp("<(\\/)?("+disallowedTags.join("|")+")","gi"),"&"+"lt;$1$2");
			htm = htm.replace(/(src|href)\s*=\s*['"]?([^\s]+)/gi,function checkURI(m,p,p1,index,txt){
				if(/^#/.test(p1))return m;
				if(!/^(ht|f)tps?:/i.test(p1))return m.replace(p1,'');
				return m;
			})
			if(!keepEvents)htm = htm.replace(/\bon(\w+)=/g,"no$1=");
			this.innerHTML =  htm
			parser.html = arguments.callee.innerHTML = this.innerHTML;
			parser.nodes = document.createDocumentFragment()
			for(y=0;y<this.childNodes.length;y++)parser.nodes.appendChild(this.childNodes[y]);
			arguments.callee.nodes = parser.nodes;
			return arguments.callee
		}
		return div;
	})()
}
var defer = arguments.callee.defer;

function deEntify(txt){
	var entity = {'lt':'<','gt':'>','amp':'&'},convert=arguments.callee.convert	
	txt = txt.replace(/(%[0-9a-fA-F])\s([0-9a-fA-F])/g,'$1$2').replace(/%(?![0-9a-fA-F])/g,'\x07');
	try{(function URIDec(){txt=decodeURIComponent(txt);})()}catch(e){console.log(txt.match(/%../g));return (e.message||e);}
	txt = txt.replace(/\x07/g,'%');
	if(convert){convert.innerHTML=txt; return convert.value;}
	if(/&(#(x)?([a-f0-9]+)|lt|gt|amp);/i.test(txt))
	txt=txt.replace(/&(#(x)?([a-f0-9]+)|lt|gt|amp);/gi, function regDeEntifyHTML(m,p,p1,p2){
		if(entity[p])return entity[p];
		return String.fromCharCode(parseInt(p2,(p1.length?16:10)))
	}); 
	return txt;
}
deEntify.convert = document.createElement('textarea'); 
try{deEntify.convert.innerHTML = "&"+"lt"+";test&"+"gt"+"; &"+"#x"+"5d;"; if(deEntify.convert.value!="<test> ]")deEntify.convert=null;}catch(e){deEntify.convert=null;}
for (var tds=defer.length?defer:document.getElementsByTagName('td'), i=0; i<tds.length; i++) {
    if (tds[i].width=="80%" && tds[i].className.match(/windowbg/) && tds[i].vAlign=="top" && tds[i].innerHTML.match(/\[dohtml((?:\s+defer|\s+inline)+)?\]([\s\S]*?)\[\/dohtml\]/i) ) {
		for(var dotab = tds[i].getElementsByTagName('table'),fi=dotab.length-1;fi>0;fi--){
			if(/\b(quote)\b/.test(dotab[fi].className) && dotab[fi].innerHTML.match(/\[dohtml((?:\s+defer|\s+inline)+)?\]([\s\S]*?)\[\/dohtml\]/i)){
				if(RegExp.$1.length)dotab[fi].className+=" "+RegExp.$1;
				if(RegExp.$1.indexOf('defer')!=-1 && !/\b(defer)\b/i.test(dotab[fi].className)){defer.push(tds[i]);continue;}
				var htm = dotab[fi].rows[0].cells[0].firstChild,html;
				//note: some browsers no longer allow full innerHTML access to textareas (webkit?)
				if((html=htm.getElementsByTagName('textarea')) && html[0]){
					htm=html[html.length-1].innerHTML;
				}else htm=htm.innerHTML.split(/<br\s*\/?>/i).join('');
				html = parser.sandbox.parse(htm.replace(/^[\s\S]*\[dohtml((?:\s+defer|\s+inline)+)?\]/i,"").replace(/\[\/dohtml\][\s\S]*$/i,"")).innerHTML; isError=false;
				var dohtml=document.createElement((/\b(inline)\b/i.test(dotab[fi].className)?'span':'div')); dohtml.innerHTML = (isError?htm.replace(/</g,'&l'+'t;')+ '\n\n\nUNABLE TO CONVERT DOHTML':(html)); 
				dotab[fi-1].parentNode.removeChild(dotab[fi-1].previousSibling);
				if(/\b(inline)\b/i.test(dotab[fi].className) && dotab[fi-1].previousSibling.nodeName=="BR")dotab[fi-1].parentNode.removeChild(dotab[fi-1].previousSibling);
				dotab[fi-1].parentNode.replaceChild(dohtml,dotab[fi-1]);//fi-=2;
			}
		}
	}
}
if(defer.length)(window.addEventListener||window.attachEvent)((window.addEventListener?'':'on')+'load',arguments.callee,false);
if(/p(ost|review|msend)$/.test(pb_action) && document.postForm && document.postForm.color){
	var iubbc=document.postForm.color.parentNode.getElementsByTagName('a');
	iubbc=iubbc[iubbc.length-1].parentNode.insertBefore(document.createElement('a'),iubbc[iubbc.length-1].nextSibling);
	iubbc.href='javascript:add("[quote][dohtml]","[/dohtml][/quote]");';
	//UBBC image backups:http://img687.imageshack.us/img687/9135/dohtmlubbc.png|http://i31.photobucket.com/albums/c363/EtonBones/doHTML_UBBC.png
	iubbc.innerHTML='<img border="0" src="http://i55.tinypic.com/2rcad01.png" title="insert HTML" />';
}
})()
</script>

Here is the HTML which was used to test the code

[dohtml]
<script>alert('test');</script>
<style type="text/css">
#left {
width: 100px;
background-color: #ffffff;
border: 0px solid #000000;
}

#right {
width: 290px;
background-color: #ffffff;
border: 0px solid #000000;
float: right;
}

#center {
width: 470px;
background-color: #ffffff;
border: 0px solid #000000;
}

</style>





<div align="justify"; style="padding-top:5px;" onmouseover="alert(this);">
<center><img src="http://i297.photobucket.com/albums/mm237/SheltieWolf/arban.png"></center>

<center><div id="center"><div align="justify"; style="padding-top:5px;">
<center><table style="border:1px solid #000000; border-collapse:collapse;" cellpadding=4; border=1px solid #000000>

<tr class="titlesmall" style="text-align:center; background-color:#414643; font-family: Tahoma; font-size: 9px">
<th>THE ARDEL REVOLUTION</th>

</tr>

<tr><td class="titlesmall" colspan="3" style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #709170">BASIC INFORMATION</td></tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:justify; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">The Ardel Revolution was founded by Mirrors Ivé in Year Three, Spring. Although recently created, the old pack was formed out of one of the oldest packs in Torva. Originally Orion (founded by Demetrius Romanov), then Sirius (founded by Demetrius Romanov and Fenris Conan, then taken over by Fenris) and then Karnov, Ardel is a place for those who seek acceptance and wish to learn. The pack was taken over by Mirrors Ivé and changed into the Ardel Revolution or Ardel for short. Although the pack is still essentially based around fighting skills and strength of mentality, it is no longer an army. It is run by skill rather than force, attempting to revolutionise the way battles are fought and gain peace in the mighty lands of Torva once more. </td></tr></table></center></div></div></center>
<div id="right">

<div align="justify"; style="padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:5px;">

<table style="border:1px solid #000000; border-collapse:collapse;" cellpadding=4; border=1px solid #000000>

<tr class="titlesmall" colspan="3" style="text-align:center; background-color:#414643; font-family: Tahoma; font-size: 9px">
<th width=110>Rank</th>
<th width=240>Member</th>
<th width=160>Task</th>
</tr>

<tr><td class="titlesmall" colspan="3" style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #709170"> LEADERS </td></tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px"> Alpha Female </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px"> <a href="http://torva.moral-lock.com/index.php?showuser=164">Mirrors Ivé <img src="http://i193.photobucket.com/albums/z151/kittykarnage/pinkpaw.gif"></a> </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">Leader</td>

</tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px"> Alpha Male </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px"> --- </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px"> --- </td>

</tr>

<tr><td class="titlesmall" colspan="3" style="text-align:center; font-family: Tahoma; font-size: 9px; background-color:#709170"> RULE ENFORCERS</td></tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px"> Beta Male </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px"> --- </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px"> --- </td>

</tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px"> Beta Female </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px"> --- </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px"> --- </td>

</tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px"> Apprentice Beta Male</td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px"> --- </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px"> --- </td>

</tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px"> Apprentice Beta Female</td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px"> --- </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px"> --- </td>

</tr>

<tr><td class="titlesmall" colspan="3" style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #709170"> RESPECTED (higher) </td></tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #f0f0f0"> First Class </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px"> --- </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">---</td>

</tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #f0f0f0"> Second Class </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px"> --- </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">---</td>

</tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #f0f0f0"> Third Class </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">--- </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">---</td>

</tr>

<tr><td class="titlesmall" colspan="3" style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #709170"> RESPECTED (lower) </td></tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #f0f0f0"> First Class </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px"><a href="http://torva.moral-lock.com/index.php?showuser=104">Zuriel Rhimn <img src=http://i193.photobucket.com/albums/z151/kittykarnage/bluepaw.gif></a> </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">---</td>

</tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #f0f0f0"> Second Class </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">--- </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">---</td>

</tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #f0f0f0"> Third Class </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">--- </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">---</td>

</tr>


<tr><td class="titlesmall" colspan="3" style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #709170"> GENERAL CLASS </td></tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #f0f0f0"> First Class </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">--- </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">---</td>

</tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #f0f0f0"> Second Class </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">--- </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">---</td>

</tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #f0f0f0"> Third Class </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">--- </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">---</td>

</tr>

<tr><td class="titlesmall" colspan="3" style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #709170"> SUBORDINATES </td></tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #f0f0f0"> First Class </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px"><a href="http://torva.moral-lock.com/index.php?showuser=1375">Zarya Lutrova <img src=http://i193.photobucket.com/albums/z151/kittykarnage/pinkpaw.gif></a> </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">---</td>

</tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #f0f0f0"> Second Class </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">---</td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">---</td>

</tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #f0f0f0"> Third Class </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">--- </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">---</td>

</tr>

<tr><td class="titlesmall" colspan="3" style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #709170"> YET TO BE RANKED </td></tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #f0f0f0"> One </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px"><a href="http://torva.moral-lock.com/index.php?showuser=2875">Sorte Swiftpaw <img src=http://i193.photobucket.com/albums/z151/kittykarnage/pinkpaw.gif></a> </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">---</td>

</tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #f0f0f0"> Two </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px"><a href="http://torva.moral-lock.com/index.php?showuser=2395">Noelle Astrophel <img src=http://i193.photobucket.com/albums/z151/kittykarnage/pinkpaw.gif></a> </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">---</td>

</tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #f0f0f0"> Three </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px"><a href="http://torva.moral-lock.com/index.php?showuser=3276">Kayona Deveelto <img src=http://i193.photobucket.com/albums/z151/kittykarnage/pinkpaw.gif></a> </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">---</td>

</tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #f0f0f0"> Four </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px"><a href="http://torva.moral-lock.com/index.php?showuser=3423">Nika Egorova <img src=http://i193.photobucket.com/albums/z151/kittykarnage/pinkpaw.gif></a> </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">---</td>

</tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #f0f0f0"> Five </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px"><a href="http://torva.moral-lock.com/index.php?showuser=11">Hades Marcellus<img src=http://i193.photobucket.com/albums/z151/kittykarnage/bluepaw.gif></a> </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">---</td>

</tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #f0f0f0"> Six </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px"><a href="http://torva.moral-lock.com/index.php?showuser=228">Morikiah <img src=http://i193.photobucket.com/albums/z151/kittykarnage/bluepaw.gif></a> </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">---</td>

</tr>

<tr><td class="titlesmall" colspan="3" style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #709170"> YOUTH </td></tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #f0f0f0"> One </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px"><a href=http://torva.moral-lock.com/index.php?showuser=2344>Fenway Conan <img src=http://i193.photobucket.com/albums/z151/kittykarnage/bluepaw.gif></a> </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">---</td>

</tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #f0f0f0"> Two </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px"><a href=http://torva.moral-lock.com/index.php?showuser=1093>Hope Conan <img src=http://i193.photobucket.com/albums/z151/kittykarnage/pinkpaw.gif></a> </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">---</td>

</tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #f0f0f0"> Three </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">Eden Conan <img src=http://i193.photobucket.com/albums/z151/kittykarnage/pinkpaw.gif> </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">---</td>

</tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #f0f0f0"> Four </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">Malphas Baranski <img src=http://i193.photobucket.com/albums/z151/kittykarnage/bluepaw.gif> </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">---</td>

</tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #f0f0f0"> Five </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">Kane Baranski <img src=http://i193.photobucket.com/albums/z151/kittykarnage/bluepaw.gif> </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">---</td>

</tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #f0f0f0"> Six </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">Anastasia Baranski <img src=http://i193.photobucket.com/albums/z151/kittykarnage/pinkpaw.gif> </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">---</td>

</tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #f0f0f0"> Seven </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">Zory Baranski <img src=http://i193.photobucket.com/albums/z151/kittykarnage/bluepaw.gif> </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">---</td>

</tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #f0f0f0"> Nine </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">Adelais Baranski <img src=http://i193.photobucket.com/albums/z151/kittykarnage/pinkpaw.gif> </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">---</td>

</tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #f0f0f0"> Ten </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">Kalypso Baranski <img src=http://i193.photobucket.com/albums/z151/kittykarnage/pinkpaw.gif> </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">---</td>

</tr>

<tr style=" background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #f0f0f0"> Twelve </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">Vera Baranski <img src=http://i193.photobucket.com/albums/z151/kittykarnage/pinkpaw.gif> </td>
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px">---</td>

</tr>




</table>

</div></div>








<div id="left">
<div align="justify"; style="padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:5px;">

<table style="width: 183px; border:1px solid #000000; border-collapse:collapse;" cellpadding=4; border=1px solid #000000>

<tr class="titlesmall" colspan="3" style="text-align:center; background-color:#414643; font-family: Tahoma; font-size: 9px">

<th>EXTRA INFORMATION</th>

</tr>
<tr><td class="titlesmall" colspan="3" style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #709170"> STATISTICS</td></tr>

<tr style="background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px; line-height: 12px"><div align="justify"; style="padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:5px;"><center>Males:    8         Females:   12
</center></font></div></td>

</tr>

<tr><td class="titlesmall" colspan="3" style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #709170">NEWS & UPDATES</td></tr>

<tr style="background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px; line-height: 12px"><div align="justify"; style="padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:5px; height:200px; overflow:scroll;">

<b>11/2/11</b> A meeting is called and pack ranks and tasks are given. Also, welcome to Hades, Morikiah and all the pups born in March who are now playable!
<font color=#888888>- Cush</font> <P>


<b>7/2/11:</b> Mirrors Ivé has taken leadership over Karnov and changed it to the Ardel Revolution!
<font color=#888888>- Cush</font> <P>

</div></td>
</tr>

<tr><td class="titlesmall" colspan="3" style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #709170">RULES</td></tr>

<tr style="background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px">
<td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px; line-height: 12px"><div align="justify"; style="padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:5px;">
• Wolves earn ranks through loyalty and skill. Respect those in ranks above you. Disrespect will earn a punishment. <br><br>
• Fights are strictly one on one. Any wolf cheating and helping another will recieve strict punishment, including demotion or removal from the ranks. <br><br>
• Fights to prove yourself do not have to be won to gain a higher rank- you must show greater skill than you opponent. <br><br>
• Ardel is a team, and each member is expected to respect and bond with eachother. Try and memorise the names of your packmates. <br><br>
• Trespassers must be met without violence and escorted off the lands, however lone wolves must be taken to an Alpha. <br><br>
• Killing predators is strictly forbidden. Any wolf found having killed a predator (including another wolf) while not using it as a last resort while defending themselves will be removed from the ranks. <br><br>
• If a pack female falls pregnant she must notify a leader and arrange birthing and feeding schedules before the pups are born. Pups are not to be over-indulged or spoilt, nor are they to be reprimanded for normal activities. They must be kept healthy and strong. Extra effort must be taken with runts, and they will grow to normal size. <br><br>
• It is fine to mate outside the pack as long as it doesn't create conflict. If an Ardel female falls pregnant with an outside male's pups, she must birth and raise her pups within the pack. She may bring her mate into the ranks with the Alpha's permission if he wishes to join. <br><br>


</div></td>

</tr>
</table></div>

[/dohtml]

Updates:

2/28/2011 - can't believe I totally forgot about URIs that used the javascript: protocol, but code updated to handle that scenario as well.
3/9/2011 - rewrote script for speed (abandoned scrolly approach)
3/12/2011 (v0.3.00) - allowed <object> tags after some research and changed to quote tags instead of code to allow mixing UBBC with HTML
3/13/2011 (v0.3.04) - added "inline" in addition to "defer" as params of [dohtml]. Also added a UBBC button as well as allowed other content alongside HTML in post.

Last Edit: Apr 9, 2011 0:13:25 GMT -8 by Bones

Wormopolis Administrator Code Monkey Posts: 6,538 Wormopolis said 79 great things	DoHTML Feb 28, 2011 1:31:13 GMT -8 Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Wormopolis on Feb 28, 2011 1:31:13 GMT -8 I will create a board in the testing area that will demo this
	[smear:0044FF]The worms crawl in, the worms crawl out[/smear:AAAA00]

Wormopolis Administrator Code Monkey Posts: 6,538 Wormopolis said 79 great things	DoHTML Feb 28, 2011 23:53:43 GMT -8 Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Wormopolis on Feb 28, 2011 23:53:43 GMT -8 wormocodes.proboards.com/index.cgi?action=display&board=dohtml&thread=1002 undefined shows up under statistics.
	[smear:0044FF]The worms crawl in, the worms crawl out[/smear:AAAA00]

Bones
Code Helper

Posts: 131
Bones said 0 great things

DoHTML Mar 1, 2011 15:16:34 GMT -8

Quote

Post by Bones on Mar 1, 2011 15:16:34 GMT -8

Feb 28, 2011 23:53:43 GMT -8 Wormopolis said:

wormocodes.proboards.com/index.cgi?action=display&board=dohtml&thread=1002

undefined shows up under statistics.

That is due to an errant font tag in the HTML

<tr><td class="titlesmall" colspan="3" style="text-align:center; font-family: Tahoma; font-size: 9px; background-color: #709170"> STATISTICS</td></tr> <tr style="background-color:#f0f0f0; text-align:center; font-family: Tahoma; font-size: 9px"> <td style="text-align:center; background-color:#f0f0f0; font-family: Tahoma; font-size: 9px; line-height: 12px"><div align="justify" style="padding-top:5px; padding-left:5px; padding-right:5px; padding-bottom:5px;"><center>Males: 8 Females: 12 </center></font></div></td> </tr>

There's a closing font tag but no corresponding opening font tag. Trying to get the code to "fixup" bad markup like that would grow it way too large for it to be of any use.

Wormopolis Administrator Code Monkey Posts: 6,538 Wormopolis said 79 great things	DoHTML Mar 1, 2011 17:40:01 GMT -8 Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Wormopolis on Mar 1, 2011 17:40:01 GMT -8 you have mod control over that thread btw. in case you want to experiment.
	[smear:0044FF]The worms crawl in, the worms crawl out[/smear:AAAA00]

Bones Code Helper Posts: 131 Bones said 0 great things	DoHTML Mar 12, 2011 13:41:08 GMT -8 Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Bones on Mar 12, 2011 13:41:08 GMT -8 code updated to v0.3.00 (promoted from ALPHA to BETA)

Bones Code Helper Posts: 131 Bones said 0 great things	DoHTML Mar 13, 2011 16:46:28 GMT -8 Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Bones on Mar 13, 2011 16:46:28 GMT -8 code updated to v0.3.04 with addition of "inline" parameter, UBBC button and disallowedTags variable to selectively ignore specific HTML tags (script tags still disallowed regardless).

Rei Kon
Junior Member

Posts: 52
Rei Kon said 0 great things

DoHTML Mar 18, 2011 14:11:47 GMT -8

Quote

Post by Rei Kon on Mar 18, 2011 14:11:47 GMT -8

Hey - I'm using 3.00 as I couldn't get 3.04 to work using quote or code tags in firefox or chrome - just wondering if there's any way this code could be adjusted so only specific trusted usernames could include script elements? Hope this isn't jumping the gun too much

Wormopolis Administrator Code Monkey Posts: 6,538 Wormopolis said 79 great things	DoHTML Mar 18, 2011 14:27:15 GMT -8 Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Wormopolis on Mar 18, 2011 14:27:15 GMT -8 It wont ever be changed to allow script elements as far as I know. Too much risk involved. Eton has to make that call.
	[smear:0044FF]The worms crawl in, the worms crawl out[/smear:AAAA00]

Rei Kon Junior Member Posts: 52 Rei Kon said 0 great things	DoHTML Mar 18, 2011 14:32:05 GMT -8 Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Rei Kon on Mar 18, 2011 14:32:05 GMT -8 It would only be for one person - that would be main admin (aka me) that would be listed as a username - I understand the risk, its for a system I'm trying to build with using posts to list 'shop' items

Bones Code Helper Posts: 131 Bones said 0 great things	DoHTML Mar 18, 2011 14:37:35 GMT -8 Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Bones on Mar 18, 2011 14:37:35 GMT -8 You can use SubDevo's HTML in Post code if you want to allow specific users to post scripts within posts, this code is attempting to give everyone the ability to use HTML but with safeguards in place.

Rei Kon Junior Member Posts: 52 Rei Kon said 0 great things	DoHTML Mar 18, 2011 14:38:42 GMT -8 Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Rei Kon on Mar 18, 2011 14:38:42 GMT -8 Would this work alongside doHTML?

Bones
Code Helper

Posts: 131
Bones said 0 great things

DoHTML Mar 23, 2011 13:08:04 GMT -8

Quote

Post by Bones on Mar 23, 2011 13:08:04 GMT -8

Mar 18, 2011 14:38:42 GMT -8 Rei Kon said:

Would this work alongside doHTML?

As long as it runs AFTER the doHTML code it should be fine.

Could you link to a thread where you say v0.3.04 is not working in Firefox or Chrome since I see no difference in Chrome, Firefox, Internet Explorer or Opera when testing this code

Rei Kon Junior Member Posts: 52 Rei Kon said 0 great things	DoHTML Mar 25, 2011 10:28:51 GMT -8 Quote Select Post Deselect Post Link to Post Member Give Gift Back to Top Post by Rei Kon on Mar 25, 2011 10:28:51 GMT -8 With me not currently utilising 3.04 it would be awkward without I replace that option in - however a thread with that would be; beyblade25.proboards.com/index.cgi?board=reidev&action=display&thread=9&page=1 < that board

Bones
Code Helper

Posts: 131
Bones said 0 great things

DoHTML Mar 25, 2011 18:07:13 GMT -8

Quote

Post by Bones on Mar 25, 2011 18:07:13 GMT -8

Mar 25, 2011 10:28:51 GMT -8 Rei Kon said:

With me not currently utilising 3.04 it would be awkward without I replace that option in - however a thread with that would be;

beyblade25.proboards.com/index.cgi?board=reidev&action=display&thread=9&page=1 < that board

Well since that thread is using CODE instead of QUOTE tags it would not be compatible with the newer version. The reason that change was made was the result of viewing a few doHTML data examples and seeing that they in fact mixed UBBC with HTML and expected the UBBC to be rendered as normal and the HTML to be handled by the code. As you know, most UBBC don't render in code tags so that approach would not be compatible with existing dohtml data being imported from "somewhere else".