I'm trying to find the trailing [code]although there is a text node after it. I suspect there may be an issue because if you get the returned [code]you get the text node containing "and some more text".
View 3 Replies<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.
I have a drag and drop box. Don't know how to solve one problem. How to check if a drag and drop box have child elements?
View 2 Replies View RelatedThis div is the only div. Inside it has images that are clickable. I want to be able to first grab the left position of the elements and when they like a left arrow want to take this left number value and subtract it by a number and if the the right arrow is pressed then it will add a number to the left number value.Is this possible and if so how can I do this? I am guessing i can use the .css with the .child in jquery.
View 4 Replies View Relatedim experiencing a problem when using the :nth-child() selector.
I currently have a div that contains multiple divs. These divs have either the class 'labels' or 'labels-alt', I currently use the following code to change add/remove a class to one of these
function mOver1(n) {
$('.labels:nth-child('+n+')').toggleClass("labels-hover");
}
function mOut1(n) {
[Code]....
Let's say I want to select all the input elements of a particular form with id #form. What would be faster?
1. $("#form input")
or
2. $("input", "#form")
In my (rather unscientific) test using firebug, 2 seemed to be almost 50% faster.
I've been fiddling around with a bit of javascript in a chrome extension - something to alter the Google buzz webpage.I'm trying to find each individual post basically and have the following:
var entry =$('.X0POSb'); //This main block contains the bulk of Google buzz content
console.log(entry);
var items = entry.find('.G3.G2');
[code]...
I want to do something like this
<div>
<p>
<p class="active">
[code]....
I cant figure this out. I have an XML file that looks like this.
Code:
<?xml version="1.0" ?>
<xml>
<Root>
<event>
<image>images/eventsoon.jpg</image>
<description>Great Event</description>
</event>
[Code]....
I have the xml loaded and I can count three events xmlDoc.getElementbyTagName('event').length What I want to do is get the child elements of the event, but I cant figure it out. xmlDoc.getElementbyTagName('event')[0].childNodes[0] shouldn't this be the <image> tag of the first event? I want to pass the event as a variable and then access the child var thisEvent = xmlDoc.getElementbyTagName('event')[counter]
The problem is that I'm creating child elements based on an xml document served from a php script. However everytime it is served I'm just appending all the elements to the end of the child list creating copies. So I decided to just remove all the children each time.. But this doesn't seem to be working.
function remove_shouts(){
var shoutbox_div = document.getElementById('shouts');
var shouts = shoutbox_div.childNodes;
for(var i = 0; i < shouts.length; i++){
shoutbox_div.removeChild(shouts.item(i));
}
}
How do I selected certain child ID elements? Say for instance I wanted to select #parent #child
<div id="parent">
<div id="child">The child</div>
</div>
How can I do it with $('parent')? I tried chaining it but that didn't work.
I've looked all over and can not find what I need.
I have 6 divs this involves..
<subbody>
<covergroup>
<coverleft />
<coverright />
[Code]....
The cover group contains left & right bar images that repeat vertically as the page expands. The top is just a simple blue background (also content bg color)
Obviously content is the content of the page and both covergroup and content are within the subbody.
Is for the <subbody> tag to be the size of <content> + 5px on top (size of the <covertop>), and the left and right cover divs to expand to the size of subbody.
I guess since I'm using a footer (with image and text) letting the page expand as it wants is out, and I need javascript to make it work.
i am new at JS and jQuery and trying to make this code work. But i can't solve the problem. when u click on parent of nested list items.It hide the unordered list too. i tried to add siblings() method but still its not working like it should i.e parent of nested li should be visible to toggle its child again.
[Code]....
I have a document that contains a child frame with name/id = "help_frame".
From Javascript in the top level document I can access the child frame's
elements using:
var elem = document.frames.help_frame.document.getElementById ("chkSynonym");
but if I try:
var elem = document.frames.help_frame.document.chkSynonym;
the result is 'undefined'. What is wrong with my syntax?
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 acutually want to add text to a hidden field, but I am using a text field for testing - if that makes a difference.
Page A
<script>
window.open('testB.htm', 'CtrlWindow', 'width=300,height=250,top=100,left=200,toolbar=no,menubar=no,location=no,scrollbars=no,resizable=no');
</script>
<form name="TestForm">
<input type="text" name="TestField" size="20" value="1 2 3">
</form>
Page B
<script>
opener.window.documnet.TestForm.TestField.value = opener.window.documnet.TestForm.TestField.value + "4 5 6";
</script>
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 want to do something like the following pseudo:
For all elements in the body tree - if they have text in them - check if the text equals "the", and if so, replace it with THE.
how to write such a selector?
I am trying to wrap <a> tags around text in <li> elements. How can I get the index of the <li> in the <ul>? I tried something like this: $('.tabbed-list li').wrapInner('<a></a>'); That works fine. However, I want to do something like this: $(this).wrapInner('<a href="#' + $(this).index() + '"></a>');
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 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");
..
..
..
}
I would like to find all elements within my DOM that begin with "test". Any idea on how I would go about this?
Example Below I would like to return a list of element id's of test1, test2, test3
<html>
<body>
<div id="spacer">
<div id="test1">Blah</div>
<div id="test2">Blah</div>
</div>
<div id="test3">Blah</div>
</body>
</html>
I have a paragraph with text and anchors.Given an anchor $myAnchor within the paragraph, I can get the immediately following one:
$nextAnchor = $myAnchor.next('a');
How do I get the text/HTML between these two anchors?
They are not very expert in javascript. I created a script that needs to calculate the sum of text fields. My function is limited to 5 elements, you can simplify and make it work for n elements.
PHP Code:
<script>
function somma() {
var a=eval(document.getElementById("primo").value);
var b=eval(document.getElementById("secondo0").value);
var somma0=(a) - ((a) * (b)) / 100;
var somma0=Math.round(somma0 * 100) / 100;
document.getElementById("somma0").value=somma0;
var b1=eval(document.getElementById("secondo1").value);
var somma1=(a) - ((a) * (b1)) / 100;
var somma1=Math.round(somma1 * 100) / 100;
document.getElementById("somma1").value=somma1;
var b2=eval(document.getElementById("secondo2").value);
var somma2=(a) - ((a) * (b2)) / 100;
var somma2=Math.round(somma2 * 100) / 100;
document.getElementById("somma2").value=somma2;
var b3=eval(document.getElementById("secondo3").value);
var somma3=(a) - ((a) * (b3)) / 100;
var somma3=Math.round(somma3 * 100) / 100;
document.getElementById("somma3").value=somma3;
var b4=eval(document.getElementById("secondo4").value);
var somma4=(a) - ((a) * (b4)) / 100;
var somma4=Math.round(somma4 * 100) / 100;
document.getElementById("somma4").value=somma4;
}
</script>
<input type="text" id="primo" onKeyUp="somma()" /><br /><br />
<?php for($i=0;$i<=4;$i++) { ?>
<input type="text" id="secondo<?php echo $i; ?>" name="secondo" onKeyUp="somma()" value="6" />
<input type="text" id="somma<?php echo $i; ?>" /><br />
<?php } ?>
I need to add an event for all elements that are not text entry.I have tried this
$(':not(input:text, input:textarea)')
$(':not(:text, :textarea)')
I tried to get it to work for just not type=text
$(':not(:text)')
$(':not(input:text)')
I can't seem to figure it out.
I have a web page describing a procedure using generic names. At the
top of the page I have a text box. When the user enters a specific name in
the text box, I would like the page to redisplay the procedure using the
name entered in the box. For that I started like this: Code: