[jQuery] trying to use kiketables to call individual table id
hi, trying to use kiketables to stretch and collapse an individual table. This doesn't work: $("#table_sometable") .eq(0) .kiketable_colsizable({ fixWidth : true, dragOpacity : 0, dragMove : true, dragProxy : "area", //onLoad : fnOnLoad }) .end() ; Any help would be appreciated! David Kaplan
[jQuery] Get a hold of collection inside $.each?
I am wondering if it is possible to get a hold of a jQuery collection inside the each function without two expressions, like this: jQuery('p').each( function(i) { if (i === 0) { // alert the length of the expression jQuery('p') } }); I could of course do this: var els = jQuery('p'); els.each( function(i) { if ( i===0) { alert(els.length); } }); But for other reasons, I'd rather do it with one expression.
[jQuery] Problem with jQuery form pluging redirecting
I use the form plugin $(document).ready(function() { var options = { target: '#divShow', beforeSubmit: showRequest, success: showResponse }; $('#myForm').ajaxForm(options); }); This works, but in the form php file, I'm trying a redirection but the page redirected displays in #divShow. How can I do to redirect to the page not to be displayed in the div? <?php header("Location: http://localhost/"); ?> Thanks
[jQuery] Cycle plugin: pulling in only child elements with a certain class?
Hello, If my HTML for a cycle slideshow is something like the following, where certain child divs (slides) have a particular class: <div id="slideshow"> <div class="slide web"><img ...></div> <div class="slide"><img ...></div> <div class="slide web"><img ...</div> </div> is there any way to set up the slideshow so that cycle only pulls in the child divs with a class of "web", instead of all the divs with a class of "slide"? So in the above example, the slideshow would contain 2 elements instead of
[jQuery] Getting all children, not just immediate children??
Hi I trying to write a script which allows for easily hiding and revealing content by just specifying the correct class names. The problem I'm having is that my current script will only toggle elements if the 'toggletarget' is a immediate sibling of the 'togglebutton'. My problem is that the 'togglebutton' may or may not be nested within div's, tables etc. Is their a way to find all the children of an element? Am I missing something? Ta $(function(){ $("div.togglecontainer span.togglebutton").click(function()
[jQuery] Equalize baseline script needs converting to jQuery
Hi All Posted this under a different title but I think 'equalizing baseline' is a better description than 'equalizing columns'. Basically, I need this script converted to jQuery - http://v3.thewatchmakerproject.com/journal/354/equalising-box-baselines-with-javascript I'm more than happy to pay for this if someone can do it for me (25USD via PayPal). Here's an example of it working - http://jsbin.com/ofehi Sam
[jQuery] Chrome bug
Chrome has errors selecting more than one element where these elements are not inserted yet. Test case (execute this snippet in some page): alert($('<div><div id="from"/><div id="to"/></div>').find('#from, #to').length); The version I'm using is 1.3.2
[jQuery] apply method to new objects
hey I am having trouble applying thckbox and other scripts to newly created objects which are created when an ajax call is made. i think the problem is because thckbox is applied in the document.ready function and the new elements are not present at the time is there any way to reapply thckbox and other scripts to newly created objects //thick box set in header <script> $(document).ready(function() { $('a[rel*=facebox]').facebox() }) </script> //then an ajax call is made and a table returned however
[jQuery] Superfish Firefox Problem: No Show
The site below has a vertical superfish jquery menu that was working fine in FF and IE when I last posted it. Today, I re-arranged the menu items, and I'm not getting any of the fly-out <li>s in Firefox only. Hovering just gives me the mouse-over color changes for the element itself. I don't know if the re- arranging of the menu items did it, though, because some pages that have not changed are no longer working. I know the commented-out sections of the menu are sloppy, but there is a lot of information
find out how many textareas are populated
Im using a progressbar and need to calculate what percentage to show. I want it to be the percentage of textareas that have been completed. How can I loop through these most efficiently to get the total, and the ones that are populated? Thanks! Karmoxie
[jQuery] [Validate] errorClass not set until after invalidHandler is called
This makes it very difficult to determine which element is causing the error and execute code in response. For instance, the following does not work, because there is no way to determine which input caused the error because the errorClass has not been set yet when invalidHandler is called: $('#step_1_form').validate({ rules: { category_selector: "required", zip_code: "required" }, messages: { category_selector: "" }, invalidHandler: function() { if
[jQuery] DOM state on back/forward
I have a page that is manipulated via Ajax. The user navigates away from the page or hits the back button. When they return with either back or forward, it completely resets the page to it's original state. Here is the ticket that explained to me why this is happening with jQuery: http://dev.jquery.com/ticket/3015 Here is a simple example of how I can revert the behavior and have the alert only run once as I expect: $(document).ready(function(){ alert("test"); $.event.remove(window, "unload"); });
[jQuery] $('div a.class').each ... easiest way to get "div"?
when using something like: $('div a').each(function() { // what´s the easiest way to get the "DIV" here? } "div" doesn´t need to be a parent of "a". so, I need to know the exact location (DOM-wise) of my links to get the "div". I can somehow remember that there´s an extremely easy way to get the "div", but unfortunately I can´t remember ... thanks, patrick
"*" selector for attributes?
I'm trying to write a simple little script that will write an alert if any attribute in any tag contains a specific string of characters. I can get the code to work if I have a specific attribute: var $checkDev = $("*[src*='stagingServer']"); if($checkDev.size() > 0){ alert("This page contains links to the staging server!") }; But I can't find a way to use */any attribute rather than a specific attribute. Ideally it'd be something like $("*[**='charString']") which obviously doesn't work.
[jQuery] Problem validating checkbox before allowing submit of form
Hi, I'm trying to validate a checkbox before going to checkout in a shop (without using the validate plugin), but the JQuery doesn't seem to be working at all (i.e. nothing happens). Tried debugging in Firebug, but I can't seem to pinpoint the problem. Can someone have a look and see what I'm doing wrong please? Thanks, osu HTML: <form action="/cart" method="post" id="cartform"> <input type="submit" id="update-cart" name="update" value="Update basket" class="checkout-btns" /> <input type="submit"
need help: how to pass variable to attr
code like below: var selectid = Querystring.get("id"); $('div#mainnav .mainnav[alt="selectid?"]').addClass("color"); I want to select element which attr alt = selectid(variable from querystring). How can I do that? Thanks.
[jQuery] Apply tags (bold) to selected text on page with textareas
I have what I think should be a simple problem but I keep running into walls. I am a relative newbie with JQuery so pointing me in the right direction would be greatly appreciated. I have a page with a "calendar" view of textarea boxes. Basically it's 28-31 text area boxes laid out like a monthly calendar. Users enter text in any or all of the fields and then save the form. I want to allow simple formatting to text within these fields. Initially just being able to apply bold tags will be fine. Rather
[jQuery] Internet Explorer 7 Bugs!
Hi, I am trying to run some code on my web page... it works fine in Mozilla but does not work at all in Internet Explorer 7. i am trying to use the fadeOut effect and the slideDown effect. I have a standard text link, that when clicked i want to fade away and slide down the content of the associated div. the code i am using for fadeOut is : $(document).ready(function() { $('#toggleButton').click(function () { $('#toggleButton').fadeOut("slow"); }); }); and the code i am using for slideDown is: $(document).ready(function()
[jQuery] Excluding some children in a selector
I have the following structure for tr: <tr id="world"> <td></td> <td></td> <td> <input type="button" name="hello" value="hello" /> </td> </tr> I also have the following javascript: $("#world tr").click(function() { // do stuffs }); Is there a way to prevent the above event from triggering when the hello button is clicked?
IE8 bug or jQuery bug?
Open http://jqueryui.com/demos/removeClass/ in IE8, click on Run Effect, see the animation, then click on Run Effect again and see how it is not working any more in IE8, I tried in IE7 and 6 and works perfectly. Any Ideas?
Using image title attribute for caption
Hi, I've been trying and trying to figure this one out, but can't seem to jump the last hurdle. I'm sure it's pretty simple, so maybe someone here can help. I'm trying to use the title attribute of images to create a simple caption below the image. To do so, I've been trying to wrap the image (given a class of cleft or cright depending on whether it's floated left or right) in a div and a caption that's taken from the image attribute. So far, I have: // Create caption from title attribute for images
[jQuery] Need a jQuery 'equal height columns' script
Hi All I have an old script for equalizing columns. Can't remember where I got it, but I need something similar in jQuery - I've found a few so far, but they all equalize columns that start on the same row on a page - I need something that can equalize columns that start at different heights... You can see a basic example of it here - http://jsbin.com/ofehi - you can view the source to see the script. Any links to jQuery scripts that can do something similar would be much appreciated. Cheers Sam
[jQuery] UI Dialog: how to remove the title and the X?
Hi there want to show a 'please wait' dialog with UI dialog, but cant figure out how to remove the title and the X (close dialog) as the dialog should auto-close after the content is loaded... Pleeaaaseeee... ;-) thanks :-) Gerald
[jQuery] script tag in HTML
How can I refer to multiple sources of javascript in my HTML. For example if in my HTML I already have a line such as : <script language="JavaScript" src="IPMS%20Library_files/frameset.js" type="text/jscript"> </script> Then I want to put in <script language="JavaScript" src="H:\IPMS\Library Project \jquery-1.3.2.min.js" type="text/jscript"> </script> I have tried to change the type to be say type = "text\Myjscript" and then the following; <script language="JavaScript" type="text/Myjscript"> $(document).ready(function(){
[jQuery] How do I get "Triggered" event to stop looping?
Hello, Currently opening a dialog box and then trying to trigger some code to run once the dialog box has opened. The code is triggered by the following code: $("a.addGoal").trigger('click'); The "addGoal" code runs fine, the only issue I have is that the code keeps looping. I have already tried to use unbind in the "addGoal" code block, but this interferes the creation of the next dialog box. Any ideas Martin
[SOLVED partialy] list CSS properties (per element)
Hello boys & girls. How can I list all css rules per element (eg. like firebug does)? I can ask a specific property/rule with $(...).css('property'). But how can I list through all (set) properties? Thanks for reading & even more for replying. rndrfero
[SOLVED] Traversing Children
Hi! I need to traverse some HTML to change some css properties, but can´t seem to get the right element! I think Im having some problems understanding the children() function.. Here is the HTML code: <div class="student"> <div class="title"></div> <div class="name"></div> <div class="course"></div> <div class="contact"></div> <div class="text"></div> <div class="slide" style="position: absolute; top: 365px;"> <a href="#" class="I NEED TO CHANGE THIS ONE">
[jQuery] How to cancel events
How can i cancel a change event? i have validated text boxes on change. so if its not validated i want to cancel the change. how can i do that?
[jQuery] [autocomplete] enhancement: new function to show all values even when the input contains a value already
Hi, We had the requirement to show a link next to the input field like "show options". When clicking this link the autocomplete input field should show the drop down with all the available values. That functionality is already there, but only if the input field is empty and you click/focus/keydown/keyup it. But if there is already a value inside the input field then the dropdown only shows a subset of values which match the current value (depending on some options). But what we want is that even
table sorting in groups
Hi all, I have table with folders first and then documents.I want to sort such that sorting applies to both the folders and documents but want to keep sorted folders first and then sorted documents.Is it posible with jQuery table sorter.I am looking forward to hear from. Thanx in advance dushyant joshi
[jQuery] [jQuery) IE 7 and select options, click/hover/mouseover
Hi guys, I wrote a litte code to get some tooltips in my multiple select box, if I hover over an option, the tooltip appears -> only in FF2/FF3, Opera9. IE7 doesn't do anything? Some1 else faced such a problem? I'm using jQuery 1.2.6 - btw. ex: $('#select > option').mouseover(function(){ alert($(this).text()); }) Testcase only, real code does the some thing except that a div is created. any help would be appreciated! thx for reading
[jQuery] How to block control + plus/minus key?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=iso-8859-1"> <META content="MSHTML 6.00.6001.18000" name=GENERATOR> <STYLE></STYLE> </HEAD> <BODY bgColor=#ffffff> <DIV><FONT face=Arial size=2>hey folks,</FONT></DIV> <DIV><FONT face=Arial size=2></FONT> </DIV> <DIV><FONT face=Arial size=2>how can i block control + plus/minus key on the whole page? i've tried a few scripts but none of them seem to work. </FONT></DIV>
[jQuery] [validate] Validation depending on checkboxes
hi, I have 2 fieldsets with checkboxes depending on each other. In the first fieldset, you can choose values between 1 and 6 and if you choose e.g. checkbox with the value 3, I want to have a the value 3 as the maxLength value for the second checkbox fieldset. What I just have right now: if one of the checkboxes in fieldset one ist checked, the required value of the second one is true, but I can't get the maxLength value. Here is my Code so far: function anzahl() { if ($("#anzBest1").is(":checked"))
[jQuery] How to specify a delay with bind?
Hi, I have something like: $('#myDiv').bind("mouseleave",function() { $('#myDiv).slideUp(450); }) Essentialy I have a give that appears from a click event with some content. When the user mouses out of the div it slides away. However I'd like to have some for a delay so if the users mouse pointer leaves the div but comes back in within 1 sec the div does not slide up. THis is to stop the user from accidently moving the mouse out whilst moved down the contents of the div. Any ideas on how I could
[jQuery] Problems with radio buttons
Hi all, i'm having a problem reading checked values from radio button: i have two sets of radio buttons and i need to read the value linked to each selected/checked button. Googling for answers i found this snippet: $("input[@name='NAME']:checked").val() but it only works if there's just one set of buttons on the page. If there are more then one of them (the first in the html code) "takes charge" and all the buttons return the same value. You can find a test case here: http://www.kikentai.org/jquery/test.html
[jQuery] How to get sliders to open and close
JQuery, How to make it when one slider opens the other one closes. http://sucro.se/red7e/BE/ Daniel
Synchronous getJSON request
Is it possible to perform a synchronous getJSON request similar to how ajax request can be made synchronous with async:false ? Thanks
[jQuery] need help: how to pass variable to attr in select statement
code like below: var selectid = Querystring.get("id"); $('div#mainnav .mainnav[alt="selectid?"]').addClass("color"); I want to select element which attr alt = selectid(variable from querystring). How can I do that? Thanks.
jdmenu help in IE6
I'm having an issue with jdmenu in IE6. You can view my problem here: http://www.jeffrobertswebdesign.com/monroe/ The main menu drops down just fine, but when a menu item that contains a sub menu is hovered over, the height of that menu item increases. How can I prevent this from happening? It does not happen in any browser I've tested it in other than IE6. Thanks for the help.
[jQuery] SUPERFISH - Possible to Animate LI's within UL?
Hi everyone, I've been playing with Joel's fantastic menu plugin and was wondering if anyone knows if it's possible to animate the LI's at the same time the containing UL is being animated? I've got a simple demo running that *almost* does what I want: http://www.retropolis.com/clients/etc/superfish/example_martin.html I'm making the UL's fade-in, fly up and bounce using the the animation object to alter margin-top and onShow callback to get the bounce. What I'd also like to do is animate the css
Next Page