[jQuery] ajaxForm: get XmlHttpRequest status?
I would like to be able to retrieve the current 'statusText' for the XmlHttpRequest object used internally by ajaxForm (which I'm fairly certain actually uses $.ajax()). What I want is to prevent multiple simultaneous submissions in certain cases, so a the form submission is triggered, I want to be able to check if a form submission is currently in progress, and if so, throw an alert. Any guidance would be greatly appreciated. Thanks!
[jQuery] generate AJAX data based on number of select elements
Okay, so I've been working with the Facebook Like autosuggest thing: http://web2ajax.fr/2008/02/03/facebook-like-jquery-and-autosuggest-search-engine/ I've adapted it to my system to make a request system for whatever literature people want. They select something from the results, and a div (within a form) gets populated with a li and a select box with the quantity they want of that piece of literature. So I want to send this request to the server via AJAX/AHAH/AJAH whatever, but I don't know how
looking for a vertical scrolling text script or plug
Hi, I have a content text area which has pictures under it. Sometimes the content is going to extend beyond the designated area, and the client wants custom scroll buttons and no default scrollbar. Here's a mockup of what I need to do: Can someone point me in the direction of a smooth-scrolling jquery solution? I've been poking around but can't find any solution. thanks a lot![/img]
[jQuery] jQuery multiple toggle - should be quick
I have multiple divs called article which have a show/hide link to toggle a div inside called articleBody. Problem is when I click the link all divs show/hide. The html structure is below: <div class="article"> <p class="show"><a href="#">Hide [-]</a> <div class="articleBody"><!-- Stuff i need to hide on click</div> </div> Any idea how I can change the toggle the text in show as well as just closing that one instance of div article rather than every instance on the page? Thanks
[jQuery] Error Output with ajaxForm?
I am having an issue where my "success" function is not being called, even when I return true in my "beforeSubmit". I don't get Javascript errors and so I am totally baffled. Any help... hugely appreciated. //SETUP var options = { success: show_read_response, beforeSubmit: check_read_form, error: show_error }; $('#dialog_page_read').ajaxForm(options); //CHECK function check_read_form(){ var user_name = $('#read_name').attr("value"); var user_email = $('#read_email').attr("value"); switch(true){ case
[jQuery] Slider for Gallery
i am intending to do a slider for my gallery. something like i show just 3 images 1st then have a prev & next button to slide the gallery left or right to the next 3 (or 1) items. i hope u can visualize this, i think a common effect. then for a nicer effect. say i allow user to skip to a image. say i show items 1-3, i wanna view item 23. so i shld speed and ease in/out to that. how can i do this? any plugins or i need to do 1 myself? any suggestions or directions?
[jQuery] Superfish opacity / transparancy
Hi there, I am trying to make the default superfish menu drop down items to be non-transparent. At the moment when you hover over a menu item and it drops down, it is transparent which makes it hard to read the menu text. I've tried editing the template.css and superfish.css files unsuccessfully, and also had a look at the superfish.js file and can't see where the change needs to be made, or have tried unsuccessfully to change the settings. Any help would be much appreciated.
[jQuery] preloading a div
hi i'm new to jquery and got a problem concerning the preloading of content. before changing the content dynamically i want to fade it out. so i tried this: $("#div").fadeOut(); $("#div").load(url); $("#div").fadeIn(); this works quite good. there is just the problem that the content fades in immediately after fading out - there is no time for the loading of content. a guy in the irc-channel told me to use a callback function... but i do not really understand :( can anyone help me? thanks!
Clone isn't cloning select values
I didn't expect it but the following test fails on the cloned value check: test("clone should retain values of select", function() { var select = $("<select>").append($("<option>").val("1")).append($("<option>").val("2")); $(select).val("2"); equals($(select).find("option:selected").val(), "2", "expect 2"); var clone = $(select).clone(); equals($(clone).find("option:selected").val(), "2", "expect 2"); }); Is this right?
[jQuery] truncate problem - why does it show full-size and then shrink after page load?
I'm using the Truncate plugin (http://www.reindel.com/truncate/) and when the page loads, all the DIVs display full size and then after the page load, they all shrink and show the "more" link. I look at the example on the Truncate site and it doesn't behave this way Any ideas?
[jQuery] Help, friends!
Hi all I need realize a tag cloud in style, how it done here - 4dle.ru (russian site). I khow it jQuery! Can some give me script to realize it? Please!
[jQuery] problem handling mouseover event
hi, i have several images (more icons) on the page where i want to show a div like a tooltip with more links on mouseover of these images. the class of these images is .but_plus i have a div before body for the tooltip <div id="navover">here are more links</div> .but_plus{ position:relative; z-index:5; } #navover{ position:absolute; display:none; width:200px; height:100px; z-index:1; background-color:#cccccc; } the z-index of the images is higher than the overlay, because the image should be visible
[jQuery] simple query does not work
i am making this(it does not work) : $(document).ready(function(){ $("div#photolinks img").get(0).css("border","5px solid black;"); }); if i do this: $(document).ready(function(){ $("div#photolinks img").css("border","5px solid black;"); }); it does work, whats wrong? thanks
[jQuery] Plugin Development
How would one develop a plugin which can exist multiple times on the same page, without conflicting with each others namespaces?
[jQuery] jQuery can't catch 302 status in IE, but works in Firefox
To keep the story short : After every AJAX call, I want to check the status. If the status is 302 (redirect), I want my AJAX to redirect to an URL set on "Location" header. My code is like this : <div id="session_timeout_gtbportal" ></div> <script type='text/javascript'> jQuery("#session_timeout_gtbportal").ajaxComplete(function(event, request, settings){ alert(request.status); if(request.status=="302"){ alert("302 inside");
[jQuery] persistent select through pages in data grids
Hi, I am evaluating various javascript based datagrid that i can use in my application. I want to know if its is possible that row selection persists across the page change. e.g. I select row 2,5,7 on page 1 and then i change to page 2 and select 20,25. I go back to page one ... will i get 2,5,7 pre selected ? OR is scroll pagination possible . by scroll pagination i mean AJAX loads more data when i have scrolled to last row. kind of auto pagination Thanks & Regards, saurabh
[jQuery] jquery form.ajaxSubmit under http redirect (302)
hi, I am doing a form.ajaxSubmit, the response of which is content type text/javascript that will be eval'ed on the client. The ajaxSubmit uses the post method to post the form values. The server does a redirect by sending http response 302 and the new URL redirected to, returns the above text/javascript. For some reason, on Firefox, the javascript response is not eval'ed. This works fine on IE. So has anyone encountered this problem of how jquery form.ajaxSubmit behaves on an http 302 redirect?
[jQuery] .each - how to write in my code?
Hello, I am very new to jQuery and don´t know how to write my code for every item. Here is my code for a list with hover functions, I would like for every item to be processed separately. I know about a functio that is written ".each", but can´t seem to get it to work. ------- <script type="text/javascript"> $(function() { // set opacity to nill on page load $("ul#menu span").css("opacity","0"); $("ul#menu li").each(function () { // on mouse over $("ul#menu
[jQuery] jQuery Documentation
Hi, Was wondering if there is a specific active group for the jQuery documentation project? I'd love to see a system sort of like php.net that allows users to post relevant code examples. "to do this, use this". I have trouble connecting the dots sometimes and those examples can really help. Judging from the traffic here on the list, I'm guessing I'm not alone in this (the trouble connecting the dots part). also, if we see weird stuff in the docs, who do we tell? For instance, searching for "form"
[jQuery] Function Problem
New to jQuery and trying to port a simple Select-Box-Value-Hides/Shows- a-Text-Box script from JS to jQuery. I'm sure this must be something simple, but it's driving me nuts. Note: The following function is just an example for testing. If I define & call the Function below without any parms (e.g. explicitly set the "#showwhat option:selected" inside the function), it works fine. But I have 2 Select Boxes where I need this behavior and would like (if only for the sake of principle) to be able to pass
[jQuery] Fade Pictures In and Out
Hi everyone. I asked awhile ago about fading content in and out, now I am wondering how to fade images in and out. The images will be in the background of the page (css: background-image) so I am not quite sure how I could integrate this. Any help would be appreciated!
difference between form submitting with ENTER and submit()
Hello! I'm pretty new to jQuery so maybe everything is working fine as supposed, only I'm waiting for a different result. I've got a form on my page: <form id="whois" name="searchbox" method="post" action="whois.php"> <input type="text" id="domain-name" name="domain" /> <?php some php code ?> </form> I want it to 'auto-submit' itself. This is the code for it: var keyPressed = new Array(); $(document).ready(function(){ $("#domain-name").keydown(function(e) { keyPressed.push((new
[jQuery] ajax problem in IE
I have two forms on a page (www.eastexhaust.com/inventory.php). One uses ajax to generate a part number by selecting values from a series of selection boxes. The other form emails the part number so we can reply with a quote. Everything works fine in FFox, but does not work in IE. Therefore, I have had to make things harder by asking the user to copy and paste their part number into the email form instead of having it entered there automatically. To display the part number to the user, I'm using
Fade on text in IEx goes weird
Hi, I'm fading some text in and out. When it fades out in IE 6 and 7 it becomes jagged...then it settles and renders properly. If it reduce the text size the problem is eliminated. Anyone know a fix?
[jQuery] jquery toggle class, I needed to switch class....
/////////////////////////////////////////////////// /////////// Switch Between Classes /////////// /////////////////////////////////////////////////// jQuery.fn.switchClass = function(class1,class2) { if(this.hasClass(class1)){ remove = class1; add = class2; } else { remove = class2; add = class1; } this.removeClass(remove); this.addClass(add); }; Hope this helps someone out.
[jQuery] IE8 will not perform Fade animation properly
Hello All, I am new to this forum as well as web design (started a few months ago). I have been trying to implement fade effects on my site which are not working in IE8 (naturally works fine in everything else). When it runs, the text (set within a span that has an ID) simply disappears rather than fade out. I assume this is common and that there is a way around it... does anyone care to share? Thanks, Jared
[jQuery] jQuery on a generic registration form
Hi guys, I recently wrote a simple script for registration forms. It includes AJAX checking if a username and/or email already exists, checking if passwords match, loading and reloading of captcha. I know the code can still be improved with respect to the use of jQuery and other programming practices (including documentation). I'd like to know what you think. Is it good enough? Which part would you take off? What would you like to add to it? And yeah, feel free to bash me if you have to. =D http://randell.ph/geeky/2009/04/10/using-jquery-on-a-generic-registration-form/
[jQuery] replacing entire html node & having jquery trigger document.ready again for new content
Hi, I have done a lot of searching and experimenting and haven't come up with a solution to my issue. There have been some people with somewhat similar questions, but nobody seems to be trying to replace the entire html node in a document and have all the script tags (especially including the $(document).ready() stuff). Essentially what I am trying to do (and why I'm doing it) is submit a form via AJAX that is self-posting (action=""). The back-end is done via PHP which takes care of handling the
[jQuery] Block UI and Safari search plug-in
hi everyone, I'm using Block UI plugin and I'm happy with it. I discovered Safari search plug-in and wanted to give it a try, while it works well in Safari, in Firefox and IE the search box is really messed up; I tried to hunt down the problem and it is somewhat related not to css per se but in Block UI plugin. I tried to look at the code but I cannot find any valid point where it messes up a text input field. Does anybody that uses Block UI with http://docs.jquery.com/Plugins/SafariSearch experienced
[jQuery] ajax post data json - php receives only post data, no json
hi... i have a normal email form, where the user can send an email with some data... at first i send it with normal post (no dataType in jquery)... but it was difficult to handle the returning messages from php, e.g. validation messages or ok messages... therefor i tried dataType json... like the code below... now i con better handle the returning messages, but i wonder why i still get single post data in php ($_POST['name'], $_POST['email)'] etc and NO nested json!... is there something wrong with
[jQuery] JSON , PHP, MySQL, and jQuery
I'm having trouble parsing JSON in Javascript. The response i'm getting from PHP when making a request is: [ {'name': 'John', 'lastName': 'Doe','age':'25', 'height': '170', 'weight': '120'}, {'name': 'Jane', 'lastName': 'Doe','age':'26', 'height': '175', 'weight': '121'}, {'name': 'Jack', 'lastName': 'Doe','age':'27', 'height': '180', 'weight': '122'} ] How would I go about parsing this in Javascript? Am I not encoding it correctly on the PHP Side? Here's my JAVASCRIPT: $.get("includes/functions_inside.php",
[jQuery] [validate]Submit button needing to be clicked twice.
I'm using the validation plugin from "http://bassistance.de/jquery- plugins/jquery-plugin-validation/" and I'm encountering a problem when submitting CORRECT data. When the data being inputted is all correct, I end up having to click the submit button TWICE before the data is sent to the server. What could be causing this? Here's my code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
[jQuery] cycle plugin - background color in IE?
the page in question: http://www.tiftmerritt.com/index.php?page_id=393 it seems that the cycle plugin (i'm using v2.63) is adding a white background to my slideshow DIVs in IE 6 and 7. i'm putting my slideshow on top of an image background, so i'd like to keep my DIVs transparent. the only place i can think it's happening is in the clearTypeFix function - which blows, since i'd really like to have my image caption text look nice during the fade. i thought the cleartype issue was only with IE6? any
[jQuery] Problems using JRC corner or curvycorner
I'm creating a page with many divs that I would like to have rounded corners, and several problems keep coming up. When using JRC for rounding, not all elements will round even though they have the correct class. Reloading the page will, after several attempts, create the rounded corners, though sometimes some elements will never round. This is even more problematic when the div has a border; I can see the rounded bg but the border is still square. Again, after repeated reloadings (3 or 4 times)
[jQuery] Slider Range
Hi, Im trying the Slider range and set min and max values. How do I set on load the max value to be 'No Limit' like www.century21.com ? Thanks, Lstr
[jQuery] addClass (et al) malfunctioning in IE7
im trying to perform a simple $(element).addClass('className', 1000); and while it runs smoothly in FF, IE7 is broken. the line of code is executed, but the element doesnt alter its appearance. when a second line of removeClass is executed, the element takes on the appearance of the 'className' class, with no animation. meaning it does the opposite thing and misses the morph.. ive spent a number of hours now, playing with code, trying to do the same thing through an .animate() function, etc. ive
[jQuery] jQuery on a generic registration form
Hi guys, I recently wrote a simple script for registration forms. It basically includes AJAX checking if a username/email exists, checking if the passwords match, loading and reloading of captcha. I feel like there's a lot to improve in this simple script. It would be great if you can bash my code and point out the parts that can be improved. Here it is: <a href="http://randell.ph/geeky/2009/04/10/using-jquery-on-a-generic-registration-form/">http://randell.ph/geeky/2009/04/10/using-jquery-on-a-generic-registration-form/</a>
[jQuery] jQuery SL - jQuery Silverlight Plugin Feedback
Hello guys, I am working on "jQuery SL" plugin: http://code.google.com/p/jquery-sl/ Which helps with embedding Silverlight files into web pages and also simplifies interoperability between Silverlight objects and JavaScript. I need your feedback and ideas how to make it better and which functionality is needed the most. Hope to hear from you, Koistya
[jQuery] sidebar menu
hi friends, i want to know how to create a floating sidebar menu. which expands and colapses on clicking. this side bar would open from left to right. I have seen this many site and want to know how to do it using jquery. kinda similar to this http://www.cssnewbie.com/example/popout-ad/ but i wish to put in a menu( list of links) i want the div to pop out from left-right
[jQuery] Simple HTML swap question
I have a simple index page with 3 links(with separate ids) and a empty <div></div> tag(with an id). I am able to get content to load into the empty div tags but I am also repeating jquery code to do so. I have limited experience creating variables and switch/case statements and I'm thinking that's the best way to go but can't get the code to work. Here is the code I have so far: $(document).ready(function() { $('#letter-a a').click(function(){ $('#dictionary').load('a.html'); return false; }); });
Next Page