I've got a form with a textarea box, currently you can just type a message in the box and submit it, then it is added to a mysql database and shows up on a page I made for people to view staff memos.
I've been asked to add formatting options like bold, italic, underline etc. Unfortunately me and javascript have never really met so I'm quite stumped. I can handle the form processing with PHP converting [b] to <strong> etc myself but I need help with the actual user interface.
I'm trying to 'wrap tags' around text in a text box.
<script language=javascript> function insertFauxTags(fauxTag, e, endFauxTag) { var e = document.frmAddNewForum.txtTopicMessage.selected; document.frmAddNewForum.txtTopicMessage.Value += fauxTag + e + endFauxTag; } </script>
<a href="javascript:insertFauxTags('[p]' + e + '[/p]')"><img src="http://www.<%=strSiteName%>/images/parabutton.gif" border="0" alt="Paragraph" /></a> When I run this in FF I get 'e' is not defined - any ideas?
I found this code on some web site which actually works on my current Safari browser. I will be grateful if anyone out there with IE version 8 or less can verify it working as well.
Basically I wanted to highlight some text with mouse drag, and have that piece of text wrapped with [high] at the beginning and [/high] at the end.
I am currently adding BBCode to my website, and I posted a while ago in this forum for a script that would add tags to my textarea when clicking an BBcode image. But my next problem now is that I need those tags to appear around selected text and at the mouse cursor if no text is selected. Currently all it does is just add the tags at the end of your sentence if you've written something in the textarea. Here is the code I use: function lolwut(txt)
{ var ta = document.getElementById("my_ta"); ta.value += txt; } window.onload = function() { lolwut(""); }
suppose i have a strings (html):Lorem ipsum dolor sit amet, <span id="display_only">consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. </span>Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.How can i display only the text whicj is inside the #display_only tag.... So that the result would beonsectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
I am working on code to wrap BBCodes around a user selection, then leave the selection selected for possibly adding more BBCodes around the same selection.My problem is that there seems to be several different ways to do it and I can't figure out which one is "the best".Now, I can't use the "standard" way of doing this because I am working with TinyMCE. I know there are countless examples on how to do this with textareas... that is NOT what I need.TinyMCE can give me a selection RANGE, a selection NODE or a selection OBJECT. Note that if I use TinyMCE's range, it internally "normalizes" the range to be a standard W3C range, regardless of browser.I've created a new range, extracted the selection from the user's range, created elements for the open and close BBCode, inserted the elements into the range and finally set the user's selection to the new range. Works fine.
I also tried taking the selection node (which is an element), then simply used "innerHTML" to add the opening and closing tags, then set the node to the modified node. Works fine.I've also used the editor's built in "selection.getContent()" and "selection.setContent()" calls and THIS also works.I've even tried using the DOM "surroundContents()" function, then used a regex to change the < and > into [ and ]. Freaky... but that works too.So, my dilemma is... which method should I use???To recap, here's what I want (blue represents selected text):
This is a test sentence. (user selected some text) This is a test sentence. (text is wrapped and remains selected). This is a test sentence. (user clicked another bbcode button).
I am building an e-learning lesson in Lectora that will be deployed to a SCROM compatible learning management system. The lesson is converted into HTML before that happens. My table of contents is around 100 pixels wide but some of the page names are longer than that and do not display fully when viewed in a browser.What I am trying to do is this:The page name for this page is very, very long and I can't see it all. Blah blahWould becomeThe page name for this page is very,
I've got an unordered lists. I need to make the numbers larger (ordered lists numbers) and keep the text in the list at the same size. So what I was assuming I need to do is make the <li> font-size larger (the size I want the unordered list number to be), then wrap the text with a <span> and make the <span> smaller. I'm using a CMS and since the client will be modifying the text in the CMS, I can't exactly tell them to put <span> text, blah, blah</span> in the unordered lists as they won't figure that out. So how would I write the jQuery to wrap the text in the unordered lists with a span? Currently the output is like so:
like for example i have text areas named upload1 and upload2when I click or add input on upload1 a drop down list below upload2 will not change, but when I add input on upload2 the dropdown will select "parts"
I am creating a small CMS module for a client. I created a little form and when they click Submit, it goes straight out into an include (.inc) file, which is connected to the web page to be displayed.
The trouble I am having is that I'd like to create an additional button that will insert some text (certain html tags to make their life easier, etc) - I got it to work, actually. The script executes and the text is inserted - but once the script runs and the page refreshes (or whatever it does), the text then disappears. The only way I can seem to get it to stay put is when I use "onmouseup" instead of "onclick" - which means that every time the user accidentally mouses over the thing, it inserts the text.
I want to get the cursor start and end position of a selected range in a text-field or text-area. i tried lot of functions in various forums. but when the last character of the selection is a new line character JavaScript ignore it in IE6. any one having idea ?
what I'm trying to do is get text from between two tags, just like the title says. Now I know I can get that through the innerHTML property, but its just that, I don't want HTML, I want plain text. Consider the following example.
<span id="p-5641"> This is <strong>strong</strong> & you should really put <em>emphasis</em> on that <a href="#">anchor</a>.<br>Line broken </span>
Now, what I want is, to get the text from between these span tags. That can be done by refering the ID of the span & innerHTML but that would give HTML & I want to strip off the HTML from it, so that I'm left with plain text, like
This is strong & you should really put emphasis on that anchor. Line broken with <br> & <p> tags preserved.
I iterate through each list element, and do something like: $("#my_div").each(function(){ $(this).find(".message").html(); }); This code will give me: <a href="#">message1</a> But is there a way to just get "message1" ????
Is there a way to tell if the text in a text box has been selected forwards or backwards?If you select some text from left to right and then hold down shift and use the cursor keys the right end of the selection moves. If you select some text from right to left and then hold down shift and use the cursor keys the left end of the selection moves.Is there a way in Javascript to detect which way the text has been selected? I need to know if the "end" position is before the "start" position or after. Using ranges and selection objects seems to "normalise" the selection so that the start is before the end.
I have a text area that I want to add simple html formatting buttons to.The user should be able to:- highlight text and click a 'bold' button- highlight text and click 'itallic' button- Add bulleted list- LinkI've looked at a number of WYSIWYG javascript examples, but they seem to accept Microsoft Word formatting, which I dont want
I saw a button that adds text to where the typing cursor is put.. for example:if the cursor is between the (how) and (you) in the following:how you. when you click the button it adds text between those two words so that it becomes: how are you?
I have an HTML table with the table data being generated and printed via for loop using php.An sample from the code is shown below. What I would like to know is how Do I access text within SPECIFIC <td></td> tags from the table? So let's say that I want to access the value of the data in row 3, how i can access is via Javascript using HTML DOM
<? $result = mysql_query("SELECT * FROM tbl_slider"); echo "<BR/>";
I am using an online e-commerce hosting solution and they wont let me modify certain pages because they have full control. Is there a way to do it through jQuery?
Here is the tag:
<a href="AccountSettings.asp?modwhat=change_a">Change e-mail address, or password</a>
I want to change the text "Change e-mail address, or password"
I have some auto-generated code in a similar format to this:
<li class="item"> <a class="link1" href="#">Post Title</a> Text I want to remove <div class="content">
[Code].....
I want to select the line of text ("Text I want to remove" - with no HTML tags around it) and hide it using CSS (or remove it all together, if I can). I have tried using insertAfter to put a start <span> tag at the start of the line, and insertBefore to close the </span> tag at the end of the line (so I can apply CSS display:none; to it), but clearly JQuery doesn't work like that.
Is there another way to get rid of this line of text?
