how to properly add some text content before and after a user's selection?I am working with the TinyMCE editor, and I can get the following from it:
* User's selection as a W3C compatible range
* User's selection as a browser selection object
* User's selection as a node (element) that encompasses the user's selection
I also need the user's selection to remain selected after being wrapped.I've looked all over the web and could find nothing (except running into my OWN previous questions about this).Here's an example of what I'm trying to do:
[URL]
First line is original text, second line a part is selected, third line the selection is wrapped and the selection remains selected.
I have to wrap text in a td in firefox. My text is long single word like How can I wrap it to fit the width of the td. At the moment it is expanding the width of the whole table.
<li>This header of sublist <ul><li>item1</li> <li>header of subsublist
[code].....
Now I would like to wrap the text and only the text (i.e. 'This header of sublist', 'item 1', 'header of subsublist','item2.1') in a <span> tag. I tried $('li', his).wrapInner('<span class="test"></span>') but that includes the ul element as well, which I would like to exclude.regards,
I searched about this problem over Internet and found the same result many times, I found this example on stackoverflow [URL] but this example didn't work in my project; I am making a toolbar with buttons that insert HTML tags around the selected text in a <textarea>, this exemple didn't work because when the user click on a button the selected text won't be selected anymore because <textarea> loses focus and selected text will be unselected, I am targeting Firefox and compatible browsers so you don't need to give me the IE code; jQuery codes are accepted;
If I were to using single images, I would use CSS 'float left' to have my text appear on the right side of the image, but with JS I cannot seem to do this.
My text drops below the slideshow and then I have this ugly white area to the right of my slideshow. I have tried MANY scripts and just cannot figure this one out.
The script I am using now has the main scripting in the <head> section, but this is what I have going on in the <body>:
This scroller shows images that fade out to be replaced by other images of the same size. I would like to wrap text around the slideshow.If the slideshow were an image, all I would have to do is:
[URL]..I want to wrap some html code to user's selected text inside the textarea, I tried the code in above url but it seems not work in IE, is there a plugin of any way to make it work?
How can I wrap text inside a select box? or perhaps I could allow the select box to flow over the div its in. That might actually be better now that I think of it :)
Using the jquery cycle code to display fade images in exactly as the demo shows. So far, so good.But, I want to add some 'static' text that doesn't fade with the images and will 'wrap' around those images. So, I want the images on the left and some text on theiright which will wrap around the images.
I have been trying to figure out how to find all instances of a certain word or phrase within an element and wrap those words in <span> tags or other html. I.e. change all instances of 'the keywords' to <span>the keywords</span>So far I've found a lot of references to :contains() but that will change the element the text is inside of rather than just the text itself
I am trying to wrap <a> tags around text in <li> elements. How can I get the index of the <li> in the <ul>? I tried something like this: $('.tabbed-list li').wrapInner('<a></a>'); That works fine. However, I want to do something like this: $(this).wrapInner('<a href="#' + $(this).index() + '"></a>');
I am trying to pass the slection made by a user to a javscript function using the onchange event. The problem is I can get the index but not the actual value. As my list is variable (dependent on a db) I cannot hard code to a static index. I either need a way to determine the number of items in a select control or a way to determine the actual selection made by the user.
Can anyone enlighten me as to the code to determine what option the user selects?
I have a confirm message box which asks the user whether they wish to take a survey. At the moment the confirm box appears each time the page is loaded. Would there be a way that when the user selects OK to take the survey this is remembered, so when the users next visit the page the box doesn't appear?
I have problem, the code cannot operate. The user must select in dropdown list having one display of image every time.
JS code var sel = document.getElementById("sw"); function f1(){ var imgs = ['chart1.cgi', 'chart2.cgi', 'chart3.cgi', 'chart4.cgi']; var im = document.getElementById("pic"); im.src = imgs[this.selectedIndex]; }
How do we use javascript to only allow selection from the list in question 3 to be made IF the user selected at least 1 check box in question 2? Below is my code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "[URL]"> <html xmlns="[URL]" xml:lang="en" lang="en"> <head><title> Example </title> <meta http-equiv="Content-Script-Type" content="text/javascript" /> </head><body><form name="Form"><h1>Survey </h1> <p> Please take a minute to fill in the form below. </p><ol> <li> Question 1.</li> <li> Q2.Which classes have you attended? <br /> <input type="checkbox" name="attend" id="aerobics" value="aerobics"/> <label for="aerobics">Aerobics</label> <br /> <input type="checkbox" name="attend" id="boxing" value="boxing"/> <label for="boxing">Boxing</label> <br /> <input type="checkbox" name="attend" id="circuit" value="circuit"/> <label for="circuit">Circuit Class</label> <br /> <input type="checkbox" name="attend" id="weight" value="weight"/> <label for="weight">Weight Training</label> </li> <li> Q3. Which of the above classes has been beneficial for you? (choose one from the list): <select class="drop" name="dropdown"> <option value="aerobics">Aerobics</option> <option value="boxing">Boxing</option> </select></li></ol></form></body></html>
I've got the following code snippet in a function to set a coockie based on whether or not the user selects a checkbox. Using an alert the cookie text looks fine but when I go to retrieve the values the only one it can find is the value for user. I've a few different things and none of them seem to work. I'm getting the same thing in both IE and Firefox. The only cookie listed is the 'user' with the proper expiration date. Code:
I have a web app where I have created a div to masquerade at a textarea so I can add highlighting according to so rules. I rely on setting designmode=true. After certain amounts of idle time my code grabs the text from the div, which consists of tags and <span> tags and re-generates the html with new spans. The paragraphs and text stay the same. So far so good. But when the div "repaints" the insertion is set to the beginning of the div. I want it to visually stay put, meaning I need to somehow record where it was before nd then restore it afterwards. Problem is, I can't seem to get my head wrapped around how selections (Ranges, etc.) work. I've been googling around for the last day or so and have not yet seen the light.
I have 3 TextFields, called txtUSD, txtEUR, txtAUS. And a PopupList with the same values, minus the txt part, but I need to form the names of the TextFields to use based on the selection that the user made. So I've done this:
Code: function btConvert_Click(event){ var amount = document.getElementById("txtAmount").value; var rates = document.getElementById("lstConvertTo").value; var from = "txt" + document.getElementById("lstFrom").options[document.getElementById('lstFrom').selectedIndex].text; var to = "txt" + document.getElementById("lstConvertTo").options[document.getElementById("lstConvertTo").selectedIndex].text; var curr_from = document.getElementById(from).value; var curr_to = document.getElementById(to).value; if(curr_from > curr_to){ amount * rates; } else { amount / rates; } alert(result); }
But every time I try it I get this error: Code: mobile/main.js line 215: Result of expression 'document.getElementById(from)' [null] is not an object.
i'm doing a forum and i want it to have button that wraps the text with , i mean when the text is selected it will wrap the selected text with [quot] in the beginning and [/quote] in the end, but if non of the text is selected i want it to just write [quot].
Can anyone suggest how to create an arbitrary object at runtime WITHOUT using the deprecated eval() function. The eval() method works ok (see below), but is not ideal.
function Client() { } Client.prototype.fullname = "John Smith"; var s = "Client"; eval("var o = new " + s + "();"); alert(o.fullname);
Note: I want the type name of the object to be represented as a string (in this case "Client" -- this is a non-negotiable requirement).
I also tried the following (which appears to fail):
function Client() { } Client.prototype.fullname = "John Smith"; var s = "Client"; var o = new Object(); o.construct = s; alert(o.fullname);
eval() is handy but not future-proof, so any suggestions would be welcome.
