I have a Div control d1and in this div I have furter div and span control.I want to get a list of all element in an array.
<div id="d1">
<div>
<div id="h1">
<div id="h2">
[Code].....
I have a table of data, grouped by Month, Year and then ProjectID:
- Month, Year
- ProjectID
- Job1
- Job2
The Month, Year row controls a collapsable row (ProjectID) and in turn, the ProjectID row controls the Job row(s). The problem I'm having is that if the Job row(s) is open, then 'close' the Month, Year row, the Job row(s) stay visible. How can I control all 'child' rows from the 'parent' Month, Year control?
PHP Code:
<?php
$previousProject = '';
$previousMonth ='';
if ($totalRows_rsInvPending > 0) {
// Show if recordset not empty
do {
if ($previousProject != $row_rsInvPending['projid']) {
if ($previousMonth != $row_rsInvPending['themonth']) {
// for every Project, show the Project ID
?> .....
I am opening a pop up in a new window (window.open) . I have no control on the code of the pop up. Its a third party pop up (twitter). Now that generates a callback url and I can specify that.My problem is the callback page is loaded on the pop up window. I want that window to close and have the call back page loaded on the parent window.
View 1 Replies View RelatedI have created parent child checkboxes. When one child is selected, then parent of that child, other child of same name and parent of that same name's child will be selected... Now I want if I unchecked any child, then only same name of child and parents should be unchecked or if I unchecked Parent Child, then same name of parent and child will be unchecked.
[Code]...
I have 2 lists on a page and I have a link set up to remove an li item from the one list. I need to check to see if there is a copy of that item in the other list based off an attribute in my li item called qid. How would I look for a child list item based off this custom
attribute? Assuming I have html like the following and I want to get the one where qid=14.
<ul id="ul1">
<li qid="12" id="ul1_1">adfaf</li>
<li qid="13" id="ul1_2">adfaf</li>
<li qid="14" id="ul1_3">adfaf</li>
</ul>
How can I get the href attribute in a variable?
View 1 Replies View RelatedWith this code:
<div id="main"><div id="slideshow" class="pics">
<a href="/page2.asp""><img src="/img01.jpg" alt="Text 1" /></a>
<a href="/page3.asp"><img src="/img02.jpg" alt="Text 2" /></a>
</div><p id="pcaption"></p></div>
I'm trying this to no avail (using the Cycle plugin, the source html DOES have the includes for jQuery and cycle external files):
$(function() {
$('#slideshow').cycle({
fx:'fade',
fit: 1,
pause: 1,
timeout: 1000,
height: 360,
width: 550,
random: 1,
after: function() {
$('#pcaption').html(["this.children"][0].attributes[0].childNodes[0].data);
}});});
The problem line is:
$('#pcaption').html(["this.children"][0].attributes[0].childNodes[0].data);
What I am trying is to get the text from the alt attribute to change the <P> after the image.
I've tried:
$('#pcaption').html(this.alt);
$('#pcaption').html(this.children.alt);
And I still can't get the alt text from the image tag. I want to have images with an URL, but I need them to have descriptions (that's why the ALT in each image).
I have been learning jQuery and have been loving it so far. But can't figure out how to do the following...
1) Find the <a> inside a <ul> that has an active class.
2) Grab the value from the parent <li> and put it into a variable to be used elsewhere.
Here is the example markup...
<ul id="carousel">
<li class="carousel-item" carouselindex="1">
<a href="/someurl"><img src="/someimg" alt="" /></a>
</li>
<li class="carousel-item" carouselindex="2">
<a class="active" href="/someurl"><img src="/someimg" alt="" />
</a></li>
</ul>
So, in this example, I'd like to return a variable that = 2.
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 have the following layout.
.panel
{
position:relative;
width:580px;
[Code]....
The parent (class="panelContent") div contains a child element that is generated/rendered last. This makes the child element #ReportViewer1 overlap the parent (class="rptViewer"). Can I jQuerytize the parent div to adjust it's size after the child renders so it is contained/displayed in the parent?
but having fun with it. Would like tolearn how to do the following...2) Find the parent <li>.3) Grab the value of the attribute "jcarouselindex" and put it in avariable to be used elsewhere.Sample code below...
<ul id="carousel">
<li class="carousel-item" jcarouselindex="1">
<a href="/someurl"><img src="someimage.jpg" alt="" />
[code]....
I have a div (representing a form) with a number of images positioned absolutely within it. The images represent buttons and what I'd like to do is click on one of the images/buttons and the whole form to fade out with the exception of the selected button which merely changes it's opacity from 1 to 0.5 (to remind the user it was clicked). Here's the code I'm using:
$(this).parent().fadeOut("fast");
$(this).stop().css("opacity", 0.5).fadeIn("fast");
However, despite referencing the elements in a number of ways (they have unique id's), every time I run this, $(this) won't show - the opacity is being set but it seems to remain steadfastly invisible whilst the parent div is invisible/hidden - am I barking up completely the wrong tree here ?
I need to click on a child element and trigger an function in the parent, but know when i enable it both child and parent are getting executed.As you see in the attachment photo when I click the flip page icon the T-shirt should hide and create a description on T-shirt.
View 3 Replies View RelatedI have two pages parent.html and child.html, the parent has a link called "Search", when clicked the child open in a modal centered window that has a search form, the search in the child return a list of rows, so when clicking a row the child window close and data is transferred to the parent.
View 1 Replies View Relatedi am curious if there is a simple solution to this very common problemim sure lots get.i have a div with some children items in it and when i fade one ofthem out the div jumps down to the appropriate height. i would like toknow is there a simple way to animate the div to shrink nicely insteadof just jumping to its new size?
View 2 Replies View RelatedI want the <a/> in an <li/> to be triggered when the click happens anywhere within the </li>. So given the html...
<ul>
<li><a href="javascript:alert('clicked!')">test</a> <span>some other stuff</span></li>
<li><a href="javascript:alert('clicked!')">test</a> <span>some other
[Code]....
I have little bizarre problem. Working in Java web development we have project that we use plenty of templates from Velocity. Where one template can refresh section of it self and display one or more templates. My problems is that in parent template I have to pop up window with message if in child template and item from group A been moved to group B or vice-versa. How to change on child template can be propagated up to parent?
View 3 Replies View RelatedI have the following code
[Code]...
I have the .box class applied to a div basically I what to hover over the div change the background color of the div and at the same time change the text color of any text wrapped in p tags. I am getting close but with this code every instance of the p tag gets swapped out I need to know how to target only p tags in the div that I am mouseing over
In jQuery, how to select a parent element to a child if I attached a click event on the parent but also want a click event on a child within.
Let's say I have a the following code :
HTML Code:
There may be several of those classes in the page. I then use jQuery to replace the inner HTML to the clickclass div when clicked on with some other code and a input button (with an ID of, let's say 'save_button').
This works fine for that part:
HTML Code:
I then want to have the button clickable so that I can replace again the HTML in the div (like a save button). But if I try a separate event listener on the input button, it also fires the parent event. Even if I return false on the child event or use event.stopImmediatePropagation() in the .click child function.
I've managed to almost get it with the following code :
HTML Code:
If the event is triggerd form 'clickclass', then replace with HTML + input button
The problem is that whenever I try using .parent() with jQuery, it always tells me that parent() is not a function. I've tried various other ways of getting the parent object (the clickclass div) but can't get it to work.
I have searched the net extensively for a js link code that will scroll to the top of the parent frame.So, link is in iframe within a parent frame that I can't control. Therefore I cannot place any 'a name' attribute in any link in the parent frame. But would like to scroll to the top once the button in my iframe is clicked.I have used most scroll, document scroll to parent etc js functions but none of them scroll to top of parent page and some require a name to be placed in parentthis is my simple link<a href="#">go to top</a>
View 7 Replies View RelatedI have one page which have two ifrmaes, parent iframe contains no of child iframe. Now oncliking child iframe check box, I have to get that value into parent iframe, I managed to create array of parent iframe but can't get child ifrmae's control. I used like this:
document.getelementbyid("iframeparent1).document.getelementsbyname("Check1")
but it doesn't work.
I currently have populated checkboxes in my form. I would like to write script that by clicking on a parent checkbox it will automatically select the child checkboxes as well.
The current Script I have is only the parent with a name and populated value attached to it. I would like to attach child checkboxes for each checkbox that appears from code below.
<input type="checkbox" name="price" value="<%Response.Write Recordset("price")%>"/>
I was curious one day and started to explore the whole idea of a
document opening a pop up and that pop up being able to send data, that
was input by the user, back to the parent. Does anyone have expirence
with this?
How do you open a new window and closed the parent window. ie click on link and new window opens in place of original window.
Is there some way of combing window.open and window.close?
I have 40 or 50 inputs scattered among many pages that all need the
ability to open a popup which allows the user to navigate a file
directory structure, locate a specific file, and return the fully
qualified file name to the parent window input. All the 40 or 50 inputs
have unique IDs. Given any one input ID, I have everything working
perfectly: the parent form opens the popup using
window.open("FileFinder.aspx?dir=" + UserRootDirectory + "&InPutID=" +
IdCodeInOnClick);
Popup talks back to parent using window.opener.document...
Like I said, give me the input field ID and I can make everything work
every time... but it makes NO sense to write 40 or 50 functions, one
for each unique input field. I tried using
window.opener.document.forms[0].getElementByID(InPutID).value
but I keep getting an error message about something requiring an
object. Is there a way to accomplish this? Also, since I'm new to
JavaScript (and web programming generally), is there a good tool for
debugging JavaScript intended for IE?
After open a child window, I would like to keep parent window on focus. I tried self.focus(), set new window in blur() as well as setting the setInterval, none of them works in either Firefox or IE. I think this question relates to the opening window in tab rather than in new window.
View 2 Replies View Related