- Posts: 7
- Thank you received: 0
smileys & bold/italic/etc... buttons
18 years 4 months ago #119
by Pete
Rather then trying to see what you did wrong in your version, here is a modified version of the add form that meets your description that actually does work (has been tested):
And here is a snapshot of it:
DigiOz Webmaster
www.digioz.com
Replied by Pete on topic smileys & bold/italic/etc... buttons
cyber1 wrote: Hello,
I have modified the add entry page by moving the smilieys down after the message box and have moved the bold/italics/etc... buttons just above the message box. Now none of these are working. If I choose bold and submit, I get the brackets and no bold letters. Same for the smileys.
Rather then trying to see what you did wrong in your version, here is a modified version of the add form that meets your description that actually does work (has been tested):
Code:
<?php
include("header.php");
//include("language/language.php");
?>
<script language="JavaScript" type="text/javascript">
function emoticon(text) {
var txtarea = document.post.yourmessage;
text = ' ' + text + ' ';
if (txtarea.createTextRange && txtarea.caretPos) {
var caretPos = txtarea.caretPos;
caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? caretPos.text + text + ' ' : caretPos.text + text;
txtarea.focus();
} else {
txtarea.value += text;
txtarea.focus();
}
}
function bbcode(text) {
var txtarea = document.post.yourmessage;
text = ' ' + text + ' ';
if (txtarea.createTextRange && txtarea.caretPos) {
var caretPos = txtarea.caretPos;
caretPos.text = caretPos.text.charAt(caretPos.text.length - 1) == ' ' ? caretPos.text + text + ' ' : caretPos.text + text;
txtarea.focus();
} else {
txtarea.value += text;
txtarea.focus();
}
}
</script>
<table bgcolor=#EFEFEF bordercolor=#C0C0C0 border=1 width=500 cellspacing=0 cellpadding=10><tr><td background="images/toolbar.jpg" height="20"></td></tr><tr><td>
<br>
<form name="post" action="add.php" method="post">
<table border="0" cellpadding="0" cellspacing="2">
<tr>
<td colspan=2>
<!-- Styling Button Start -->
<center>
<table width="100" border="0" cellspacing="0" cellpadding="5">
<tr align="center" valign="middle">
<td><input type="button" class="button" value=" Bold " style="font-weight:bold; width: 50px" onClick="javascript:bbcode('[b] [/b]')"></td>
<td><input type="button" class="button" value=" Underline " style="font-weight:bold; width: 80px" onClick="javascript:bbcode('[u] [/u]')"></td>
<td><input type="button" class="button" value=" Italic " style="font-weight:bold; width: 50px" onClick="javascript:bbcode('[i] [/i]')"></td>
<td><input type="button" class="button" value=" Center " style="font-weight:bold; width: 70px" onClick="javascript:bbcode('[center] [/center]')"></td>
</tr>
</table>
</center>
<!-- Styling Button End -->
</td>
</tr>
<tr>
<td>
<p><b><font size="2"><?php echo $yournametxt; ?></font></b></p>
</td>
<td><input type="text" name="yourname" size="20"></td>
</tr>
<tr>
<td>
<p><b><font size="2"><?php echo $youremailtxt; ?></font></b></p>
</td>
<td><input type="text" name="youremail" size="20" value=""></td>
</tr>
<?php
if($image_verify == 1)
{
echo '<tr><td><p><b><font size="2">Verify:</font></b></p></td><td><input type="text" name="txtNumber" size="20" value=""><img src="random.php"></td></tr>';
}
?>
<tr>
<td>
<p><b><font size="2"><?php echo $yourMessagetxt; ?></font></b></p>
</td>
<td>
<div align="right">
<textarea name="yourmessage" cols="45" rows="10"></textarea></div>
</td>
</tr>
<tr>
<td></td>
<td>
<div align="right">
<input type="submit" name="ok" value="<?php echo $submitbutton; ?>">
</td>
</tr>
<tr>
<td colspan=2>
<!-- Smiley List Starts Here -->
<center>
<table width="100" border="0" cellspacing="0" cellpadding="5">
<tr align="center" valign="middle">
<td>[url=javascript:emoticon(':D')]<img src="images/icon_biggrin.gif" border="0" alt="Very Happy" title="Very Happy">[/url]</td>
<td>[url=javascript:emoticon(':)')]<img src="images/icon_smile.gif" border="0" alt="Smile" title="Smile">[/url]</td>
<td>[url=javascript:emoticon(':(')]<img src="images/icon_sad.gif" border="0" alt="Sad" title="Sad">[/url]</td>
<td>[url=javascript:emoticon(':o')]<img src="images/icon_surprised.gif" border="0" alt="Surprised" title="Surprised">[/url]</td>
<td>[url=javascript:emoticon(':shock:')]<img src="images/icon_eek.gif" border="0" alt="Shocked" title="Shocked">[/url]</td>
<td>[url=javascript:emoticon(':?')]<img src="images/icon_confused.gif" border="0" alt="Confused" title="Confused">[/url]</td>
<td>[url=javascript:emoticon(':cool:')]<img src="images/icon_cool.gif" border="0" alt="Cool" title="Cool">[/url]</td>
<td>[url=javascript:emoticon(':lol:')]<img src="images/icon_lol.gif" border="0" alt="Laughing" title="Laughing">[/url]</td>
<td>[url=javascript:emoticon(':x')]<img src="images/icon_mad.gif" border="0" alt="Mad" title="Mad">[/url]</td>
<td>[url=javascript:emoticon(':P')]<img src="images/icon_razz.gif" border="0" alt="Razz" title="Razz">[/url]</td>
</tr>
<tr align="center" valign="middle">
<td>[url=javascript:emoticon(':oops:')]<img src="images/icon_redface.gif" border="0" alt="Embarassed" title="Embarassed">[/url]</td>
<td>[url=javascript:emoticon(':cry:')]<img src="images/icon_cry.gif" border="0" alt="Crying" title="Crying">[/url]</td>
<td>[url=javascript:emoticon(':evil:')]<img src="images/icon_evil.gif" border="0" alt="Evil or Very Mad" title="Evil or Very Mad">[/url]</td>
<td>[url=javascript:emoticon(':twisted:')]<img src="images/icon_twisted.gif" border="0" alt="Twisted Evil" title="Twisted Evil">[/url]</td>
<td>[url=javascript:emoticon(':roll:')]<img src="images/icon_rolleyes.gif" border="0" alt="Rolling Eyes" title="Rolling Eyes">[/url]</td>
<td>[url=javascript:emoticon(':wink:')]<img src="images/icon_wink.gif" border="0" alt="Wink" title="Wink">[/url]</td>
<td>[url=javascript:emoticon(':!:')]<img src="images/icon_exclaim.gif" border="0" alt="Exclamation" title="Exclamation">[/url]</td>
<td>[url=javascript:emoticon(':?:')]<img src="images/icon_question.gif" border="0" alt="Question" title="Question">[/url]</td>
<td>[url=javascript:emoticon(':idea:')]<img src="images/icon_idea.gif" border="0" alt="Idea" title="Idea">[/url]</td>
<td>[url=javascript:emoticon(':arrow:')]<img src="images/icon_arrow.gif" border="0" alt="Arrow" title="Arrow">[/url]</td>
</tr>
</table>
</center>
<!-- Smiley List Stops Here -->
</td>
</tr>
</table>
</form>
</td></tr></table><!-- End of toolbar table -->
<?php
include("footer.php");
?>
And here is a snapshot of it:
DigiOz Webmaster
www.digioz.com
Please Log in or Create an account to join the conversation.
Time to create page: 0.127 seconds