Which is the most efficient way to find out which child of its parent a
given element is? As far as I know, there is no DOM property saying "I am
the 5th child of my parent". So I must either loop through all the
childNodes[] of the parent and compare them to the given element, or I must
iterate over the previousSiblings until I get back NULL. Is there no direct
way?
<div class="userbox posts" id="pst146996">
<div class="imgholder">
<img alt="Chris Hardin" src="http://codebix.com/bp/1633.png">
<div style="margin-left: 20px;" class="commentbox">
[code]....
i want already select .postlike in $(this) now i want to select the tagh1 who is in .commentboxelements.i want to change the h1's inside text 1 to 2 so i write the code
$(this).closest('.posts').children('.commentboxelements center h1').html('1');
i try this but it's not worked anyway how i can do this.
so i wrote this slider with some help from an admin, everything works as I would like it to but I'm trying to make it a plugin so i need to tighten up a certain part of the code:
(function( $ ){
$.fn.jmSlider = function() {
// get total width of all li elements in the slider
var wrapWidth = 0;
[code]....
what i would like to do is instead of using "li:first" and "li:last", i would like to use first-child and last-child so the element doesn't need to be a li, in can be anything that is the direct child of the parent container.
I 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 a difficult work around Jquery. I want to remove all li items from the ul except first li and last three li how to remove the li elements from these list.
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
[Code].....
I have a parent window that pushes a new window object onto an Array
with the following code :
OpenChild()
{
//totalNumWindowsCreated is global
totalNumWindowsCreated = totalNumWindowsCreated + 1;
childWnds.push(window.open(link, "child" +
totalNumWindowsCreated,"dependent"));
..
..
..
}
This pops up a new window with every call. In the child window I call
a parent function onbeforeunload, appClose() :
function appClose(){
if (window.opener && !window.opener.closed){
window.opener.CloseChild(getQueryString("application"));
}}
This is in my frameset tag of the child code :
<frameset ... onbeforeUnload='appClose()'>
The window.opener.CloseChild() function is called perfectly when I have
one child window open, but as soon as I create another child window
both of the open child windows don't ever call it. They do both go
into the onbeforeunload appClose() function, but do not call the
window.opener.CloseChild() function inside of this routine.
Anyone have any ideas why when I have two child windows open I can't
access the window.opener functions?
I have tried taking each new window out of the array and used the
following code in CloseChild() :
CloseChild()
{
//win and totalNumWindowsCreated are both global
totalNumWindowsCreated = totalNumWindowsCreated + 1;
var win = window.open(link, "child" +
totalNumWindowsCreated,"dependent");
..
..
..
}
On load of index page i am opening few child windows for some purpose now i want if i close the parent window all child should be cloed automatically.
View 1 Replies View Relatedwill u suggest me how to delete child from node. i have a xml file. There are four subnodes in the Contact element i have to delete subnodes value from file...
View 2 Replies View RelatedI have :
objParent.firstChild.childNodes[1]
How can I get this childNodes ID? I can get the nodeValue but not sure how I can get its ID.
I want to remove the first <LI> item and last three <LI> item from <UL> list. How to write code in JQuery.
I need the below list code...
this should be a relatively simple answer, but I'm not sure how to go about it.Is it possible, for a script an iframe to go up the DOM structure and grab the ID of the frame, or does it have to be passed in from the top down?
View 5 Replies View RelatedI'm recursively going through the DOM tree and need the innerHTML of a child node. Now that's not that difficult, but I need the whole innerHTML including that of the child node itself, not just its innerHTML.
View 8 Replies View RelatedThere doesn't seem to be any mechanism to "clear" a node of all
it's children (not that its necessary very often, but I have come
across situations where I'd like to clear a node of all it's
children before appending other nodes). I've come up with two
possibilities: Code:
I am trying to create one image using JavaScript; then later in the script
remove the image - not just remove the src. The following creates the image, but I have been unable to remove it.
How do I structure
document.getElementById('num1').removeChild(image_ display); ?
<input type=file name="picture1" onChange="image(this.value, 'num1');"
Id="pt1">
<div id='num1'></div>
<script type="text/javascript">
function image_size(field, num){
image_display=document.createElement('img');
image_display.src=field;
document.getElementById('num1').appendChild(image_ display);
..
..
..
document.getElementById('num1').removeChild(image_ display);
}
</script>
How do I get the contents of an element in the opener and show them in the
child?
What I'm trying to do is something like this:
In the opener: <h1 id="pgtitle">Office XP</h1>
In the child:
function gt_pageCont () {
var pagetitle = window.opener.document.getElementById("pgtitle");
var pagetext = "<h1>""+title+""</h1><p>Here are some more info about ""
+title+ "".</p>";
document.write(pagetext);
}
and:
<body onload="gt_pageCont();">
I know that something is missing in the function, because I've tested it and
the child displays [Object] instead of "Office XP".
I have a parent window where I open a child window.
In that child window I have some js that creates a row in the parent
window, it looks like:
if ( self.opener.document.update )
{
var actTable =
self.opener.document.getElementById("Action_Table");
myTR = self.opener.document.createElement("TR");
myTD = self.opener.document.createElement("TD");myA =
self.opener.document.createElement("A");myA.href =
"javascript:void(null);";myA.onclick = function (evt) {
alert('mike'); }myA.className = "greenlink";
myTEXT =
self.opener.document.createTextNode('click');myA.appendChild(myTEXT);
myTD.appendChild(myA);
myTR.appendChild(myTD);
var lastRow = actTable.rows[actTable.rows.length-1];
lastRow.parentNode.appendChild(myTR);
}
This js creates the row in the parent window ok, but I only get the
alert message when the child window is up. After I close the child
window I get no alert.
I wrote an application, it runs locally on my laptop, nothing to do with the Internet or client/server stuff. Using Firefox 2.0
I open my main 'GUI.html' file. That in turn opens a local file
called 'DSK.html'. (GUI is the control panel, and DSK is the visual
window) Code:
I have a form which uploads a file from client to server written in PHP.
When the user presses the submit button, I use the "onSubmit" event to
execute javascript to open a child window containing some text and an
animated GIF. The javascript returns 'True' and the file is uploaded. All of
that works great.
Problem:
Now I am trying to close the child window after the file has been uploaded.
Below is the JavaScript I'm using:
Observations:
Error Msg: "progress is undefined".
I have observed that after form submission the 'if' statement in the 'close
child window' code fails because the handle 'progress' appears to have no
value. My guess is that on form submission the handle 'progress' looses its'
value because the action for the form is to reload itself. The 'if' staement
does execute because I have placed an 'alert' statement just prior to it an
the 'alert' executed appropriately.
If I try to open the window after submitting the form, the page doesn't open
until after the file has been uploaded, which defeats the purpose.
Question:
How do I close the window after the form has been submitted?
Thanks for your help!
Irvin.
________________
Javascrtip Code:
________________
To open the child window:
<script language="javascript">
var progress=null;
function sendfile() {
progress=window.open('test2.htm','progress','width =350,height=475');
return true;
}
</script>
To close the child window:
This code follows my PHP code that verifies the file upload.
<script type="text/javascript" language="javascript">
if (progress && !progress.closed) {
progress.close();
}
</script>
________________
Lets say I had a wrapped set of <p> elements. I understand how slice could return more than one element, but what is the difference between nth-child() and eq()?
$('p:nth-child(3)').css("font-style","italic");
$("p:eq(2)").css("font-style","italic");
$("p").slice(2,3).css("font-style","italic");
I am trying to update a progress percentage using jquery in my event handler. The first line works fine. The second line should be the jquery equivilent, but does not work.
event.target.icon.firstChild.textContent = progressPercent
$('event.target.icon').eq(0).text(progressPercent)
how to find this. I just need to know how to find child elements on a parent element that I already have the object for. The parent node doesn't have an id so I can't just get the ID and use the find functionality in jquery.
View 1 Replies View RelatedHow can i select immediate children of an element only. Like i have
<div class="widget">
<ul>
<li><a href="google.com">Google</a>
[code]....
I've got a reference to a TableCell and I'd like to use jQuery to get the first instance of an <IMG> tag within that TableCell, but can't get the syntax right, I understand how it would work if I were to reference the TableCell by and ID or class, but not when I have a direct reference to the cell, I've got:
What the jQuery syntax should be to get the first img tag within "tdRef"?
I've been staring at code for way too long. I have a data structure like:
<ul id="mylist">
<li class="active">Stuff <a href="#" class="movethis">Move</a></li>
<li class="active">More Stuff</li>
</ul>
How do I get the li that doesn't have 'a.movethis'?
I want to create a menu with 10 div in it and each one show one of the div (with the same number):
[Code]...
This seems like a relatively straight forward problem. I've searced google and these forums. I just want to select this's last child. How do I do that?
View 2 Replies View Related