Wrapping Selected Text With Some Tag?

Oct 13, 2011

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.

[Code]...

View 1 Replies


ADVERTISEMENT

Wrapping Tags Around Selected Text

May 2, 2007

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.

View 1 Replies View Related

Wrapping Tags Around Selected Text In A Text Area!!

Jun 16, 2006

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>

And my form:

<form runat="server" id="frmAddNewForum">
<asp:textbox id="txtTopicMessage" runat="server" cssclass="formtext" rows="5" textmode="MultiLine" width="95%" style="width:95%"></asp:textbox>
</form>

And here's how I'm calling the function:

<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?

View 1 Replies View Related

Wrapping A Selection With Text?

Jun 11, 2011

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).

[code]....

View 6 Replies View Related

Wrapping Text In Table Of Contents?

Sep 7, 2011

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,

View 1 Replies View Related

JQuery :: Wrapping Text With A Span In An Unordered Lists?

Aug 26, 2009

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:

<ol>
<li>Item One</li>
<li>Item Two</li>
</ol>

[Code]....

View 1 Replies View Related

Change Selected On Dropdown When A Text Form Is Selected Or Input Is Added?

May 19, 2010

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"

View 3 Replies View Related

Get The Cursor Start And End Position Of A Selected Range In A Text-field Or Text-area

Jun 17, 2010

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 ?

View 1 Replies View Related

Show Text Box When Check Box Is Selected + View Text Box

Nov 4, 2011

I wanted to show text box when check box is selected , it doesnt work...

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<script type="text/javascript" src="jquery.js"></script>
[Code]...

View 3 Replies View Related

Passing The Selected Text From List Into Text

May 24, 2010

I want passing the selected text from list into text. i dont know how to do nu. I attached screenshot with this thread.

View 7 Replies View Related

Text In Text Box Has Been Selected Forwards Or Backwards?

Aug 16, 2010

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.

View 2 Replies View Related

JQuery :: Wrapping A Div Around Elements

May 27, 2010

I'm working with an XML feed that I'm displaying using XSLT. Everything is working great except for 1 thing. One of the nodes that I'm using has a bunch of data in it that I need to split into separate divs for the design. jQuery should work wonderfully for it, but my problem is that in the data I'm supplied there is a string that *should* have a <p></p> around it, but it doesn't. So therefore I have no idea how to select it.[code]

View 2 Replies View Related

JQuery :: Wrapping 3 Divs With A Div?

Jul 8, 2010

For example I have the following html:

<div class="test1">test</div>
<div class="test2">test2</div>
<div class="test3">test3</div>

[code]....

View 2 Replies View Related

Wrapping Element With DIV Using DHTML?

May 15, 2009

how to wrap an element with a div (or other element) using DHTML.

For instance lets say l have this in my HTML:

<a href="#" id="btn">test</a>
if l use the following script:
obj = document.getElementById('btn').innerHTML;
obj = '<div>' + obj + '</div>';

[Code]....

View 5 Replies View Related

JQuery :: Wrapping P Siblings Following H1 In Divs?

Mar 24, 2009

it seems the very first thing I try to dogives me problems. However, probably I am missing something so let meask you if you can hint me on the best way to accomplish this.I want to transform a document with a flat structure like this

<h1>Heading 1</h1>
Paragraph 1.1
Paragraph 1.2

[code]....

View 3 Replies View Related

JQuery :: Stop Superfish Wrapping?

Oct 4, 2010

Is there a way to stop superfish from wrapping? When there are too many menu items to fit on the page I don't want the menu to wrap. I would prefer to use the browsers scroll bars to see the rest of the menu.

View 1 Replies View Related

Text Selected

Jan 22, 2005

Is there any way to check if any text is selected with Javascript?

And then how would I add something around the selection?

like <some code> SELECTION </somecode>

View 1 Replies View Related

Get Selected Text Tag?

Feb 3, 2010

I have a problem I couldn't get an answer to.

Lets say I have an HTML page that look like this code...

What I want to do with javascript is get the highlighted text tag. The tag can be every tag, not only <div>.

View 7 Replies View Related

JQuery :: Wrapping Words Separately Inside <p>?

Feb 7, 2010

I have a (not too long) paragraph. In this paragraph a few words are wrapped with <span class="emphasize_m"> and <span class="emphasize_xl"> What i want to do is wrap all words in <span> which aren't wrapped already.Then i want to switch all span opacities to 0 (zero).I don't have an idea of how to wrap words separately.

View 6 Replies View Related

Dynamically Turn Textarea Word Wrapping On And Off

Mar 26, 2009

I'm trying to dynamically turn textarea word wrapping on and off and have the textarea update accordingly but my code isn't working and I'm not sure why.

View 4 Replies View Related

Jquery :: Remove Span Wrapping Input?

Sep 6, 2011

I want to use jquery to make sure that my HTML forms have the correct structure and classes. What I want:

HTML Code:
<form class="myclass">
<label class="label-class"><span class="there_is_supposed_to_be_a_span_here">Label</label>

[code]....

View 1 Replies View Related

Copy Selected Text From DIV?

Jul 23, 2005

Is it possible to copy selected text from DIV, TABLE or eg. P to form's TEXTAREA? I'm searching solution working on possibly all browsers.

View 3 Replies View Related

Get Text From Selected Option?

Sep 9, 2009

I have a select box with a few options. When the page loads I need to get the selected option in this select box and alert its inner text. Yet everything I try out on the net that should work wont work in IE, all other browser its fine. show me the TRUE and correct way to get the inner text of a option from a select box in IE?

View 5 Replies View Related

Highlighting Selected Text?

Feb 15, 2010

et me know how can I highlight a selected portion of an html document with javascript such that the selected portion is repeatedly shown highlighted on each and every page refresh.

View 1 Replies View Related

Unselect Selected Text

Jan 26, 2006

function copyit() {
if (bBool) {
tempstore=copiedtext
document.execCommand("Copy")
copiedtext=window.clipboardData.getData("Text");
bBool=false;
}
}
How to unselect the text after the text was copied?

View 4 Replies View Related

Selecting Text So It STAYS Selected.

Jul 23, 2005

I have a textarea and some buttons. The buttons apply functions to
the text the user selects, i.e. the good old "wrap with a tag"
thing we all have seen in 100 different editors.

Trouble is, when I click the button, the selected text gets
unselected. Select some text in the textbox and click -anywhere-
and the text unselects.

View 7 Replies View Related







Copyrights 2005-15 www.BigResource.com, All rights reserved