[jQuery] multiple load .ajax on click then ajax form
Hi all, I've got some code kinda working, but I think the way i have done it is very inefficient. What I'm doing is loading a form via when the user clicks a link. The form is then processed by the and the results updated via the ajax form plug-in and another .ajax call. However, for each different form called and resulting ajax response, i'm including the same code again and again. I've been trying to set this up so that the form and resulting responses are submitted via variables, but I've run
[jQuery] How can I show/hide table row as it is a div?
I have tried $("#row1").show("slow") but it doesn't work. Is it possible to show and hide a table row as it is a div? Sebastian
[jQuery] Submitting form with return key using Form Plugin (Ajax) doesn't work
Hi there. I'm using the Form Plugin (http://www.malsup.com/jquery/form/) to use Ajax on my forms but I'm having a little problem with it. I have this HTML form: <form id="loginform" action="{Admin:BaseURI}/index.php" method="post"> <div> <input name="internal" type="hidden" value="login" /> <strong>Username:</strong><br /> <input name="login_username" type="text" size="25" /><br /> <br /> <strong>Password:</strong><br /> <input name="login_password"
[jQuery] $(document).ready does not work in IE
Hi All A simple script starting from $j(document).ready( function(){ ........ }) Does not work in IE (FF and other browsers are OK). Placing it before </body> makes everything working. It looks as IE tries to execute the script before building DOM tree, though (document).ready implies that it should wait for DOM. Am I missing something here? Plese, advise, Thanks A
[jQuery] Replacing elements while retaining attributes
Hello all, I'm trying to dynamically configure the options in a <select> element based upon selections in a series of radio buttons. My first inclination was to apply a class to all of the <option>'s matching the value of the checkbox <input>, and to then apply the disabled="disabled" attribute too all of the matching <option> elements. If only it were that easy.. IE doesn't support that attribute, and all the workarounds are a bit silly (using CSS to color an option, and doing various things to
[jQuery] jQuery 1.2.2 Event API
Congrats jQuery Team on the release of 1.2.2! I'm interested in the new Event API that was briefly mentioned in the release notes -- is there a place for full (or in-progress) documentation on it? it sounds like the sort of thing that could be quite useful in some current projects. Thanks!
[jQuery] Horizontal mouse scroll wheel
Hi everybody! (my first post in this group) I was surfing around some typography related sites today, and I came across a site that was designed horizontally. <a href"http:// www.itamarlerner.com/">This site</a> (not my site) made me wonder if there is an easy way to assign the x-axis to the mouse scroll wheel? The behavior may not be as intuitive as the vertical scroll, but it would be cool if it is possible. - Martin
[jQuery] Congrats
Just a quick thanks to the jQuery team for the new release, the fix list is huge :) At least one bit of IE7 weirdness has been resolved outright by updating to the new ver. Several other improvements also look really promising, so well done all! /Serializer
[jQuery] IE7 fadeOut table row?
I am having trouble getting a table row to fade out an dlook good in IE7. It basically doesn't work, the text turns slightly rough looking for a second and then disappears. Works fine in FF though. Has anyone achieved this effect?
[jQuery] Trouble with jQuery 1.2.2 and Drupal 6
We're rushing to get jQuery 1.2.2 into Drupal 6 core before it is released. However we're having some problems due to some of the changes introduced. Anybody with any insight to the changes, we could use the help! http://drupal.org/node/210131 1. .clone() is breaking Drupal's scrolling table header in IE7 that tracks the viewport on long pages. I think it has something to do with the .clone() changes. The file in question is tableheader.js 2. .ajax() with JSON. Hacking our .ajax request to a POST
[jQuery] addClass and removeClass not working in IE
the addClass and removeClass not working in IE for me , this is my code // check if previous/next button should be enabled if ($(handle +' #histogram .active').attr('name') == '10') { $(handle +' #edit-next').addClass('disabled'); $(handle +' #edit-previous').removeClass('disabled'); } else if($(handle +' #histogram .active').attr('name') == '0') { $(handle +' #edit-next').removeClass('disabled'); $(handle +' #edit-previous').addClass('disabled'); } else { $(handle +' #edit-next').removeClass('disabled');
[jQuery] [Release] jQuery Validation plugin 1.2 Release Candidate 1
Hi folks, the 1.2 release of my jQuery validation plugin is mostly done. I'd like to ask for feedback on this release candidate: jquery.bassistance.de/validate/jquery.validate.1.2.RC1.zip Especially if you are already using the plugin, please give this update a try! I can help you fix any migration bugs, should they occur, immediately, while your feedback assures a stable release. You need to include the plugin itself, of course jQuery, and the delegate plugin (lib/jquery.delegate.js). If you aren't
[jQuery] Happy Birthday jQuery
a little late, I know..... but I also wish to thank all the developers and the community for releasing and supporting such a great product! Thank you Thank you Thank you! http://www.lightwavers.net/dadda/hbjq.html to much candles... Sorry! cheers tom
[jQuery] script works in firefox bu not in IE or Safari why???
The script presented here works like a charm in firefox 2. But it doens't do anything on IE or safari. What it is supposed to do is take the name of a input field then the id if it is text, div. then change the color depending on the id of the input field if it is text then change the text color. if it is div change the bgcolor of the div. $(document).ready(function () { $('input[name]'),$('input[id $=div]').change(function(){ $ ('#'+this.name).css('background-color', this.value); }); $('input[name]'),$('input[id
responseText.split [SOLVED]
Please why is that code not working? $('#magazineOne').submit(function() { $(this).ajaxSubmit(options); var response = request.responseText.split("<!--error-->"); if (response[0] == '') { return true; } else return false; });
[jQuery] How to select the last item in a collection?
I made a script that makes a div clickable by selecting all <div class="click"> and setting the onclick event to go to the href of a link. Everything worked when i selected the first links href attribute. This works and selects the first a element: location.href = $(this).children('p').children('a')[0].href; But I made a HTML change and now want to select the last a element's href attribute. However I must be messing up something. This does not work: location.href = $(this).children('p').children('a')[$
[jQuery] animate
Hi, everyone! I haven't found in docs, how can i stop an animation of 1 css rule without touching everything other? for example: $('div').animate({width:'+=300'}, 'slow'); $('div').animate({opacity:'hide'}, 'slow'); $('button').click(function(){ $('div').stop('width').animate({width:'-=300'}, 'slow'); }); And maybe it's good itea to have namespaces for animation just like at events: $("#block1").animate( { width: "90%"}, { queue: false, duration: 5000, namespace:'blah-blah' } ) $("#block1").stop('.blah-blah');
[jQuery] slideup/slidedown flicker
I have seen this issue raised before but I haven't seen an answer to the issue yet for v1.2.1. If the answer does exist then please let me know and apologies for missing it - but just in case..... I get a flicker when i use slideUp immediately after the element should disappear. This ONLY happens in IE6. The flicker also occurs just before I then use slideDown to replace the lement that was closed. So two flickers showing the underlying content. The process goes... div slideup -> closed div flickers
[jQuery] animate
Hi, everyone! I haven't found in docs, can i stop an animation of 1 css rule without touching everything other? for example: $('div').animate({width:'+=300'}, 'slow'); $('div').animate({opacity:'hide'}, 'slow'); $('button').click(function(){ $('div').stop('width').animate({width:'-=300'}, 'slow'); }); And maybe it's good itea to have namespaces for animation just like at events: $("#block1").animate( { width: "90%"}, { queue: false, duration: 5000, namespace:'blah-blah' } ) And one more: can i run
[jQuery] Load JavaScript in order with IE
Does anyone know how to make IE load and run empty.js before it alerts "second"? Here's how I started doing it. But this doesn't work. document.write("<script type=\"text/javascript\" src=\"/javascripts/ empty.js\"><\/script>"); document.write("<script type=\"text/javascript\">alert(\"second\")<\/ script>") This works if IE has cached empty.js. setTimeout(function(){ var el = document.createElement('script') el.type = 'text/javascript' el.src='javascripts/empty.js' document.body.appendChild(el) },1)
Just because..
Just because I am a nice guy, I would like to ask permission to post a link to this forum on my blog. You guys have been a great help, and I am currently in the process of writing a long post about jquery, and would like to reference the site for a great place to come for help with jQuery. Any objections? www.wiredbyte.com
[jQuery] middleclick event
Hello, I'm working an a very simple behavior: capturing clicks on anchors. Binding the click event and doing the rest of the logic is easy. Problem is the middle click (opens the link in a new tab) and both available options in the context menu: open in new tab/open in new window. While it's hard to imagine that the browser fires an event for the clicked option in the context menu, I'm looking now for capturing the middle click. And I've been looking for it for some time now. The close I get to my
[jQuery] Knowledge :
Knowledge : Knowledge is the eye of desire and can become the pilot of the youl --- Wll Durant Please see the website : **************************************** http://padmagirl.blogspot.com **************************************** thank you for your cooperation with regards kayal
[jQuery] scrollpane and lightbox conflict
i can't seem to get any kind of a lightbox to work with a scrollpane can anyone out there help me??
[jQuery] IE 7 show/hide/slide problems with Jquery
Hi all Apologies if this has been covered elsewhere, i had a good look but couldnt find this issue highlighted. The problem I am encountering is with some show/hide commands in IE7. Every other browser, including IE6 performs the required actions correctly - its just IE7!!! if you go to this address: http://www.top10-broadband.co.uk/speedtest/ you will see the various jquery based anctics I am trying to run. If you then look at it in IE7, you will see that the browser ignores the hide/show commands
Favorite jQuery dropdowns?
At my work they've traditionally used ypSlideOutMenus for dropdown menus, but I'd like to take them into the jQuery world to provide a faster, more customizable solution. That said, what's your favorite jQuery dropdown? Most of the ones I've seen just do height:show, but I'd like to see some that actually move the menu into position. For example: Women's Fund (using ypSlideOutMenus); here the menu actually slides down. Bonus points if it supports multple nested menus (flyouts from the dropdowns).
[jQuery] Help with Element Replacement on Page Load (with fade effect)
Hi All, I'm still getting my feet wet with JQuery and am having some trouble trying to accomplish the following: I'd like to have one HTML element (in the case of the example below its a <div class="initial"></div>) be replaced by another HTML element (again in this case its <div class="replaced"></div>) when the page/ DOM containing these elements is loaded. Additionally, I'd like the initial element (<div class="initial"></div>) to fade out visually and the replaced element (<div class="replaced"></div>)
[jQuery] jQuery Form Plugin, and ajax submit without submit button
Hi, I'm using this fantastic plugin but if I try to submit the form using $('#form_id')[0].submit() the ajaxform it's not fired, it behaves like it's a normal form, and I'm redirected to the ajax page. What I want to do is to submit the form when I check a checkbox. Can you help me? thank you
[jQuery] New to JQuery with error message
Dear all: I am new to JQuery and encounted this error message just load the latest JQuery library. Following is the code: <script type="text/javascript" src="http://tana.am.lilly.com:9045/pgi/ js/jquery-1[2].2.2.pack.js"></script> And here is the error message: A Runtime Error has occurred. Do you wish to Debug? Line:339. Error: Object doesn't support this property or method. Any suggestion is greatly appreciated. thanks much -Jian
[jQuery] Form plug-in: problem with POST
Here's a tricky one that no one on my other favorite javascript forums where able to answer, so maybe the expert jQuery crew knows what's going on: My form: <html> <form id="myForm" action="functionLibrary.php?function=formSubmit"> <input type="submit" value="SEND FORM"> </form> </html> My javascript/jQuery: <script> $('#myForm').ajaxForm({ type: "POST", success: showResponse }); function showResponse(responseText, statusText) { alert(responseText); } </script> functionLibrary.php: <?php
[jQuery] [Tabs3] Changing url
How you change the url of a tab 'on the fly' ? for example, clicking the second tab change the url of the first tab? thanks
trying to understand js/jquery syntax [solved]
The jquery crash course is great and I have found the How to Get Anything You Want tutorial vital in getting as far as I have with this problem. I've been at it for half a day but I just haven't got a grasp of js syntax yet (am loving that jquery is close to css which is why I have gotten this far!) Rather than spend ages outlining the issue and dumping a whole lot of code and urls here I will ask just small syntax questions at a time - that way, those of you blessed with the ability to comprehend
[jQuery] Transfering data between parent and child
I have written a web application using jquery that uses the tabelsorter UI plugin. The table is built at the time the page is loaded using XML from the server. I am trying to allow users to export the data on the page to an excel spreadsheet. This is done by taking the data from the table and posting it to a PHP file I have. Posting this data rather than pulling it from the server again preserves user defined sort order and ensures that the user is exporting what they see on the screen, not any updates
[jQuery] Need to slide my grid/table with a "slider" like control.
I have a table with both Row Header and column headers. However, this table's width goes beyond the page. We don't want to use the horizontal scrollbar, instead would like a slider like control that will keep the row headers sticky but would scroll/move the table colums left or right as I am moving the slider. The slider control would sit at a little( 20 pixels) distance from the bottom of the table? If there is no such plugin, could you give me some pointers on how to tackle this? Thanks, Monica.
[jQuery] attr - problem getting attributes in IE6 ... IE7 and FF are fine
in this issue First off ... i'm using ajax to pull elements into the DOM. So my code uses this (there are probably better ways to do this) ... $(document).ready(function() { $('body').click(function(event) { if ($(event.target).is('.touchRfq')) { var touchco = $(event.target.id).attr("name"); alert(touchco); }); }); why isn't this grabbing the name on this? in IE7 and FF2 it's fine ... but IE 6 fails to grab the "name" attribute. any thoughts?
[jQuery] IE6, the Starts-with Attribute Selector, and the # Sign
Hello, I'm using jquery to grab all of the links in a page to named anchors, like so: $("a [href^='#']") This works fine in Firefox, Safari, and Opera, but not in IE6. The issue seems to be the pound sign (#), because IE will work fine if I do something like this: $("a[href^='/test']") Am I doing something wrong? This issue is happening to me with both 1.2.1 and 1.2.2. Thanks for any help! Jeff
[jQuery] possible to know if page is transitioning ?
Hi - is there an easy way to know if a page is transitioning ? I.e. when I click on a link and the page is waiting to navigate elsewhere ... Jonah
[jQuery] Sorting with each()
Hi all, I'm looking for an elegant method to sort elements returned from find() or an each() callback. Currently I'm dumping the elements' text into a Javascript array with push(), then sorting the array with .sort() and printing the results with a for() loop. This works well, but it doesn't seem like the jQuery way to do it. Any suggestions? Jonas
[jQuery] IE 6 crashes on effects example documentation pages
Hello, I'm finding that the effects example pages on the docs site are crashing Internet Explorer 6 when closing the browser. For example, I access: http://docs.jquery.com/Effects/fadeOut Then I click the paragraph, which fades out (though with jaggedy text as noted in an old post to the newsgroup here--not smoothly as in Firefox). Then I close the browser and get the following error: "An unhandled win32 exception occurred in IEXPLORE.EXE" This happens probably 9 out of 10 tries with IE 6. Again,
[jQuery] How to make opacity animate with IE6...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <HTML> <HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <META NAME="Generator" CONTENT="MS Exchange Server version 08.00.0681.000"> <TITLE>How to make opacity animate with IE6...</TITLE> </HEAD> <BODY> <!-- Converted from text/rtf format --> <P DIR=LTR><SPAN LANG="en-us"><FONT FACE="Consolas">My opacity animation looks great in FF and IE7,</FONT></SPAN></P> <P DIR=LTR><SPAN LANG="en-us"><FONT FACE="Consolas">but doesn</FONT></SPAN><SPAN
Next Page