I 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").
I'm just learning jQuery so I've gone over the documentation on selectors, and adding and removing classes and attributes. As far as I can tell I'm selecting the tags and setting the classes/attributes correctly.
On one page I've got some images as links in a table:
<td><a href="[uRL]"><img src="images/exampleSite.jpg" /></a></td>
Now, in my external stylesheet I have these two classes defined:
#content a { border-bottom: dashed 1px #000000; }
#content a:hover { border-bottom: solid 1px #2476B2; }
And in a linked js file I'm trying to remove the border as follows:
$("a[img$='.jpg']").attr( 'border-bottom', 'none' ).attr( 'text-decoration', 'none');
But it's not removing the border and I can't figure out why.
<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 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.
I have an HTML text with text and tags I'd like to get only the text between the tags <title> Then I have this:
<body>
start text
<title>Text to get</title>
end text
</body>
i'd like to have this result ONLY: "Text to get"
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 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 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?
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?
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.
View 2 Replies View RelatedMy question is located here:[URL]... what I have is div 1 this div 1 has <a> tags appended to this div. It's a list of items the client selected to buy. so I have these <a> tags. I want to generate a invoice or a summary of the order and append the new <a> tags in a new div we will call this div 2.
for example lets say I have 5 apples at $1 each ordered and 3 oranges at $5 each for one order placed In div 2 I want to go to div 1 and grab the text name of the item and only grab the names once. No need to have multiple of the same item names. I will then create a new <a> tag and then append it to that div 2. Inside these <a> tag will be something like: Apple amount order 5 total $5.00 Orange amount order 3 total $15.00 Total amount due: $20.00 so in div 1 there be lots of <a> tags and you will see at least 3 apples ordered but it be listed as aseparateitem.
In the invoice or summary of the order I want to sum up the order. So I just want to let the client know your ordering 3 apples at a total of $5 for those apples. You ordered 3 oranges at a total of $15 which makes the bill to come out to be $20 dollars.
how can I grab from the <a> tag list only text that hasn't been grabbed yet. I don't want to display the word apple 3 times since there are 3 times that the client selected to order. How can jquery filter such requests. I just want to grab the text or names of the items. Then display that name once. if that name appears more then once in the div 1 then in div 2 you will say just the item name once but show how many of that item you ordered.
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>');
View 1 Replies View RelatedI'm trying to select a line a text and format it, only problem is there are no tags around it other than a closing </p> tag and a <br /> tag after it. Please see below the line in bold text which I'm trying to surround with <h3></h3> tags. [code]...
View 8 Replies View RelatedCan anyone show me how to select text before or after a cursor in a
textarea or an RTE?
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
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 RelatedCan't seem to make it work, I have seen many examples but they are all just for 1 div tag. When i trymore than one it doesn't work anymore.The first one works, if i have more than 1 then the other don't work.
using the following jquery
$(document).ready(function(){
$("#toggle-text").click(function () {
var divvalue= this.value;
[Code]....
I'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.
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 Relatedwhat 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.
