PGTibs Posted March 23, 2009 Share Posted March 23, 2009 I've managed to find this script... <script type="text/javascript" language="javascript"><!-- function Bolden() { var MyElement = document.getElementById("chatmsg"); MyElement.value("<b></b>"); return true; } //--></script> </head> <body> <a style='cursor: pointer;' onClick="Bolden()"><b>Bold</b></a> <input id="chatmsg" type="text" size="60" maxlength="80" onkeyup="keyup(event.keyCode);"> And basically its meant to be a very simple richtext editor, so you click the Bold link and in the input box it adds <b></b> to the input, which works. However, it just replaces any text with the bold tags instead of adding it on the end. Does anyone know the problem? I'm a complete beginner when it comes to javascript. Link to comment https://forums.phpfreaks.com/topic/150759-add-text-to-an-input-box/ Share on other sites More sharing options...
Psycho Posted March 23, 2009 Share Posted March 23, 2009 This will do that. Note that I changed the function to accept a parameter (the field ID) and that I added it to the onclick trigger. <script type="text/javascript"><!-- function Bolden(fieldID) { var fieldObj = document.getElementById(fieldID); fieldObj.value = '<b>'+fieldObj.value+'</b>'; return true; } //--></script> </head> <body> <a style='cursor: pointer;' onClick="Bolden('chatmsg')"><b>Bold</b></a> <input id="chatmsg" type="text" size="60" maxlength="80" onkeyup="keyup(event.keyCode);"> Link to comment https://forums.phpfreaks.com/topic/150759-add-text-to-an-input-box/#findComment-792185 Share on other sites More sharing options...
Recommended Posts
Archived
This topic is now archived and is closed to further replies.