Hide not working on FF
I was always told that jQuery worked just fine on both navigators, but Im started to think its not like that. Im doing a form, divided in 3 divs, each of them has 3 questions. You can only see 3 questions at a time and once you filled a set of 3 questions that div hides, and the next one appears, you fill correctly the 2nd one, it dissappears and it appears the last div. Well that's what happens in IE, but not on FF. Apparently FF doesnt like to Hide divs in a form. Could you confirm this?Do you
Ajax+Jquery withe IE causing problems
Hello, my code works fine with fire fox but for some reason it fails to work on IE. I think it's mouseup event that crashes it. The events just stops happening but mouseclick events still work. Here is the code where the event is defined: $("#report").mouseup(function(){ var str = $("#report").val(); if(str == "concreport") { $(".building").hide(); $(".info").empty(); $("#submit").attr("action", "PDFconclusion.php"); } else if(str == "mappingreport")
[jQuery] Hide function in IE
Hi. I'm building a website, and use your framework to hide/show a div. This work, but in IE when click to hide/show the div, the background became black, instead to maintaine the image with alpha properties... In Firefox, Opera and Chrome works fine. Why this append? Thanks in advance, pmni
Menu - SlideDown SlideUp
Hi all Im pretty new to the JQuery world, and am trying to modify the following code so that it slidesDown and slidesUp on hover (mouseover/mouseout), however the mouseout isnt working properly as it dissapears completely rather than doing the slideUp effect function menu(){ $(" #nav li").hover(function(){ $(this).find('ul:first').css({visibility: "visible",display: "none"}).slideDown('fast').show(); },function(){ $(this).find('ul:first').css({visibility: "visible",
[jQuery] Right-To-Left Menu
It is possible to show menus from left to right in Right to Left, For example menus open in left side of Items.
Sync animations
Hi, how do you syncronize separated animations? // instead of: $('hoho').animate({ top:100, left:500 }); // i want to separate the commands like: $('hoho').animate({ top:100 }); $('hoho').animate({ left:500 }); But the last code animates chronologically Please help
[jQuery] ajaxSubmit disabled fields using Forms plugin
the HTML spec says that disabled fields aren't submitted during post- back... but I want them to be submitted with ajaxSubmit using the Forms plugin. is this possible with an option now? or something I have to work around?
Image replace opening in new window
I'm having trouble doing an image replace. When you click on the thumbnail link to replace the large image, it opens in a new window instead of replacing the current image. Let me know if you have any questions. Hopefully you can spot my error. Thank you in advance for any help. <!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"> <head> <meta http-equiv="Content-Type" content="text/html;
Alternate (kinda) color rows
I would like colored rows that alternate, the code for that i know is simple, but my problem is that i don't want rows to alternate everytime. In other words sometimes i may have 3 consecutive rows with one color and then 2 rows with another color. I don't know exactly after how many rows the color will alternate as that is based on some logic. So i can't use: $("tr:even").css("background-color", "#F4F4F8"); $("tr:odd").css("background-color", "#EFF1F1"); My code is something like: <table> <c:forEach
event binding
When i hit enter in the text box or click search button, i am not going into that forms submit. JS <script language="javascript" type="text/javascript"> $("#search_form").submit(function() { alert(1) var searchValue = ''+$('#q').val(); var defaultValue = 'Enter Keywords'; alert(2) if(defaultValue.toUpperCase() == searchValue.toUpperCase() || searchValue.toUpperCase() == ''){ $("#msgboxGoogleSearch").fadeTo(200,0.1,function() //start fading the messagebox
[jQuery] Size of the column should be set according to window width and height.
Size of the column should be set according to jsp's width and height by default. Right now in slick grid example four.. we were hardcoding the column width in pixels..
[jQuery] Dynamically Adding Portlets Columns
Hi, I have the code below, when I put it directly in the html, I am able to drag and drop into it. When I try to add it dynamically, and I look in Firebug, the added column is identical with what I added manually in the html, yet, it will not allow me to drag and drop into it. Are the sortable initialized some other ways? Please how to fix that? $('#add_column').live('click', function() { var selectedTab = document.getElementById("selectedtab").value; var ct =
[jQuery] checkbox application/xhtml+xml
Hi there, I have trouble to select/deselect a simple checkbox (<input type="checkbox" />) in the context of XHTML and jQuery 1.3.2 . Tested on Firefox 3.5.2 and Safari 4.0.2. I wonder whether someone can explain me how to do it the proper way? To illustrate my problem, I have attached a small--ready to go--example. To try it out, unpack, then open demo/checked.html and demo/checked.xhtml in your browser. Then click on the 'select all' checkbox to select or deselect all checkboxes in the table. Everything
Another table show/hide row question...
I'm trying to create a typical show/hide row setup in a table, which I have working, but now I want to add an arrow that will toggle open & closed depending on the state of the rows. I'm adding the arrow dynamically, so that if Javascript isn't on, then they don't see the arrow, and all the rows will just show. I'm sure that it's something simple I'm missing. Any help would greatly be appreciated. Here's my code: $(document).ready(function() { var closedArrow = '../images/arrow_closed.gif';
[jQuery] [validate] delegate event on selection failed in IE
Demo at http://jingkung.net/jquery/validate/ Description: If you perform any selection, alert will be triggered. It fails in IE. Code: http://jingkung.net/jquery/validate/delegate.js HELP
[jQuery] Returning html in json object
I am having problems with the return data from the jquery form plugin when one of the values contains html. I am not sure if this is a jquery issue or a for plugin issue. My javascript looks like this: var uploadOptions = { dataType: 'json', url: '/uploads/upload.json', success: addUpload }; $("input[name='upload']").click(function() { $(this).parents("form:first").ajaxSubmit( uploadOptions ); return false; }); The response data that is generated
[jQuery] Could you give some advise on studying JQuery Code Source.
Hi all, I have been using JQuery for some time, finding it very interesting and elegant. I want to study the code source. But found I was confused by many code. Do you have some website or books to recommend me to refer to? Thank you very much!
[jQuery] slideToggle - form elements (checkbox) show before the animation IE6 and IE7
Hello all, Wondering if anyone has come across this issue I'm having with slideToggle and form elements on the show/hide content - all in IE6 and IE7. IE8 seems to be OK (I'm using IETester for all versions of IE here). I am using slideToggle to show/hide some form elements, checkboxes in my case. When the slideToggle is triggered, the checkboxes are immediately rendered, then the slideUp/Down animation occurs. Has anyone encountered this problem and is there a solution?
Custom error placement for jQuery Validate plugin
Hello - I've been banging my head against the wall for about a week now. Everything in the code below works as expected. That said, can someone please show me how I can make the error appear in the last <td> in my table below? It currently appears in <td> 4 along with the first input, but I need it in <td>7. <script> jQuery.extend(jQuery.validator.messages, { required: "?" }); $(document).ready(function() { $("#myForm").validate(); }); </script> Table that prints out multiple sets of Radio Buttons
[jQuery] Using serialize() with one form field
Is it possible to use serialize with just one form field? I am constructing a url to send with $.post and I need to convert the spaces and special characters of a field. Currently this does not seem to work: var news_letter_email = $('#newsletter_email').serialize(); Ideas for how this can be achieved?
[jQuery] Finding if browser supports flash
Hi, I am looking for a piece of code where I can find out if client browser (any) supports flash. If no, then I need to display message. Please help.
probadly a easy thing
so i made a litte slide thingy website adress www.cederbergsproduction.se/one/nyare.php basicly i have 2 main links galleri and contact when i toggle galleri i want contact to close if open and if i click on mypictures i want that to open and if press is open to close what i want really is to know if is there a shorter way to write the code and how. this is what i got in the header <script type="text/javascript"> $(document).ready(function() { $("a.img").fancybox();
[jQuery] Drag & Drop Outline Application
Hello, I looked at this today: <a href="http://jqueryui.com/demos/sortable/#connect-lists">http://jqueryui.com/demos/sortable/#connect-lists</a> I was wondering if anyone knew of code like this that handled embedded lists that would work like an Outline Thanks! Randy
[jQuery] Slider 1 adjust Slider 2
is it possible to have Slider 1 affect the position of Slider 2??? i.e. if Slider 1 is set to Max, which equals 5, that would adjust Slider 2 to Min,which equals 1...???
[jQuery] Arrow hover effect not functioning
I'm having problems with the arrow hover effect not working in IE/ Firefox. The skin I'm using is just a modified version if the ie7/tango skin, both of which have the same problem. The webpage can be seen here: http://sampickering.co.uk/youtube/ If anyone with jcarousel experience could help me out it'd be much appreciated. :)
validate radio buttons
I'm using the validate plugin to process a simple form. Assuming 2 radio buttons with yes/no values, how do I require that "yes" is selected - and display a message if the user selects "no" on submit? It seems so simple, but I don't have much experience with jquery/javascript. Do I need to use a rule? Can I simply "require" a yes value?
Selector question?
Hi Just simply assume that a, b is tag name. I know what $('a,b') is about...... it will select all a and b... However, can anybody explain about $('a','b')? Thanks in advance.
[jQuery] How to modify this scrolling script?
I've been trying this for days, but I've gone nowhere. The following script was written to emulate a Flash scrolling menu using Jquery. http://valums.com/wp-content/uploads/2009/04/menu/final.htm# I have tried to modify it, and ask how to modify it, but the author has stated that he's not available for support. I don't need it to scroll images, but divs. I don't need tooltips. I simply need it to scroll divs. The end. If it can have motion easing applied as well, that would be wonderful. Is there
[jQuery] jquery accordion inside the jquery tabs
I'll just paste the code first, explain the problems later header Code: <script type="text/javascript"> $(function() { $(".tabs").tabs(); }); </script> <script type="text/javascript"> $(function() { $(".accordion").accordion(); }); </script> html body Code: <div class="tabs"> <ul> <li><a href="#tabs-1">something</a></li> <li><a href="#tabs-2">something else</a></li> <li><a href="#tabs-3">something else too</a></li> </ul> <div id="tabs-1"> //random content </div> <div id="tabs-2"> <div class="accordion">
[jQuery] jcarousel outdated
Hi, I´m using jcarousel, along with a plugin called jScrollPane. Both scripts work fine on their own. only jcarousel only works under jquery 1.2.3 and jScrollPane only works with 1.2.6+. My question: how do i let them run nicely alongside? jCarousel: http://sorgalla.com/jcarousel/ jScrollPane: http://www.kelvinluck.com/assets/jquery/jScrollPane/jScrollPane.html Please help me a.s.a.p. Thnx in advance! Greetings, Richard
[jQuery] Form submit
Hi, Can someone tell me why the following form submit codes are not working. When I click submit, I want to see other page's output and form submitted text but instead nothing appears. $(document).ready(function() { $([name=signup]).click(function() { $.ajax({ type: "POST", data: { PROCESS: "Add2Member", FIRSTNAME: [name=FIRSTNAME], LASTNAME: [name=LASTNAME], EMAILADDRESS: [name=EMAILADDRESS], PASSWORD: [name=PASSWORD], CITY: [name=CITY] }, url: "default.cs.asp", success: function(output) { $("#SIGNUPFORM").html(output);
[jQuery] 1.3.2 changes something in the resize call?
Hi, I’m dealing with some code that looks like this: element.parent().bind("sizeChange",function() { self.size.call (context); }); The line of code is part of a custom-made library intended to display a <div>-based popup window and size it according to the window size. In jQuery 1.2.6, this code worked fine. I switched to 1.3.2 recently and now I notice that this line of code cause both FF 3 and IE 8 (probably others, too) to start running furiously until I kill the browser, as if it were in an infinite
[jQuery] Saving the state of an ajax form
Hi, I have a page with a simple form: 3 hidden fields and 3 selects. I load the data for the first select via Ajax on domready. I have "change" event handlers for all 3 fields. If I select something in the first select, the corresponding data gets loaded into the second select via Ajax etc. So it's a "cascade" of selects. When an option in the 3rd select is being selected, I save the values of all 3 selected options in the hidden fields, and create a button for submitting the form. Until here everything
[jQuery] Invite jquery developers to join our open source project: "Tellurium Automated Testing Framework"
Tellurium Automated Testing Framework (Tellurium) is an automated web testing framework built on the top of the Selenium framework at the current stage. We have started our own testing driving project, Tellurium Engine, which will be using jQuery. We also have a Firefox plugin project, TrUMP, the version 0.1.0 has been release in March and we need to enhance it and most likely will use jQuery for some part of the code. Here are the main features of Tellurium: * Abstract UI objects to encapsulate
[jQuery] $(this).offset().left vs parseInt($(this).css('left'))
Anyone know an answer to this question? In case when both expressions return the same value, which one is faster? $(this).offset().left or parseInt($(this).css('left'))?
[jQuery] Hello
Hi, I have this script here. Hope i can paste the code. Please click on the login tab on the right side. The issue is, the tab slides down as well as grows. Please help. It should only slide down, not grow. Please help me.
[jQuery] [tooltip] integration with jQuery UI
I've made some minor modifications to the Tooltip plugin to have it integrate with jQuery UI. I'm wondering, though, if this has already been done. I couldn't get it to work reliably with the extraClass option (sometimes the styles didn't seem to be applied in IE anyway) so I extended the options with a uiClasses option that by default is set to "ui-widget ui-widget-content ui-corner-all" and set these as the default class when the tool tip is created. This seems to work reliably, but I don't want
[jQuery] Thumbsnails connected with a title text via .mouseover-event
Hallo community. I'm looking for a script, snippet or plug-in for my website that helps me doing this: I have a list of small thumbsnails and a column with the title (each line in the column is a title of one thumbsnail). When the user is now moving the mouse over the thumbsnails the corresponding title should be marked (addClass). When the mouse is leaving the thumbsnail. And when the user is moving the mouse over the column of thumbsnail titles the corresponding thumbs should get a flag (e.g. a
[jQuery] .each() loop with custom function
Hi, I am pretty new to this so please excuse problems that might seem obvious...they're not necessarily obvious to me yet. I am writing some basic image gallery functionality, using my own defined jquery functions. I am trying to use .each() to loop through the "image" tags of an xml file, and create a thumbnail for each of them. I want to catch the index of each iteration to create a variable I can use to match my thumbs with my full-size images... $.fn.createGallery = function(){ //START
How to Do this in Jquery
Hi Guys, I've been mainly using Script.aculo.us and coding my own functions to go with it however after a creating a new site for a client using JQuery and the ease of which everything went together, I'm looking at moving my future apps and sites to JQuery only. In order to do this I need to figure out how to convert these to JQuery, these are my Script.aculo.us staples that I can't go without. Script.aculo.us Version for AJAX Delete This code allows the user to click on the delete button, a indicator
Next Page