I am selecting a group of li elements. The following code returns me a length of '8'
$('.HwCitationsContent li').length
However when I try to get the text from a particular item in the set I get nothing. In fact, the msg box won't even appear. alert($('.HwCitationsContent li')[1].text())
I'm trying to add a click listener to a list element that has a hidden unordered list.
<script type="text/javascript">
$(function(){
$('li:has(ul)').click(function(event)
{
[Code]....
Basically, I'm looking for a way to find a list element that has a ul child, and then hide or show that ul. What I have here doesn't seem to be working.
I need to return a wrapped-set by filtering another wrapped set, however the filter is based on creating a Range object from each of the items in the first wrapped set.[code]...
View 7 Replies View RelatedI have the following code which displays a list of 6 images. Im using a reflective and magnifine plugin which seem to be working to an extent. The last three images in the list work perfectly, however the first three dont magnify, and that is becuase I have the img tags wrapped around the a tags as they are links. How to modify the magnify code so it magnifies imgs that have the a tag around it.
[Code]...
Is there a tool out there--perhaps part of FireBug--that allows me to inspect the results of a jQuery select; e.g., the wrapped set?
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 RelatedI'm trying to find a script that will scroll text past fixed position sandbag divs.
I want the text to flow around an image as it scrolls.
It's easy to do the wrap around the image part. I can't seem to find anything that will continue wrapping the content of your site around the fixed background as you scroll though.
Using this as an example - [url] - how can I get the value of "slide.src" when my images are wrapped in divs?
Like so:
i have a menu generated by a list with nested lists. i want the parent link to stay highlighted when the mouse hovers over the sub menus. because those sub menus are also generated by jquery (qtip), CSS alone won't do it (triedul.topnav li:hover a {background-color: #F00;}).is there a way to do this using jquery?
View 15 Replies View RelatedI don't need the character height. I need the height of a paragraph that is wrapped once or more inside a div.
I need to know this because I need to make a fixed width div, that will adust it's height based upon the wrapped text that will be append to it.
I have been able to get close with this, but it's imperfect. I'm not sure what's wrong.
Code:
Where my css #ruller is this:
Code:
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...
I have created a form with malsup's Form Plugin wherein it submits on change of the inputs. I have set up my jQuery script to index drop down menus and visible inputs, and uses that index to determine whether keydown of tab should move focus to the next element or the first element, and likewise with shift+tab keydown. However, instead of moving focus to the first element from the last element on tab keydown like I would like it to, it moves focus to the second element. How can I change it to cycle focus to the actual first and last elements? Here is a live link to my form: [URL]. Here is my script:
$(document).ready(function() {
var options = {
target: '#c_main',
success: setFocus
[Code]....
i have got about 50 definition lists on one html-page witch all look linke this:
<dl>
<dt class="title">aaa</dt>
<dd class="subtitle">bbb</dd>
<dd class="city">ccc</dd>
<dd class="email">ddd</dd>
<dd class="website">eee</dd>
<dd class="description">fff</dd>
</dl>
if the dt-element in one of the definition lists has a specific css-property (e.g. length > 100px) then the dd-element with the css-class "subtitle" in the same definition list should be removed.
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]...
If I generate a new element via AJAX, jQuery don't listen to events at this element. I read that live() how to use this function together with post().
That's what I have:
$(document).ready(function() {
$.post('products.php', $('#products_form').serialize(), function(returnData) {
$('.target').html(returnData);
});
[Code].....
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]...
I`m trying to make selecting an select list option (as it become when we click on it)by clicking on a special pseudo element.I`m trying to do it in this way:
<script>
$(document).ready(function(){
$(".psevdo-checkbox").each(function(){
$(this).click(function(){
[Code].....
fadeout an element then insert someting in that same element then fading it in again all this without using setTimeouts.. i simply dont want to append, before the fadeout animation is done, i cant seem to achieve this unless i use setTimeout. im doing this atm but its often out of sync :/
[Code]...
I would like to change all img tags with a certain class on the page as follows [code]...
I do not know how to "copy" the value of the img tag src attribute to the background url attribute of the div.
Below is HTML
<DIV class=info-box>
<DIV class=info-list>
<UL>
<LI>Author <SPAN></SPAN></LI>
[Code]....
I want hidecurrent LI element if SPAN doesnot contain anytext, Author doesnot having value so that will be hidden.
My DOM structure in HTML page have some elements 'IMG'. One of 'img' element have attribute 'src' = 'lolo1.jpg'. How can i find the 'DIV' element with this specific 'img' element inside? I have to find nearest 'DIV'.
[Code]...
I wanna write function like a GetNearestDivID('lolo2.jpg') which would give me result 'mix2'
I'm trying to unselect element or not allow select element to prevent this:
How can i do this? This only happens on FF, on IE8 its fine..
My html:
Let say I have this DOM:
<div id="foo">
<div class="bar"></div>
<div class="bar"></div>
[code]....
I made a website in which I -for the first time- included some jquery code. I am totally new at this. I managed to have a menu, whose elements can be clicked, which triggers the apparition of a different "bubbles" with text inside. So far so good. But I would like to make a bubble disappear when I click on another element than the one that triggered its apparition. Explanation :
My menu is for example like: menu element 1 | menu element 2 It should do this
>> click on menu element 1 = bubble1 (it works) >> click on menu element 1 = bubble 1 disappears (it works) OR >> click on menu element 2 = bubble 1 disappears, bubble2 appears (doesn't work! there I have 2 bubbles at the same time)
catch an element and add another element in run-time using jQuery. The HTML looks like this -
<td class="fieldCell"><input class="inputbox" id="password" type="password"><span class="cbFieldIcons">lots of HTML codes</span>....
</td>
I want to add some more element in .... place. That is, just after the <span class="cbFieldIcons"> ends. note that there is actually no .... in actual code.
I personally wrote a code using jQuery, but some reason, it is not working in IE6 and IE7.
is it possible to programmatically make one div element overlap another div element. right now, i am stuck with having two elements on my page which overlap and one of those elements is "behind" the other when i want it the other way around.
View 1 Replies View Related