JQuery :: Use An Element In A Function With .text( )?
Oct 14, 2010
i have in my code a box called "box1". When the user clicks inside the "box1", a function called "showWidth()" returns the element and the wifth of the element. The function has 2 paramaters:
1) ele (element)
2) w (width)
in this line, how am i supposed to use the "ele" with text.() ?? ele.text("The width for the " + ele + " is " + w + "px."); /* PROBLEM HERE!!!! */
In order for this to work i do: $("#box1").text("The width for the " + ele + " is " + w + "px."); but if i have many different boxes with different ids, i can't create so many functions and have:
$("#box2").text(
$("#box3").text(
$("#box4").text(
$("#box5").text(
[Code].....
View 1 Replies
ADVERTISEMENT
Apr 28, 2011
I'm doing a very simple expand/collapse function using 'slideToggle'. The button that triggers this event simply says 'Expand/collapse'. I want this text to change depending on whether an element is visible or hidden.
[Code]...
View 4 Replies
View Related
Nov 18, 2011
Is this possible with JQuery? I have the following code which I think Should do this, but it's not working :/These are two different functions which I've been testing, and the html element is supposed to create a dropdown list via some PHP which will have the option "Other" within it. Unfortunately, I have no idea exactly how to turn "Other" into a text box when the user clicks, and I've been spending a lot of time on this already.
[Code]...
View 1 Replies
View Related
Oct 13, 2009
I'm having some problems understanding the append() function. What I'd like to do is select an element using it's ID and add a row to the table with a HTML form element. The table is dynamically generated using a Django template ( form.as_table() ) so I'm not able to alter the original HTML markup too much.
If I had a table like this...
View 3 Replies
View Related
Aug 16, 2011
I have a list each containing a text value. How do I get the list object having exactly a given text value?
<div
id
=
"child4"
[Code].....
The above script gives me all the div that contains the text value i..How can I fix this that is get an element having exactly the same text value as 'i'?
View 2 Replies
View Related
May 5, 2009
I have some HTML:
<a href="#" class="links">Link One</a><br />
<a href="#" class="links">Link Two</a><br />
<a href="#" class="links">Link Three</a><br />
And the following JQuery JS to test the "onclick" handler
[Code]...
View 2 Replies
View Related
Nov 24, 2010
Let's assume I have an a-element <a href="url">Link text</a> I know how to append text $('a').append("Some text"); I would like to add text before the Link text so it would look like this: <a href="url"> Some text Link text</a>
View 1 Replies
View Related
Dec 15, 2011
I have the following code: $('select.interest').change(function(){
var value = $(this + 'option:selected').text();
console.log(value);
)};
I just want to get the text of the select element I just changed. However, this is returning the text of the selected value of ALL the select elements on my page.
View 3 Replies
View Related
May 21, 2010
I am attempting to get the text of the first two cells in each row of a table. I am attempting something like:
$('#myTable tr').each(function() {
var $tds = $(this).find('td');
if($tds != null) {
var $currVal = $tds[0].val();
[Code]....
There is nothing special about my Table.
View 5 Replies
View Related
May 22, 2010
I have this simple code and I am trying to change the text in one element by clicking on the other.
Relevent code shown:
<script type="text/javascript" language=javascript>
$(
'#A').click
(
[Code].....
View 2 Replies
View Related
Oct 16, 2009
I am trying to hide a div when the min length of a text box is two or greater but everything I've tried is a bust. Does anyone have a good snippet of code for this.
View 1 Replies
View Related
Aug 24, 2011
i am trying to make my custom made combobox with using jquery and ul li menus. So when mouse clicked to the li element i have to read its value and set its parent to the clicked element value etc. Basic selecting method. So how can i read the clicked li element value and set that value to the parent of it. Here my structure.
I want to read clicked li element text not other one i tried var htmlStr = $(this).text;
[Code]...
View 1 Replies
View Related
Apr 21, 2009
I've got a little jquery bit to add some behavior to linked mp3s. You see this here: [URL]. Basically, jquery adds a speak icon and a player when the link is clicked, and the link title flies off and fades to the right:
[code] jQuery('a[href$=mp3]:not(.amplink)')
.wrap('<div class="mp3_span">' + '</div>')
.addClass("mp3_title")
.attr("title", "Click to Play")
.before('<img src="' + anarchy_url + '/images/114.png"
title="Click to listen" class="speaker" style="margin:' + mp3imgmargin + '"/>')
.each(function awesome() { .....
This works more or less how it would like it in all browsers except ie7. There the block that is created for the expanding text pushes everything down, even though the link are given a position:absolute declaration.
The pertinent css:
[code]
div.mp3_span {margin-left:90px; width:600px; position:relative;
display: inline !important; height:1.5em !important;}
a.mp3_title {font: oblique small-caps normal 1em/1.5em Arial, sans-
serif; display: inline !important; position: absolute !important;
cursor: pointer; width:500px; outline: none;}a.mp3_title:hover
{cursor: pointer; outline: none;}
a.mp3_title:active {outline: none;-moz-outline-style: none;}
img.speaker {border:none !important ;cursor:pointer; position:static !
important; vertical-align:top; }[/code]
I can't seem to do no matter what css I apply, and, of course, I' rather not hack the jquery script. So again - how can I keep the text animation without having the following elements getting pushed down?
View 1 Replies
View Related
Sep 18, 2009
I am trying to get/set only text of list only element text value. But for some reason I can not select it in clear way. List something like:
<ul>
<li id="myid"> Here text that I want to modify
<ul>
<li id="dfdf">i don't want modify this</li>
<li id="dfdf">i don't want modify this</li>
[Code]...
View 1 Replies
View Related
Jun 10, 2009
[code]...
Anyone got any tips on how to find out if the last letter of my label is 'F'?
View 4 Replies
View Related
Jun 29, 2009
I am trying to detect the DOM element on a unkown web page from thecurrent selected text on that page.Which means: I select text on a web page and then I would like to getthe dom element to which this text belongs.What I came up with was something like that: (imagin we selected theword John on that page....)var array = $("*:contains('John')"); ---> get all domelements that contain the text 'John'But, instead of returning all dom elements that contain 'John' , itreturns only the path from the HTML element to the P element thatcontains the text 'John'. (HTML->Body->P)Did I miss something ? Is there a complete different way to accomplish
View 3 Replies
View Related
Aug 27, 2009
I'm trying to read (and then change) the text on two buttons in my
user interface:
<button class="primary approve">Approve selected</button>
<button class="primary reject">Reject selected</button>
Now depending on how many checkboxes (elsewhere) are selected, I want to change the text to something like "Approve 4 selected" I'm tried in vain to acess:
$("button.primary").each(function(){
console.log( $('this').text() );//fails
console.log( $('this').html() );//fails
});
and for completeness sake I also tried $(this).value -- but of course it returns the .value attribute of the button. 2 questions: How do I access the text and change it?
View 2 Replies
View Related
May 28, 2009
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 Related
Dec 12, 2011
I have the following or something similar:
<div class="pagination">
Pages
<span class="current">1</span>
[code]....
View 3 Replies
View Related
Mar 15, 2010
I'm trying to simply replace a certain string from the contents of an element, I tried this:
<div id="errorCont">Microsoft and Apple</div>
var ErrorContText=$("#errorCont").html();
ErrorContText=ErrorContText.replace("Apple","No one");
$("#errorCont").html(ErrorContText);
So the div SHOULD now say "Microsoft and No one", but it's not working.
View 4 Replies
View Related
Nov 12, 2011
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.
View 6 Replies
View Related
Mar 23, 2011
I've made a script to highlight an element when you rollover on another one.
// Highlight thumbnail on roll over post list item
$("#sidebar-left .left-col2 a").live("hover", function(){
var title2 = $(this).attr("title");
alert("title : " + title2);
[Code]....
My problem is that the script works fine but unfortunatly just for the first li element that I rollover...
How can I make it for each one?
View 4 Replies
View Related
Feb 10, 2010
I want to get the text from a link <a href="">text_I_want_to_get_from_here</a> and insert it after into an input element <input type="text" name="want_to_have_here" value=""> by using jQuery.
I found something with $("#myid").html() to get this, but I am not sure how to use it, really tried but I am a freshman.
View 2 Replies
View Related
Jul 24, 2010
I'm trying to bend my mind to insert a <div class="image_container"/> before the text in an list element
<li>text1</li>
<li>text2</li>
<li>text3</li>
should become:
<li><div class="image_container"></div>text1</li>
<li><div class="image_container"></div>text2</li>
<li><div class="image_container"></div>text3</li>
$('li', this).before('<div class="image_container"></div>')
makes<div class="image_container"></div><li>text1</li>
I tried other things, but I think I'm overlooking an obvious command.
View 2 Replies
View Related
Oct 4, 2009
Is there a way (selector) that would allow me to select an element by exact mach of containing text. example:
<div>
This is some text
</div>
<div>
This
</div>
Lets say i want to select only the second div
$("div:contains('This')")...
okay, it would select it, but...it would also select the first one. I could iterate through each div and check if the text is matching but that's kinda dirty way of doing this. Is there any selector which would allow me to do this without iteration?
View 4 Replies
View Related
Jun 10, 2009
I'm confused as to why when I have:
$('a').click(function(){
alert(this);
return false;
[code]....
View 4 Replies
View Related