This is more a template change than a hack.. Total PHP code changes is minimal.
To install:
1. Add the following code to the bottom of MISC.PHP
PHP Code:
// ############################### start iconpopup ###############################
if ($action=="iconpopup") {
$templatesused = ""; // Only one template used so load it when called
include("./global.php");
$bittoggle=0;
$icons=$DB_site->query("SELECT smilietext,title,smiliepath FROM smilie ORDER BY title");
while ($icon=$DB_site->fetch_array($icons)) {
if ($bittoggle==0) {
eval("\$iconbits1 .= \"".gettemplate("iconpopupbit")."\";");
} else {
eval("\$iconbits2 .= \"".gettemplate("iconpopupbit")."\";");
}
$bittoggle=$bittoggle?0:1;
}
eval("dooutput(\"".gettemplate("iconpopup")."\");");
}
2. Create the following new Templates.
iconpopup Template-
Code:
<html>
<head>
$headinclude
<script language="Javascript">
function insertsmilie(smilieface){
window.opener.document.vbinput.message.value+=smilieface;
}
</script>
</head>
<body bgColor="white" text="midnightblue" link="darkblue" aLink=red vLink="red" onLoad="window.focus()">
<div align=center><center>
<table border="0" width="{tablewidth}" cellspacing="0" cellpadding="0" align="center">
<tr>
<td bgcolor="{tablebordercolor}">
<table border="0" width="100%" cellspacing="1" cellpadding="4">
<tr><td bgcolor="{tableheadbgcolor}" class="thtcolor"><a name="smilies"></a><b>Message Icons</b></td></tr>
<tr>
<td bgcolor="#F5F5F5"><p><font face="Verdana, Arial, Helvetica" size="2" color="midnightblue">Click on the message icons below to insert them in your message:<br>
<table border="0" align="center" cellpadding="5"><tr valign="top">
<td width="50%"><table width="100%">$iconbits1</table></td><td width="50%"><table width="100%">$iconbits2</table></td>
</tr></table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<p><a href="JavaScript:onClick= window.close()">Close Window</a></p>
</center></div>
</body>
</html>
iconpopupbit Template -
Code:
<tr bgcolor="{firstaltcolor}">
<td align=center><a href="Javascript:insertsmilie('$icon[smilietext]');"><img src="$icon[smiliepath]" border=0></a></td>
<td align=center><normalfont>$icon[smilietext]</normalfont></td>
</tr>
3. Edit Input Templates (newthread, newreply, etc...) to include:
Code:
<tr bgcolor="{secondaltcolor}">
<td><normalfont><b>Format:</b></normalfont></td>
<td bgColor="" align=left>
<a href="Javascript:bold();"><img src="images/icon_editor_bold.gif" width="22" height="22" alt="Bold" border="0"></a><a href="Javascript:italicize();"><img src="images/icon_editor_italicize.gif" width="23" height="22" alt="Italicized" border="0"></a><a href="Javascript:underline();"><img src="images/icon_editor_underline.gif" width="23" height="22" alt="Underline" border="0"></a>
<a href="Javascript:center();"><img src="images/icon_editor_center.gif" width="22" height="22" alt="Centered" border="0"></a>
<a href="Javascript:hyperlink();"><img src="images/icon_editor_url.gif" width="22" height="22" alt="Insert Hyperlink" border="0"></a><a href="Javascript:email();"><img src="images/icon_editor_email.gif" width="23" height="22" alt="Insert Email" border="0"></a><a href="Javascript:image();"><img src="images/icon_editor_image.gif" width="23" height="22" alt="Insert Image" border="0"></a>
<a href="Javascript:showcode();"><img src="images/icon_editor_code.gif" width="22" height="22" alt="Insert Code" border="0"></a><a href="Javascript:quote();"><img src="images/icon_editor_quote.gif" width="23" height="22" alt="Insert Quote" border="0"></a><a href="Javascript:list();"><img src="images/icon_editor_list.gif" width="23" height="22" alt="Insert List" border="0"></a>
<a href="JavaScript:WinOpen('misc.php?action=iconpopup',320,240)"><img src="images/icon_editor_smilie.gif" width="22" height="22" alt="Insert Message Icons" border="0"></a><br>
<font face="" size="">
<select name="font" onChange="showfont(this.options[this.selectedIndex].value)">
<option value="Andale Mono">Andale Mono</option>
<option value="Arial">Arial</option>
<option value="Arial Black">Arial Black</option>
<option value="Book Antiqua">Book Antiqua</option>
<option value="Century Gothic">Century Gothic</option>
<option value="Comic Sans MS">Comic Sans MS</option>
<option value="Courier New">Courier New</option>
<option value="Georgia">Georgia</option>
<option value="Impact">Impact</option>
<option value="Tahoma">Tahoma</option>
<option value="Times New Roman" selected>Times New Roman</option>
<option value="Trebuchet MS">Trebuchet MS</option>
<option value="Script MT Bold">Script MT Bold</option>
<option value="Stencil">Stencil</option>
<option value="Verdana">Verdana</option>
<option value="Lucida Console">Lucida Console</option>
</select>
<select name="size" onChange="showsize(this.options[this.selectedIndex].value)">
<option value="1">1</option>
<option value="2">2</option>
<option value="3" selected>3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
</select>
<select name="color" onChange="showcolor(this.options[this.selectedIndex].value)">
<option value="black" selected>Black</option>
<option value="red">Red</option>
<option value="yellow">Yellow</option>
<option value="pink">Pink</option>
<option value="green">Green</option>
<option value="orange">Orange</option>
<option value="purple">Purple</option>
<option value="blue">Blue</option>
<option value="beige">Beige</option>
<option value="brown">Brown</option>
<option value="teal">Teal</option>
<option value="navy">Navy</option>
<option value="maroon">Maroon</option>
<option value="limeGreen">LimeGreen</option>
</select></td>
</tr>
4. All templates edited must have
name="vbinput" added to the opening FORM tag.
5. Add the following code to your HEADINCLUDE template.
Code:
<script language="JavaScript1.2" src="editor.js"><!-- Editor Functionality included here --></script>
<script language="Javascript">
function WinOpen(url,x,y) {
var options = "toolbar=no,scrollbars=yes,resizable=yes,width=" + x + ",height=" + y;
msgWindow=window.open(url,"_new",options);
}
</script>
6. Upload the attached javascript file and rename it editor.js.
More Information