Jquery Selector - Select The First Parent Of The Interacting 'this'?
Feb 27, 2009how would select the first parent of the interacting 'this' ?
View 2 Replieshow would select the first parent of the interacting 'this' ?
View 2 RepliesI'm trying to find a way to go through each instance of.div with class="promo" in order to get the parents height and assign it so both are the same.
I tried the following but could not get it to work. I'm a bit confused on how to go thru each and pass the height value. There are 4 div's with the promo class and each parent is a different height depending on the content. I want to build this so that the promo div will automatically adjust and have the same height as its parent.
$('.promo').each(function(){
$(this).height() = $(this).parent().height();
});
I have used sophisticated selectors in the past but for some reason am brain-tied right now.I have a clickable div followed by another div (a sibling. not a child) that will reveal when clicked.
of course it works when hardcoding the second div as the target but I want to make it reusable so that it looks for the next div matching that class selector
[Code]...
i have a select box that looks like this for exaple:
<select id="game">
<option id="mario">Mario</option>
<option id="SuperMario">Super Mario</option>
[code]....
I want to do something like this
<div>
<p>
<p class="active">
[code]....
I have:
<p>Click here</p>
<div>cool content #1</div>
<p>Click here</p>
<div>cool content #2</div>
How if I click either <p> how do I select the <div> immediately following?
$(p + div).dosomething()
isn't working.
I use one outer div and a div as a child element
<div id="parent"><div>lorem ipsum</div></div>
and I need to register a click on the parent div. If I use
$("#parent")click(function(){
// my code
});
the code starts also if I click on the child div. So how can I start my function only if there was a click on the parent div outsite the child div?
I have some html like the following
<div id="#tabcontainers">
<div>
<div class="content">xxx</div>
[code]....
I expected $('#tabcontainers div') to return just the four top level divs but instead it returns six. That is, it is returning the four top level divs within tabcontainers but also the child divs with class="content" inside the top level divs.Is there a way to just select the 4 top level divs (i.e. excluding the inner divs) other than putting class or id attributes on them and using those in the selector?
I'm trying to update a script I found out there in order to fit better my needs. The first step I want to update is the capability to bind a dynamic number of anchors.
Right now with the HTML below
<ul id="product_links">
<li class="first" ><a>FIRST></a></li>
<li class="second">SECOND</a></li>
<li class="third"><a>THIRD</a></li>
[Code].....
I am trying to figure out the syntax for the following. For this version I am simply trying to select the 2nd child of the SLIDE HOLDER div. For this test I am just making the width grow. My next pass will be to get the index of the DOT clicked and then pass it to the child of the other parent. Please see line 24. I know this is incorrect but placed it to give you an idea of what I am trying to accomplish.
[Code]...
I need to select the last children of parent elements
For example
<ul>
<li></li> <-This will have the background #1a
<li></li> <-This will have the background #1a
<li><ul>
[Code]....
So I would need the last children. If there is no nested element then that is considered the last child. I have to write a jquery script to apply a background to the last children. A nested element can have a nested element and then that element's children will be considered the last ones so they will get the background but not the parents of those children. If the item has no children then that item will have a background.
So there are 3 different backgrounds. Each letter a, b c will represent a lighter tone compared to the previous color. C is lighter than B, B is lighter than A etc. So this will have to be a "smart" system in which the ul li will be updated and depending if it is the last one inhierarchyit will not have the arrow.
within a function for an onchange-handler ($(...).change(function(e) {...) i tried something like:
$(":parent input[name^=subsequentProperty]", this);
this does not work, but:
$("input[name^=subsequentProperty]", this.parentNode);
does work.
I have a list of divs that each look like this (simplified):
<div id="property1" class="property cms-repeat"> <h4>Property 1 - <span class="location cms-editable">location3</span></h4> <p><span class="download">Request a copy of the full property details <a href="#" title="Request property details" class="request"
[code]....
I got a UL LI menu and it's not working right. the problem is: when i want to open new branch the parent is closing. the code is in the attacment...
Attachments
index.txt
Size : 5.61 KB
Download : 357
Suppose I have something similar to this HTML (this is not my exact HTML, rewritten to simplify):
<a onclick="ShowHide(); return false;" href="#">show/hide</a>
<div>
<div id="summary">Summary of info below</div>
<div id="enclosure" style="display:none;">Information</div>
</div>
<a onclick="ShowHide(); return false;" href="#">show/hide</a>
<div>
[Code]...
These DIVS are full of information populated from a MSQL db. So the DIV names cannot be unique. I have this jQuery code:
[Code]....
This code actually works perfectly except for one major headache. When I click the 'hide/show' link on any of these - the only one that hides or shows is the first set. After research I feel like I'll need to use the .parent() selector or (this) somewhere but I feel like I've tried every combination.
I'm trying to write a small little bookmarklet to insert some text into a textarea on a website I frequent. The first problem I ran into was that while the textarea I wanted to mess with was named, the form wasn't. To get around this I tried:
window.document.forms[0].comment_body.value
which, for some reason, sometimes worked. But not every time. Then I found getElementsByName but I can't seem to get that working either. Here's my latest attempt:
javascript:function wlcauto() {elements = document.getElementsByName(comment_body);V = 'bla bla bla bla bla'elements.value = V;}wlcauto();void(null)
Anyone have any ideas or links to something?
I have two windows, one, the 'main' window which contains a blog entry, and a 'child' window that contains item in an ordered list. Each item A-Z has a corresponding word a-z in the main window. Whever the user puts his mouse over, or clicks on a-z in the main window, I'd like the corresponding item in the child window to be brought to the top and highlighted.
I haven't had much luck looking around for answer because I'm not sure what I should be looking for. Even just some search terms would be helpful (though I prefer a nice solution!).
I have an iFrame on a page where I am calling .mouseup(function()) on it's document child.Once in the mouseup function, I need to refer to a specific sibling of the iFrame.Unfortunately, I cannot figure out how to traverse backwards to the iFrame element from $(this) - where $(this) is the document. I get a null set returned when I try$(this).parents().
View 1 Replies View RelatedI'm using IFRAME to connect back to my ASP.NET page in order to fetch the FreeBox HTML Editor html contents and scripts (i do this apprach because the html editor is fairly heafty to send to the user when most dont use it on our site instead deferring to a user request before actually sending down the code via AJAX or in this case an IFRAME). Code:
View 2 Replies View RelatedA "dough-nut" type wheel will be located in the bottom center of the web page. The wheel will be divided into 3 tiles. One will be able to click this and drag to turn the wheel. An arrow will be centered directly above it in order to show which tile on the wheel is selected. Above the arrow will be a go button, once the go button is pressed, a user will be directed to the page that the tile leads to. The go button will inherit the image on the selected tile.
So first off, is this possible? Next, what code type (I think javascript but I am not sure) or software will I have to use to do this? Finally, I need a general idea of what the code would look like.
how would I go about interacting with an element inside a Frame from JavaScript? For example, here's the HTML of the page:
[Code]...
Within my site I have the following code:-
Code:
<form>
<button onClick="changeVideo(2)" type="button"/>
</form>
<object id="videoPlayer" type="application/x-shockwave-flash" data="http://www.mysite.com/videoplayer.swf">
[code]....
By default when my site loads the flash file gets the value of currentItem from Flashvars and does what it needs to do with this value. The flash file in question is just a basic video player and the id of the video to be played is retrieved from flashvars.
However I want users to now be able to click the button in my form and then the value of flashvars in my videoPlayer object will change to the value passed in the changeVideo() function i.e. in the above example value="currentVideo=1" will become value="currentVideo=2".
That's the easy part I think but what I then need to do is get the flash file itself to load this video without a page refresh but I have no idea how to get the flash file to recognise this value once it has already loaded. What exactly are my best options here?:-
1. Reload the flash component via ajax every time a user selects a new video i.e. every time changeVideo() is fired?
Are there any difference between class selector and ID selector
View 2 Replies View RelatedI understand that using
Code:
.parent(".class")
I can select the parent of the current element if it (the parent) has a class named "class". How can I select parents that don't have a certain class? Also, how can I select parents that don't have more than one class? Does the .parent() method allow to do this?
how would I send the value from a <select> box that's in a pop up opened with window.open() back to the parent window, and put it in a text field?
View 10 Replies View RelatedI have an ajax dependent drop down set up for location fields and am having trouble figuring out how to clear the dependent selects if the parent select is changed to blank.I set up a function to clearFields:
<script>
function clearFields() {
document.getElementById('cb_state').value = "";
[code]....