Keiron,
I’ve got the browse image added to the button. Just modify the following section:
$output = <<<FULL_SCRIPT
<script type="text/javascript">
new Element('input', {type:'button',value:'Insert', id:'tainsert'}).injectAfter( $('tabGeneral').getElements('input[name=ta]')[0]);
var lastImageCtrl;
var lastFileCtrl;
To be:
$output = <<<FULL_SCRIPT
<style type="text/css">
input#tainsert {
width: 20px !important;
height: 18px !important;
margin: 0px 6px 0px 0px;
padding: 0;
border: 0;
background: transparent url(/assets/images/icons/browse.gif) no-repeat center top;
text-indent: -1000em;
cursor: pointer; /* hand-shaped cursor */
cursor: hand; /* for IE 5.x */
}
</style>
<script type="text/javascript">
new Element('input', {type:'button',value:'Insert', id:'tainsert'}).injectAfter( $('tabGeneral').getElements('input[name=ta]')[0]);
document.getElementsByName("ta")[0].style.width = "275px";
var lastImageCtrl;
var lastFileCtrl;
You’ll also need to save the browse.gif image to your server. I put mine in assets/images/icons/
Hope this helps others!