[jQuery] Puzzling problem with form buttons upon submission
I ran into a rather curious problem today with jQuery (link to the code at the bottom). The form: - I created a simple form with 1 hidden field and 4 buttons: - 2 <input> buttons of type="submit" and type="button" - 2 <button></button> buttons, also type="submit" and type="button". - The 4 buttons have their class attribute set to class="submit" - The form is submitted to an iframe within the page. Therefore upon submission, the page should not entirely reload, only the iframe gets updated. The jQuery
[jQuery] menu on hover
Theres any plugin to implement a sitemap like http://www.elpais.com (the last link in the footer of the page "Asociadoss") or like http://www.lanacion.com.ar/ (link at the bottom "MAPA DEL SITIO" near the rss icon) thx.
[jQuery] jquery.ajax POST is getting a 400 error intermittently
I am using jQuery ajax, served up on AIX, IBM HTTP Server and Websphere Application server When making a jQuery.ajax type:'POST', sometimes the reponse is: HTTP/ 1.1 400. This is not happening consistently. I see the 400 status code in the web server logs. Has anybody else run into this issue before? Here is the jquery ajax call code $.ajax({ url: url, type: 'POST', data: { client: $('#txt1').val(), trigger: 'reload', product:product }, dataType: 'xml', async: false, timeout: 10000, success: function(responseXML){
[jQuery] jquery.ajax POST is getting a 400 error intermittently
Hi, I am using jQuery ajax, served up on AIX, IBM HTTP Server and Websphere Application server When making a jQuery.ajax type:'POST', sometimes the reponse is: HTTP/ 1.1 400. This is not happening consistently. I see the 400 status code in the web server logs. Has anybody else run into this issue before? Here is the jquery ajax call code $.ajax({ url: url, type: 'POST', data: { client: $('#txt1').val(), trigger: 'reload', product:product }, dataType: 'xml', async: false, timeout: 10000, success:
JqGrid Specifc JSON data format.
Hi, I am using JqGrid and trying to paint my first Grid using a somple data returned from JSP/Servlet web container. I am usning Json-Lib library to convert my collection of JavaBeans into JSON format. But JqGrid seems accept a little different format. Does anyone know how can I can achieve converting a List of POJO into JqGrid specifc JSON data. Here is the difference ion format: JqGrid Format: ------------------ { total: "xxx", page: "yyy", records: "zzz", rows : [ [id:"1", cell:["cell11", "cell12",
help with transition effect for a VERY simple small gallery
I'm working on a very simple gallery for a site I'm building which consists of four thumbnails and 1 large view image. At the moment, when a user hovers the thumbnail, the large view image changes to the image in the thumbnail. I'm new to jquery and I was hoping someone could help me out getting a nice transition effect, ie - when a user hovers a thumbnail, the large view image fades in over the existing one rather than the immedite switch currently happening. JS is $(document).ready(function(){
This should be really simple!!!!
HI. I have a rollover. I want the same action to be applied on click(). So when you hover over the link the state changes and when you click the state changes. Simple!! However, i have tried various ways of doing this yet it never seems to work. My current code is... $(document).ready(function() { $("#tabs a").hover(function(){ $("#tabs a").css({color:'#6699CA'}); $(this).css({color:'white'})}, function(){ $("#tabs a").css({color:'white'});}); }); How do i edit this code to include on click()???
slideshow effect with JQuery but on more than one div
Hello all, I am new to JQuery and what I am trying to make is a slideshow on three different images, one positioned in the far left, the other in the center and the 3rd in the far right of the page. When the page loads, the first image will appear with a fading effect, then it will fade out and the 2nd will appear fading in then it will fade out and then the 3rd will appear fading in. Then this whole slideshow will repeat over and over again. Searching the web, all I found is slideshows but always
[jQuery] event binding at bottom of page instead of ready() pitfalls?
Anyone have a link to some good info on or an experience based opinion on what risks I might face if I were to do my event binding at the bottom of my html instead of in the DOM ready? Not pretty but the objective would be to get the events working when the page is loaded, but right before some slow 3rd party JS which delays the DOM from being considered ready.
[jQuery] Superfish - sf-breadcrumb question
This regards using Superfish in a common navigation element. I'm finding that I need to have "sf-breadcrumb" on one of the sf-menu list items in orde for the matching sf-navbar to appear onload. I've been trying to use jQuery to remove the hard coded class and use addClass to add "sf-breadcrumb" to the element that matches the correct section. ex: Nav element 1 > subnav 1, Nav element 2 > subnav 2, etc. Here's the script I'm using: <code> $jq("#nav").superfish({ pathClass: 'current'} ); $jq("div#navbar
scaling rollover image in JQuery
Hi Guys, Newbie here! I'm currently working on a project, which requires a similar effect to the gallery rollover of what is shown here for Spry: http://labs.adobe.com/technologies/spry/demos/gallery/ From what I have gathered from other forums, the best approach is to create a placeholder which is populated with the content that the user rolls over (ie the image), and then the placeholder gets positioned over the image, and scales up. The HTML code is: <div id="hoverPlaceholder"> <a href="##"
[jQuery] Superfish + IE7 dean edwards project
Hi, I'm just trying to integrate the IE7 project with a superfish plugin/ menu in a horizontal menu It works perfect but when I include this line <!--[if lt IE 7]> <script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/ IE7.js" type="text/javascript"></script> <![endif]--> it breaks completely the menu, displaying every item as a 100% width !! Any suggestions? Cheers
[jQuery] [Superfish] pure CSS hover problem
Hello everybody, I have a menu that is similar to the fourth example on <a href="http://users.tpg.com.au/j_birch/plugins/superfish/" target="_blank">http://users.tpg.com.au/j_birch/plugins/superfish/</a>. The problem exists only if JS is deactivated. If for example the second menu item is activated and I hover over the first menu item (long menu item) I still see the last submenu item of the second menu (subitem 2d). The reason of this behaviour is that on hover the submenu items get a higher index
[jQuery] strange IE behavior with Superfish
I'm using Superfish for the top horizontal drop-downs on http://www.tapestrydirect.com/. It works great in Firefox, but in IE7 the width of the submenus expands an additional 20 pixels or so after initially appearing on hover. Anybody know why this is happening? Thanks
[jQuery] Exchange a Superfish menu with an Accordion.
I have a menu on a site I am working that by default uses superfish. However, the client would like to have a button that users can click that would change the menu to an accordion; without reloading the page. I assume I need to first remove superfish. Right now, the menu works great with superfish, it works great when I only have the accordion enabled, and I can switch from accordion to superfish with no problems.... SO, my question is, How can I reset an element that I have applied superfish too?
Title change for the forum
Hey guys, Thanks for making the forum. Could I ask you for a slight change? The name "jQuery" is actually spelled with a lowercase "j". You logo is using an uppercase. Could you make the quick change of updating that? Thanks, Rey Bango jQuery Team
[jQuery] Jquery uploader script problem
Hi to all, i've a little problem with this script, i can't make it works in ie. The problem is that it always opens a new windows when i submit the upload form, even if i use the target property to a just created iframe. In FF, it will target the iframe as expected. Can you help me? Here's the code: function createIFrame() { $("<iframe></iframe>") .attr("id", "uploadFrame") .attr("name", "uploadFrame") // .attr("src", "javascript:false") not working .css("position", "absolute") .css("visibility",
Dom Ready After Dom Ready
I have some jquery functions that need to be ran in remote pages (called into the parent page). Since the document ready is already loaded, the remote pages cannot run the functions they need to run during dom ready. Any ideas on how I can help these remote dom ready functions without putting them in the parent (initial) dom ready? Thanks.
.click() not noticing new form elements from .load()
Situation: I have a form with checkboxes for all UK Universities, due to the size I have an A-Z control. A's are default, and selecting a letter uses load() to replace the inputs with the new universities starting with that letter. So the form doesn't forget the clicked inputs, changing a letter first writes all the ticked input values to a CSV in a hidden input by the same name. The Problem: I have a click() function in the $(document).ready() that will remove a deseleted value from the hidden input.
Circles and triganomatry
I need to add some divs to a circle, which I have done however they are not consistant. I think my cos and sin equation is wrong, can anyone help?? $('.box').each(function(i) { var boxw = $(this).width() / 2; var boxh = $(this).height() / 2; ii = i + 1; var angle = Math.round(pincr * i); // gets the angle for each li 2*Math.PI/360 $('#results').append('<em>Next Angle: ' + angle + '</em><br />');
Indentation
How can I add a sub row in a table by clicking on the button. The click will add subrows in the selected row? How can I create this chain effect.
Xml and xpath
I am trying to load an xml, and then to query it using xpath. i've tried this: $.ajax({ type: "GET", url: "Menu.xml", dataType: "xml", success: function(xml) { $(xml).find('/Root/Item').each(...); } } It didnt work, i've also tried this: $('/Root/Item',xml); and it also didn't work. How can i query only for item nodes that are under root? I know that i can do this: $(xml).find('item'); - But this returns me all item nodes regradless if it is the first child of root or not. PLz help me
Slide up slide down doesn't slide smoothly
Hi there I have just written my first script using JQuery but the animation when sliding up does not seem to work smoothly. (I have tested in IE 6 and Safari so far). Please help. Script sample: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <title>Animate me: Using Effects</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script> <style> // CSS goes here </style> <script type="text/javascript"> $(document).ready(function()
[jQuery] How can I return some value in jquery's callback function?
it didn't work when I 'return true' or 'return false', is there some way to get it? ============================================================== var url='http://localhost/coudou/check/register.php?email=' + str; $.getJSON(url, function(res){ if(res.registed){ return true; // not work }else{ return false; // not work } });
[jQuery] Lightbox overlay, fade out background
Hey guys, I have been looking at some code of lighboxes and am trying to fade out the background like you see when you look at lightbox scripts. I am trying to get some code from other plugins but it is kind of a mess. Do anyone of you know how to fade out the background add an overlay with an opacity, to cover the entire page? Thanks, Ryan
[jQuery] jQuery Tooltip plugin "speech bubbles" over image map
I am attempting to adapt the tooltip plugin to work with an image map, but I can only get 'standard' pop ups to function over map objects. Has anyone been able to make the tooltip plugin work with an image map and "speech bubbles" (fancy decorated popups)? Ideally I would like to get this working, and possibly with a :hover for the map areas for highlighting.
[jQuery] Expand Upward
Hey, I was wondering if anyone knew of a way to get the div to expand upwards? Something like this (http://docs.jquery.com/Effects/ slideDown#speedcallback) just instead of expanding downwards have it expand upwards. Any help would be awesome. Thanks in advance. - Douglas Mellon
[jQuery] set rounded corners to multiple divs
Hi All, I am using the rounded corner script on one of my sites. I am using the below to round a corner on a div called 'rounded'. my question is, how can i apply this to multiple divs ... for example apply it to a div called #one, #two and #three. thank you <script type="text/javascript"> $(document).ready(function(){ $("div.rounded").corner('round 5px'); }); </script>
Making content hidden by jQuery visible when printed
Hi, I'm using jQuery to show and hide a div of content when the heading above it is clicked. However, my client requires the page to be printable and the content inside the div to be printed regardless of whether its current state on screen is shown or hidden. Here's the code I'm using: $(document).ready(function(){ $(".facts div").hide(); $(".facts h2").click(function(){ $(this).next("div").slideToggle("slow") .siblings("div:visible").slideUp("slow"); $(this).toggleClass("active");
[jQuery] Float div to left of jCarousel???
I'm having some trouble positioning jcarousel on the same line as and to the right of another div. I would typically do this by placing float: left on the left-placed div, but this apparently has bad consequences for jcarousel. In FF, the clip div gets displaced to the right, and in IE the entire jcarousel container gets pushed to the right by the same amount as the width of the div I am trying to float in front of it. Has anyone done anything like this or have suggestions on how to solve? Code below.
[jQuery] jQuery + AWS = Fun (and a new search engine)
Hey, Just wanted to show off my new search engine, built using jQuery and Amazon Web Services: http://bigbooksearch.com/ It's a multi-purpose image search, useful for finding cover art, obscure novels and albums, and things you forget the name of, but know how they look. Here's what I'm using: jQuery 1.2.6 jQuery UI Slider 1.6rc2 Center (for the about box) Mouse Wheel (slightly tweaked) jQuery really makes it fun to develop new tools. Keep up the great work! :)
[jQuery] Parsing JSON with JQuery
Hi, I have the following JSON data: {"field1":null,"field2":null,"field3":null,"field4":null,"employees": ["Joe","David"]} I'm using JQuery autocomplete and just need the values from employees (Joe and David). Right now I have this in my JavaScript" $("#myinput").autocomplete("myaction.action", { delay: 10, minChars: 3, matchSubset: 1, matchContains: 1, cacheLength: 1, autoFill: true, formatItem: formatItem }); function formatItem(row) { return row; }; but what this does is return the entire row
[jQuery] [treeview] Suggestion: function callback after async update
Just a quick suggestion for future versions of treeview: I've added if (typeof(settings.asyncload) == 'function') { settings.asyncload(container); } at the end of the async load function to be able to inject some of my own code after an AJAX request.
[jQuery] blockUI:
Hi! My website uses ajax to refresh various elements in the course of the user's navigation. I would like to display a "please wait" message in the element being refreshed and blockUI is the perfect candidate for that. However, there are many elements concerned, and i would like to systematize the blockUI calls. In blockui doc, there is a nice simple way to systematize its use: $().ajaxStart($.blockUI).ajaxStop($.unblockUI); Now, i would like to know if it is possible to customize this call so that
[jQuery] jqModal and IE6 - flag continues to wave
We noticed that in IE6, in our code and on the examples, if you open the modal, the IE flag icon waves and doesn't stop. Also, when the modal is closed, the flag continues to wave. http://dev.iceburg.net/jquery/jqModal/#examples We asked on the IRC channel, and someone suggested that we trying substituting line 62: i=$('<iframe src="javascript:false;document.write(\'\');" class="jqm"></iframe>').css({opacity:0}), with: i=$('<iframe src="/blank.htm" class="jqm"></iframe>').css({opacity: 0}), This
[jQuery] Animation Question
Right now, I have it so that the menu animates as follows: animation : {opacity:'show',height:'show'}, How would I go about coding the js so it animates out in the opposite effect animation {opacity:'hide',height:'hide'}? Example of what I have so far can be seen here: http://zidea.zidea.com/test/about.html
[jQuery] jQuery Ajax load problem
Hi, I am using jQuery 1.2.6, and also have Prototype 1.6.0.1 and Scriptaculous 1.8.1 in my page. I have pretty much everything working without receiving any javascript errors, but for some reason the ajax load script is not working: jQuery(".tablesorter > tbody", "#tab").load(path, data, function(responseText, textStatus, XMLHttpRequest){ // do stuff here }); This should load html into the tbody tag, but instead it is wiping out everything in the .tablesorter table, including the thead and the tbody
[jQuery] Changing the SRC of an iframe
I currently have this function set up: function link(win,url){ if(url){ $(win+' > iframe').attr("src",url); } setFocus(win); } And I don't get any errors in the console. win is a div that contains an iframe hence the child selector. I've tried a few different things but o no prevail... Help is appreciated :)
[jQuery] accessing Object properties in getJSON function call
Hi all, I trying to understand the right way to access the properties of my object from within a function called by the $.getJSON function. Here is an example of what I have: function MyWidgetObject(_parentObject){ this.parentObject = _parentObject; this.jsonFunc = function(){ $.getJSON("json.js", this.processJSONFunc); } this.processJSONFunc = function(jsonObj){ //this doesn't work, tells me its undefined alert(this.parentObject); //this DOES work alert(_parentObject); } } My question is: what is
[jQuery] selector to .wrap multiple elements in HTML
I am trying to figure out how to select 3 elements that occur together and wrap all 3 together (not individually) in a DIV tag. This is what I have: <h1>...</h1> ... ... <h1>...</h1> ... ... and I want to turn that into: <div class='fade'> <h1>...</h1> ... ... <h1>...</h1> ... ... </div> I have tried using the ("h1 + p + p") with .wrap, but this seems to detect the trio, but only wrap the last p. How can I make it wrap the trio together? Thanks! -Adam
Next Page