<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 RepliesI'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.
I have some text, where I don't want to display all of the text until the user clicks 'more' link. Once the user clicks 'more' link I want to show the div below and change the link text from 'more' to 'less' so on subsequent click the div below will collapse.
<a href="#" class="moreLink" onclick="javascript:ShowMore(this);">more</a>
<div id='completeDiv'>etc etc etc </div>
function ShowMore(object){
....show the div and
$('a.moreLink').text('less'); ---> this does not work for me.
}
I have the following JQuery code in place [code]For now that replaces the text of all of the anchor tags within the div 'twitter_update_list with the text GO however I want to modify this so it replaces all of the anchor tags in that div in this way EXCEPT for the very last anchor tag in that div which I need to stay as it is.
View 2 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").
I'm kinda new in jQuery, used till today only jQuery plugins, but want to start using the jQuery itself.
[Code]...
I 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 need to get the page to reload with the anchor in the link when it is clicked in a dropdown menu. For example if I am on 'www.domain.com/about/#2' and I then click on 'www.domain.com/about/#3' the url changes but the page doesn't reload so I need the page to reload, but keep the new anchor (#3).I gave the links with anchors a class of 'reload' and tried this:
$('a.reload').click(function() {
window.location.reload();
});
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 define an anchor as a global variable, like this:
var globvar = {
anchor: document.createElement("A")
}
Later, on the fly, I give it the attributes, like this:
globvar.anchor.setAttribute("href","javascript:keyb_change()");
globvar.anchor.setAttribute("onclick","javascript:blur()");
globvar.anchor.setAttribute("id","switch");
[code]....
1) In setting the attributes on the fly, how do I attach the anchor's text (the user clicks on) to the anchor?
2) Is there a way to include the attributes within the global variable's original definition, thereby sparing me from coding the attributes on the fly?
I define an anchor as a global variable, like this:
Code:
var globvar = {
anchor: document.createElement("A")
}
Later, on the fly, I give it the attributes, like this:
Code:
globvar.anchor.setAttribute("href","javascript:keyb_change()");
globvar.anchor.setAttribute("onclick","javascript:blur()");
globvar.anchor.setAttribute("id","switch");
...
globvar.paragraph.appendChild(globvar.anchor);
TWO questions:
1) In setting the attributes on the fly, how do I attach the anchor's text (the user clicks on) to the anchor?
2) Is there a way to include the attributes within the global variable's original definition, thereby sparing me from coding the attributes on the fly?
I have a paragraph with text and anchors.Given an anchor $myAnchor within the paragraph, I can get the immediately following one:
$nextAnchor = $myAnchor.next('a');
How do I get the text/HTML between these two anchors?
Can 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 RelatedI want to count anchor tags from text and on submit alert me how many tags in text.
View 9 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.
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 RelatedLets say I have a bunch of links with the same class but different anchor text like [code] When the page loads I want the anchor text of each link to display the same text of my choosing. However, when the visitor clicks a link the anchor changes back to the orignial. It would be best if all links could be changed back their original if any link is clicked but this isn't necessary.
View 1 Replies View RelatedObjective:
- 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 Related