Javascript Help (replacetext)

[fawk3d]

im looking for a little help with adding smileys in the textbox when clicking on them. i have tried looking on the net to find out but it seems like its not what im looking for or what to search for



This is the smilies i want to be clicked and end up in the text box

this is the code

<script type="text/javascript">

/***********************************************
* Drop Down/ Overlapping Content- © Dynamic Drive (www.dynamicdrive.com)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***********************************************/

function getposOffset(overlay, offsettype){
var totaloffset=(offsettype=="left")? overlay.offsetLeft : overlay.offsetTop;
var parentEl=overlay.offsetParent;
while (parentEl!=null){
totaloffset=(offsettype=="left")? totaloffset+parentEl.offsetLeft : totaloffset+parentEl.offsetTop;
parentEl=parentEl.offsetParent;
}
return totaloffset;
}

function overlay(curobj, subobjstr, opt_position){
if (document.getElementById){
var subobj=document.getElementById(subobjstr)
subobj.style.display=(subobj.style.display!="block")? "block" : "none"
var xpos=getposOffset(curobj, "left")+((typeof opt_position!="undefined" && opt_position.indexOf("right")!=-1)? -(subobj.offsetWidth-curobj.offsetWidth) : 0)
var ypos=getposOffset(curobj, "top")+((typeof opt_position!="undefined" && opt_position.indexOf("bottom")!=-1)? curobj.offsetHeight : 0)
subobj.style.left=xpos+"px"
subobj.style.top=ypos+"px"
return false
}
else
return true
}

function overlayclose(subobj){
document.getElementById(subobj).style.display="none"
}

</script>

and

<center><p><b><a href="#" onClick="return overlay(this, 'subcontent2', 'center')">Show/hide smilies</a></b><br /></p><center>

<!--Do not remove outer most DIV tag with id="subcontent2"-->
<DIV id="subcontent2" style="position:absolute; display:none; border: 2px solid black; background-color: lightyellow; width: 300px; height: 200px; padding: 0px">

   <font color=black><center><sub><a href="javascript://" onclick="replaceText(' :D ', document.form.message); return false;"><img src=images/smiles/icon_biggrin.gif alt=":D" width="15" height="15" border="0"></a>
        <a href="javascript://" onclick="replaceText(' :lol: ', document.form.message); return false;"><img src=images/smiles/icon_lol.gif alt=":lol:" width="15" height="15" border="0"></a>

		<a href="javascript://" onclick="replaceText(' :) ', document.form.message); return false;"><img src=images/smiles/icon_smile.gif alt=":)" width="15" height="15" border="0"></a>
		<a href="javascript://" onclick="replaceText(' ;) ', document.form.message); return false;"><img src=images/smiles/icon_wink.gif alt=";)" width="15" height="15" border="0"></a>
		<a href="javascript://" onclick="replaceText(' :P ', document.form.message); return false;"><img src=images/smiles/icon_razz.gif alt=":P" width="15" height="15" border="0"></a>
		<a href="javascript://" onclick="replaceText(' :strangegrin: ', document.form.message); return false;"><img src="images/smiles/icon_strangegrin.gif" alt=":strangegrin:" width="15" height="15" border="0"></a>
		<a href="javascript://" onclick="replaceText(' :tooth: ', document.form.message); return false;"><img src="images/smiles/icon_tooth.gif" alt=":tooth:" width="15" height="15" border="0"></a>
		<a href="javascript://" onclick="replaceText(' 8) ', document.form.message); return false;"><img src=images/smiles/icon_cool.gif alt="8)" width="15" height="15" border="0"></a>
		<a href="javascript://" onclick="replaceText(' :o ', document.form.message); return false;"><img src=images/smiles/icon_surprised.gif alt=":o" width="15" height="15" border="0"></a>
		<a href="javascript://" onclick="replaceText(' :rolleyes: ', document.form.message); return false;"><img src="images/smiles/icon_rolleyes.gif" alt=":rolleyes:" width="15" height="15" border="0"></a>
		<a href="javascript://" onclick="replaceText(' 8| ', document.form.message); return false;"><img src="images/smiles/icon_eek.gif" alt="8|" width="15" height="15" border="0"></a>

</center></font>


<div align="right"><a href="#" onClick="overlayclose('subcontent2'); return false"><font color="#000000">Close</font></a></div>
  

</DIV>

but i belive its somethings missing anyone who can help me out abit?

[vipdistinct]

Is this being used on a WYSIWYG editor? If so you might only be able to insert things into the text box and have then display the correct way if you've used their coding to do that.

If it's not for a WYSIWYG editor then you'll just end up with text in the text box even if you replace it with the image because all you're doing is adding the coding - you need something to render it as if it was an HTML page, which is what the WYSIWYG editor does.

[fawk3d]

its suppose to add the symbols for the smiley in the textbox and its not WYSIWYG its just that little box

[fawk3d]

what im looking for i the code the gives me the opertunity to click any of the smiley i want into the text box. ok here is an example if i click the "" face then it show a code in the text box like :"P i need to know a code that makes me click a smiley than it appears the ode for the smile like =) =P ect.