i've been trying to figure the best method to achieve obtaining siblings between specific selectors. Let me be concrete with an example:
...
<tr class="rowTypeA">
...
[code]....
Basically I have a table completely generated and appended to the DOM in javascript, I am calling:$("#tableID" + p).siblings('.child-' + "tableID").fadeOut('fast');This works fine in FF and Safari, but IE does not find the siblings. I even did an alert with:$("#tableID" + p).siblings('.child-' + "tableID").length, and as expected IE returns 0, while FF/Safari return the correct amount (2).
View 1 Replies View RelatedI'm a brand new user of JQuery, but I'm already falling in love with it! While experimenting with it, I've been unsuccessful trying to fade in the elements of a list One by One.
[Code]...
I have an unordered list element which has click events registered. What i want is to be able to find the nth relative sibling to the list item that is clicked. In prototype I can simply say $(elm).next(3) or $(elm).previous(3) for the 3rd sibling forwards or backwards from the current sibling.
In JQuery there doesn't seem to be a way of getting a sibling relative to the current one, other than the immediate next() or prev(). So if I want the third previous I have to do this inJQuery
$(elm).prev().prev().prev()
it seems the very first thing I try to dogives me problems. However, probably I am missing something so let meask you if you can hint me on the best way to accomplish this.I want to transform a document with a flat structure like this
<h1>Heading 1</h1>
Paragraph 1.1
Paragraph 1.2
[code]....
I want to select DOM object id #combinerow1, then set all of that row's siblings' class name to "" (empty string)
Why isnt this code working?
[code]
firebug says invalid assignment left-hand side.
I have a set of elements with id-s x1,x2,x3,x4. If i select only one of them siblings like $('#x1').siblings(), it selects the other three elements. But if i select siblings of two elements like $('#x1,#x2').siblings(), it selects all elements.
How can i select more than one elements siblings?
I have a table where I hide a table row when the listen "item" is deleted. The item is deleted via jquery ajax. When the delete button is pressed, I call a plugin that creates a confirmation box. The plugin is passed a function to perform if 'Yes' is pressed.
[Code]...
The $(hideThis).hide(); line works. The tr is hidden from view. The next line is where I'm stuck. I know that how it is currently set up would never work, but looking at this will help you understand what I need to do. I want to edit the classes of all the tr tags that follow the one I just hid.
Here's the issue. I cannot just call the tr tag the same way I did to set the variable since I am no longer working in the same scope. And if I were to use this script the way it is written, the element it is looking for for the each statement is "[object] [object] ~ .lineItem".
I need to use javascript and get the current url which is being used in
firefox and pass it on to another script. Can someone help me out with
it? Plz pass on the required code if u do have it.
I have a sharepoint list. It is out of the box defined css classes. I have to change colors for alternative rows.
<tr
class
=
"ms-viewheadertr"
[Code]....
I mean, lets say 7 siblings are found, can I identify them with an array or something?I'd need to find the last (7th) sibling and add a new tag just after it, is it possible?
View 1 Replies View RelatedHow do I wrap repeated sets of [ <h3> followed by other tags ] in a div?
example:
<h3>
<ul><li>
<h3>
I want to wrap everything between the lines in a single [ <div class="test"</div> ] ? The # of tags in between the lines ( i.e. # of tags following <h3> ) will vary after each <h3> tag.
Is there anyway to obtain the width of the scrollbar? I've tried
var sb = document.body.offsetWidth-document.body.clientWidth ;
but this does not appear to be correct.
My HTML is shown in an iframe. There is a link in the HTML that needs
the ID of the iframe to be used in the onclick event. How do I get it?
I tried accessing the target property, but it turns out to be
undefined. Also I do not know the frame number in the parent's frame
collection. SO I cannot do parent.frames[2].id.
I found this plugin for converting xml to json which I need for myapplication at least temporarily until the server can get me JSONdirectly. The jQuery Plugin to convert xml to json works pretty goodit seems but i've found a bug.I have a structure that looks like something this:
<EventLog>
<Events>
<Event>
[code]....
I just wanted to know if there was any way to use script to display a
list of methods linked to a particular object? The object I have in
mind is getBrowser(), and I can't seem to find any documentation online
with regards to it's methods.
Also, as I am learning, it would be nice to be able to know what
methods are available for a particular object/function, without
necessarily having to spend a while looking up an object's method when
it's documented in a lot of different places, but only vaguely.
I'm playing around with the facebook API with very limited knowledge of JavaScript, and I was wondering how I could use the FB social graph to extract user interests and display it on my site. I have the authentication set up, but I'm not sure how I would retrieve the interests, which is a JSON array.
Here's my code so far
FB.api('/me', function(user) {
if(user != null) {
//create image variable and getting image
[code]....
I'm not sure how I would get the movies and display the information- I know what I did isn't right since "movies" is an array...
The page will display brief instructions followed by a table containing the quiz.The first is with the Score() function which reads as follows:
function Score(){
for(i=1;i<=10;i++)
if(ans[i]== yourAns[i])
[code]....
Now unless I'm mistaken (which I am since the score isn't being tabulated correctly) this function essentially uses a for to cycle through both arrays, comparing the user's input against the array containing the right answers. If the contents within index i are the same on both arrays the score increases by one point. Once it cycles through the arrays, it passes score over to prequiz.score.value which will later pass this number to the text box that will display the grade to the user.
Thinking it was the setAnsArray(question, answer) function I added a document.writeline to it. However it showed that the values were being passed correctly to the answer array. Added a document.writeline to the Score() function. Unlike the point above, score always displays as 00000 regardless of how many right answers I provide.
The second issue I'm having is that the reset button is not working correctly. If I hit reset and answer the first question, the score will come back as double the score displayed before.
<?xml version="1.0" encoding= "utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
[code]....
I have the following html code:
Code:
<form name="temp" method="get">
<select name="name"
<option value="10"selected>10</option>
<option value="25">25</option>
<option value="50">50</option>
</select>
</form
when a change in selection is made, I would like to obtain the form element in the f() function.
I know that it can be done using the form name or index.
I am looking for a way to do it via the <select> element itself.
Something along the line of:
Code:
is this possible? a browser compatible method is prefered
The DOM looks like this. I need to get all hidden inputs that have siblings with class of myClass. So in this example I would like to get the first and third hidden inputs back.
<div>
<input type=hidden>
<label>
<label class=myClass>
<label>
</div>
[Code]...
where the error is in this:var makeCollapsiblePanels=function(){
$('.selectorheader').siblings('div').hide();
$('.selectorheader').click(function(){
this.siblings('div').toggle('Blind','',1000);
});
}
The thing is, i have a bunch of small panels. In each of them I have a header (<h4 class="selectorheader"> tag) and then one or more following divs that i want to hide if I click on the header. With that code the panels hide at startup but when I try clicking to open them I get aUncaught TypeError: Object #<HTMLHeadingElement> has no method 'siblings'
error. I think the problem is actually in referencing the original jquery wrapping around the H4 element, how do I do that correctly?
how to search through siblings for shared attributes I have a a long list of links and I suppose Im going to apply a number of classes to each one [describing a number of attributes for each] and I want to do a conditional search probably in javascript/jquery so that when i hover over one of the links I highlight its relatives - those that have the same attributes.
What Im having trouble wrapping my head around is the idea of classes to ID these custom attributes. The attributes are coming from a database converted to XML. In my Javascript I essentially want to say that
for each link should the user mouseover or mouseclick for each of its sibling links if its sibling link share its attributes style or highlight these compliant siblings a certain way
how do I do the 'if statement' without spelling out every possible attribute entry? I know in plain OOP Java how I could test for this but in that scenario I have access to these entries as fields in an object's instantiation.
I have a form that uses several text fields to set the footer of the current page. The fields are "Company name", "Street", "Town" and things like that. When a keystroke occurs in one of those fields, I update the footer with the corresponding info, using the "onkeyup" event. All this works fine. My form also has some checkbox to tell if the infos in the footer must be separated with bullet characters. In such case a bullet must be appended to the string retrieved from the current field, but only if the next footer info is not empty or does not start itself with a bullet. Similarly, if the previous footer info is empty and does not end with a bullet, a bullet must be added at the beginning of the current string. So, I have to make the UpdateFooter() function here below more subtle. From the "this" argument passed to that function, I've been unable to find with jQuery the previous and next <li>-encapsulated "siblings". I'm not sure that I really catched how to use "previous()" and "next()" efficiently.
(...)
<fieldset name="footer_infos" class="invisible">
<ul>
<li>
<input name="footer_company" type="text" size="14" maxlength="36"
[Code].....
How can i select immediate children of an element only. Like i have
<div class="widget">
<ul>
<li><a href="google.com">Google</a>
[code]....
Writing a sortable list function. My <li> elements contain several items (headings, paragraphs etc) and I want to add a class to the headings when they've been sorted. I have this code in my sortable init:
receive: function(event, ui) {
$(ui.item).addClass('editable');
},
This adds class="editable" to my newly-sorted <li> element - cool. What I want, though, is to add this class to the <h3> within my <li>. I tried:
receive: function(event, ui) {
$(ui.item + ' h3').addClass('editable');
},
but this just gave a syntax error.
I found that certain selectors work in all browsers except IE 8 and they need to modified. This selector pattern seem to work well in all browsers, including IE 8: jQuery("input[class='class_name'][type='text']") But this identical selector works in Firefox, Safari but not in IE 8: jQuery("input.class_name:text") In IE 8 it returns a "property not found" javascript runtime error. I don't know whether that the actual issue or if it is a side effect of some memory leak.
View 1 Replies View Related