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 RepliesI have dynamic divs being added to a contianer. I create them like this [code]...
The problem is when the dynamic DIV is added to the form, it shows up but is not clickable. The event is never called. When a div is added with the class clickable on page load, the event is triggered.
Im guessing there is some way to add an element to the clickable selector but I can not figure it out.
I'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'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]....
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 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.
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]....
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?
I've got a div and i'm setting its height to the height of an image like so:
$('#gallery').css({height: $('#gallery a').find('img').css('height')});
how would i add 1px to this?
lets say the image is 300px, how do i set the height of my gallery div to 301px?
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 was looking at the jquery.flash plugin and it looks like what I need to get the job done but how to do it. Here is some sample code from the plugin site
$('.custom').flash(null, null, function(htmlOptions){
// do stuff
});
Below is the code I tried using:
<script type="text/javascript">
var strToAdd = 'my text to add'
$(document).ready(function(){
$('#flashHere').flash(null, null, function (htmlOptions){
$(".hello").append(strToAdd)
});
}); // END DOCUMENT READY
</script>
In the end what I would really like to do is replace one div with one other if flash is not found, this will make an iPhone friendly version of a site with a lot of flash video on it.
I need to retrieve part of a web page pointed to by a link <a class="fetch" href='web_page_address'> ... The part I want has an id of 'unit_descr'. When I know the address beforehand and can enter it manually without fetching it, this works:
[Code]...
I suspect that $('a.fetch') selects a complete JQuery object whereas I only want the content. Given that I can get hold of the content and put it into the url-variable,I am also not sure whether it is OK to use url +' #unit_descr' to construct the argument for the load function.
how I can do this....If I have an element like this...
<li
s-n
>
mytext
</li>
And a selector like this... My element is not found...
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 to handle error in .find() if nothing found in XML nodes
What I mean is: I request for XML file :
$.ajax({
type:"GET",
url:"myXmlFileOnServer.xml",
dataType: "xml",
[Code].....
so nothing happens at all (after request is done (NO problem with request) - 200 OK )
The code below will show the remaining character count. I'm trying to figure out how to disable the submit button if the user exceeds the 140 character count and re-enable once they're in the "safezone" again...
I thought I could just add: $("#edit-message-send").css({disabled: true}); in the event of an error, and then $("#edit-message-send").css({disabled: false}); if they correct it, but it's not working in either situation.
[Code]...
I am doing some maintenance work on a classic asp web page that displays product information. I am changing how the page looks up the available quantities for the various sizes. The old method used several SQL queries to determine the number of sizes and available quantities and then used those results to build a table on the fly on the page.
My modification consists of a web service that consolidates product size availability from three different sources and delivers the data via an XML formatted return. I have also added DOM tags in the table that is built on the fly that identify each entry with the product id and size. So, for a product that has an ID of "P12345" and a size of "XXL," that corresponding cell in the table gets an id tag of "P12345_XXL."
My jQuery update statements worked just fine using this approach until the sizes included decimal numbers. My example for this is shoe sizes. A size represented by an integer (6,7,8,...,15,16,17, etc.) works fine. A half-size represented by a decimal (6.5, 7.5, 8.5,...) does not. Even though the period is contained within a string value, jQuery doesn't seem to be able to match the value with an id tag - and yes, I have verified that the two (the string that I am giving to the jquery select and the actual tag) do indeed match.
So far, the only work-around that I have come up with is to multiply numeric sizes by 10 and parse as integer values. Is this a "known issue" and is there a more elegant solution topursue?
[URL].. Does anyone have the 2.43 source?
View 1 Replies View RelatedIt's my first post/thread here, I haven't been active in forums for some time cause frankly I didn't need it, but this one just got me. I tried everything in my knowledge -and I mean everything, I'm a fanatic trial-and-error tester. Situation: jQuery, posts some data through Ajax collected primarily from a $('#textarea') to a php file on server. If the data is >X Bytes, I get 404 Not Found and the 404 Html page in Ajax error handler. Otherwise, everything runs smoothly and I get my results. I must specify that I post to a php file that loads Wordpress's wp-blog-header.php before doing calculations, as the code is intended to be part of a WPplugin.
I tried to return header("HTTP/1.1 200 OK") as some suggested, considering WP was altering the header for not finding the file as part of the system, and it solved the issue locally for some cases, but not remotly.
I tried to set the Content-Length in ajax call. I switched between the WP type of handling Ajax calls, and having my own .php file, in the folder of my plugin. Nothing worked, but trimming content. What could this be? post_data_size is 8M on server. Could this be maybe related to SSL as I've seen in some cases?