It needs to allow the user to highlight some text within a paragraph. If the correct text (with an error) is selected it should provide feedback that the user has correctly selected this text.
So what I need to do is
1. Get the text selection
2. Compare this text selection to a predefined answer
3. Provide feedback to the user e.g. they are correct if text selection = predefined answer, and incorrect if text selection != predefined answer
I am wondering if it is at all possible to create a button that--when
clicked--grabs a paragraph of text that a user has highlighted. So you
go to this website, then highlight a section of text. Once you have
the text selected with you mouse, you then click the button. The
button executes a function which acquires the selected text in a
string. Is this hypothetical situation possible? Thank you for the
time it took to read this post.
Is there a way of searching for highlighted words on a webpage?
View 4 Replies View RelatedI am a JS newbie and I'm wondering if there a way to figure out the sentence from which a word has been highlighted. Essentially, when a user selects a word or a phrase, I should output the sentence from which it's been selected. Is this possible with JS or with any server side languages?
View 2 Replies View RelatedI am creating a little html editor, and I want to highlight a chunk of
unformatted text, click a <buttonand put a <pand the beginning and
a </pat the end. I assume there is a DOM element relating to this,
can anybody help please ?
I have many divs with spans inside(just like it is below-no extra ids,classes for spans:
[...]
<div>
<span style="color:red;">a</span>
<span style="color:blue;">b</span>
<span style="color:white;">c</span>
</div>
<div>
<span style="color:red;">d</span>
<span style="color:blue;">a</span>
<span style="color:white;">a</span>
</div>
[...]
What I would like to achieve: user selects with mouse "ab", click button(input type=button) which remove style from selected span/spans. Similar behavior like it is in TinyMCE.
Can anyone show me how to select text before or after a cursor in a
textarea or an RTE?
Im trying to make an application that selects phrases from a txt file using a random number generator. im good with js but for some reason im drawing a blank...
View 1 Replies View RelatedI have seen the "Select All" button or "Highlight All" button on numerous sites in the way of selecting text in a form field, but what I am wanting to do is with a button select all text in a table so all the viewer needs to do is press CRTL+C to copy the text. I have tried javascript:document.MyTable.select(); but it doesn't work. It really isn't an option for me to use a text box for the data as it is being formed dynamically in a table from a database.
View 3 Replies View RelatedI'm desinging a graphical interface and I frequently take advantage of the double click event. Unfortunately in most browsers double clicking also involves selecting and I would like to avoid that since whatever is selected has dark blue background and white letters what spoils the whole visual effect.... Any way I can block it por avoid it?
View 3 Replies View RelatedI 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.
I have a simple form that contains an INPUT element that has an initial value.
<form name="Form">
<input name="Number" type="text" value="Hello">
</form>
When the form loads, I want all of the text in the field to be automatically selected. How can I do this?
Doing a:
document.Form.Number.select();
selects the INPUT element itself, not the text inside of it.
<a href="google.com" id="test"><span>0</span>The text that I actually want</a> Using JQuery I want to be able to select "The text that I actually want". $('#id').text // outputs 0The text that I actually want Is there a way to accomplish this?
View 6 Replies View RelatedI have the following HTML (generated by a CMS):
<div id="breadcrumbs">
<a href="/" class="selectedPageRoot">Home</a>
Our Partnership & Services
</div>
how to select the text "Our Partnership..." inside of $("#breadcrumbs").
So I've got some simple javascript functions to set dropdown selections based on index. But I've also have a field that needs to be selected based on its text (possibly value, but text would be better).The current code is really just based around this line:document.getElementById("Option3")[myOption1].selected = true;and what I'm looking for is:document.getElementById("Option3").getIndexByText("TheSelectorText").selected = true;Is there a built in function for this? Has anyone implemented it? I searched google and there didn't seem to be any standout answers.
View 1 Replies View RelatedI need to select the lowest element containing a given string.The :contains(text) selector returns the element I want but also allits ancestors (since they too contain the text). I haven't been ableto figure out a selector expression that returns only the lowestelement.
View 1 Replies View RelatedHere is my HTML
<table bindtype="spinner" class="keypadfield" spinnermin="0" spinnermax="9" spinnerdefault="5" bindname="seg12dtm" border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<input name="seg12dtm" type="text" class="inputnumericupdown" id="txtseg12dtm" maxlength="1">
</input>
[Code]...
You can't select the 'text' part of an 'a' element with css, e.g. in the statement <a>some text </a> you can't use a css attribute selector a[text = "some text"]{} to style the 'a' element. You can select all named attributes such as HREF, TITLE, etc. Does jquery's .attrib map strictly to the css usage or is there some way I can match on that part of an 'a' element?
I need this because a menu list I'm working with doesn't by default require a TITLE element so I can't assume I can match on this attribute.
Objective:
- when you select other the pull down menu is replaced by the text field.
Currently:
- Gotten it to the level of when you select the other the text field appears.
Question:
- HOw can I modify the code so when I select the other menu option from the pull down menu and it replaced by the text field?
<script type="text/javascript">
function togglefield(val) {
var o = document.getElementById('other');
(val == 'Other')? o.style.display = 'block' : o.style.display = 'none';
}
</script>
and the form:
<form action="" method="post">
<select name="sel" id="sel" onChange="togglefield(this.value);">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="Other">Other</option>
</select>
<input type="text" name="other" id="other" style="display: none;">
</form>
I'm trying to access a value from an input form. I know this works without the onkeyup event but with it it says the that document.formname.elementid.value is undefined! Its extremely frustrating. As the user types into the input, I am using AJAX to generate some more options which works but I need to be able to access the input type=text value.
View 3 Replies View RelatedI have an html form that has required feilds. The telephone field needs to be required only when a certain checkbox is selected.
View 14 Replies View RelatedOn a page for product descriptions, I have a MySQL query that returns a list of purchase options and the price of each option.There is a drop-down field which lists the names of each option. To the right, the price of the selected option is displayed.Upon selecting a different option, how can I have the displayed price change to that of the newly selected option?
View 2 Replies View RelatedI want users to specify external sites, a) include them, and let b) users annotate certain paragraphs of text.
a)
As this sites are external (not on the same domain) I cannot use iframes since I cannot select text then, as I understood, right? So I need to create a proxy page which integrates them in the local domain. If this works, I guess the problem are relative urls - does anyone know a good way to correct these? Furthermore, do I need an iframe, or is there another way?
b)
I would like users to be able to select text paragraphs and add a description. Ideally I would get XPath for the selection. Is there a tool/plugin to do this? Like select some text and get the XPath for it?
I have a navbar numbered 1 thru 6 for a slider. You can see it here. [URL]. Is there a way to have the current navigation number share the rollover state? In other words, if I slide to #4 then the actual navbar #4 displays in a different color until I navigate away from it. I originally thought that this would be a simple CSS thing, but that idea went more towards javascript 'test'. Then I wondered if there might be a plug-in for this sort of thing.
View 11 Replies View Relatedi'm using a great script from oreilly for an efficient rollover effect on an image map - highly recommend for anyone needing something like this - link is below - my question is how do i modify it so the menu item *stays* highlighted when the page is selected? that is, in the example, if you rollover or click 'home', the image changes, but once you select it, the effect goes away. i've tried a few things but am getting bogged down as to the best approach. [URL]
View 9 Replies View RelatedI've got the following code inside a js function that highlights the table row (multiple, dynamic number of rows) onclick. But I'm trying to figure out a way to "unhighlight" that previously highlighted row back to what it was before the user clicked on it. Is it possible to save-off the "this" so that it's the "previous this" ? [code]...
View 1 Replies View Related