[jQuery] jQuery content slider
Hey folks,<div>I'm new to jQuery (and the G Group here) and am running into a small problem I can't seem to get my head around.</div><div> </div><div><a href="http://bwcfla.com/partners.php">http://bwcfla.com/partners.php</a></div> <div> </div><div>Down at the bottom of the page we have a nice little 3 tab interface.</div><div> </div><div>The 'partners' tab demonstrates the functionality I'm trying to get.</div><div> </div><div> The 'testimonials' tab is where I want to get it.</div><div> </div><div>I'm
IE vs FF positioning for jQuery Effects
Hello, I'm creating a landing page with 2 jQuery animations, and I'm running into a number of issues. 1) IE and FF behave differently. The jQuery begins by setting the opacity of .menu to 0. In FF, .menu continues to take up space inf the block-flow of the page. In IE, .menu does not occupy the block-flow (it behaves as it if were absolutely positioned) until the opacity is animated back to 1. 2) The second jQuery animation also has compatibility in issues. I am using the explode animation in reverse
A newb trying for an effect
Hey guys, I'm new here, and I'm looking to create a plugin that I would find useful. The problem is is that I am very inexperienced with jquery, and I'm not much of a programmer, truth be told. Basically, in the end, what I would like to do is replace any matched element with a certain class with either a 3x3 grid of divs (if firefox, safari, or ie8) or a 3x3 table (if ie7 and before). I want the old content of the element to be placed inside of the centermost cell or div. I tried the simple "append"
[jQuery] Selects populating other selects from JSON data
Perhaps I am not Googling correctly to find the data I am after. I want to have a select that upon making a choice will add elements to a second select. I've seen code to do this using ajax calls but what if I embed the data into the page in a JSON format? I am looking for a good example of this. Anyone seen one? Thanks Steffan
[jQuery] chaining animations and pausing for each step
In pseudo code, here's what I'm trying to do with some text: shrinkText.changeText.EnlargeText. The jQuery I'm using for this: $('span#calendarNumber').animate({ color: '#999', fontSize: '12px' }, 500 ).html($('#calculatorSampleInPopup1').val()).animate({ color: '#900', fontSize: '40px' }, 2500, 'easeOutElastic' ); What happens visually upon triggering this is this: - HTML content changes - text shrinks - text enlarges I think what is happening is that
[jQuery] listnav functionality applied to tables -- is this possible?
I am curious if the devs would be interested in making this same functionality work with tables. I would be interested in seeing similar functionality available via listnav for the first td of a tr. Essentially, grabbing the first character, as a reference for filtering only that later from the nav bar. as you are currently doing for ul/ol and li tags. I have already accomplished this via ajax, but I believe using the concepts in this listnav would reduce overall server load. I am currently using
[jQuery] jQuery Slider Threshold
I have a slider with 30 steps. at step 15, a hidden div appaears... at step 14 there is a div showing by default. when you slide to step 15, it replaces the div with the new div. sometimes when i slide the handle too fast, it displays both divs on top of one another... whats happening here?
[jQuery] Using radio buttons to show disclose form items
I want to make is so that if I select one radio button, it will display checkboxes, and if I select the other, it will hide the checkboxes. One radio button says select all, which would hide, and the other is Choose what to select, which would disclose the checkboxes. If I have $(document).ready(function(){ $('#offices_checkboxes').hide(); $("input:radio[@id=id_office_1]").click(function() { $("#offices_checkboxes").show(); }); The intial state is hidden, and then when I click on the radio button
[jQuery] haccordion - horizontal accordion.
I am using the haccordion plugin which works via a width animation. However, when an accordion header is on the right side, clicking another accordion header causes it to move left during the animation before going back to its correct spot on the right. The plugin demo and code is here:http://groups.google.com/group/jquery- en/post?hl=en. If you try the demo, you will see the bounce. It is even more noticeable on the site I am developing which has larger headers: http://www.etgfoundation.com/financial-planning-services.
[jQuery] Slideshow Dies in 1.3.2 but works in 1.3.1 and below
Basically, I can click the next button and go forward until it reaches the last slide then it sticks. The Back button is also broken. This code works great with 1.3.1 and 1.2.6 but has the aforementioned bugs in 1.3.2.... $(document).ready(function() { var fadeSpeed = 1000; var currentSlide = 0; var setSeconds = 1200; var pauseAuto = setSeconds; setInterval(slAuto, 1000); $("a.sl_next").click(slNext); $("a.sl_back").click(slBack); $("#slideshow li").hide(); $("#slideshow
[jQuery] Jquery Form plugin : Multiselect problem
Hi, I need to check all multiselect values before posting form. How i can do it? I'm trying to use beforeSubmit function, but changes that I do there doesn't applying to the formData. (Form plugin send information that was grabbed before beforeSubmit function).
[jQuery] Validate Display Error Message
Hello, I was wondering is there a way where I can display my error codes in the Label tag rather than outside of tthe input fields? If so how can I do that? Thanks
[jQuery] TableSorter and tableFilter
Hello, I've just tried out TableSorter: http://tablesorter.com/docs/ And I've also tried tableFilter: http://ideamill.synaptrixgroup.com/?page_id=16 Both are really nice jQuery plugins, however it looks like tableFilter development has stopped somewhere around mid 2007. There are some features of tableFilter, in particular - the filtering that I really like, and I'm curious if this functionality exists with TableSorter, or if there are any other (more recent) plugins which do the same thing? Thanks,
[jQuery] is there an opposite of 'closet' selector
This selector is almost what i need http://docs.jquery.com/Traversing/closest except i need it to go backwards... so i have an item selected, i need to find the closet <a> tag before it (which is nested deep in a table layout, yuck), and the table HTML varies on different templates I thought .prev("a") would work, but that seems to only go "up" the tree
jQuery with MooTools Equal Heights help
I have jquery to use the Equal Heights plugin. I also have Mootools to run some AJAX php form validation. The problem is that the Equal Heights plugin is not set with the noConflict(); I need some help on how to edit it so that I can run both Mootools and jQuery together. Here is the Equal Heights code: $.fn.equalHeights = function(px) { $(this).each(function(){ var currentTallest = 0; $(this).children().each(function(i){ if ($(this).height() > currentTallest) { currentTallest
[jQuery] Accordion Active 2 -trouble with selector in javascript function
function activities(obj) { $(document).ready(function() { $('.ui-accordion-container').accordion('option', 'active', 3); }); } <div> <input name="Submit" type="submit" value="Activities >>" onclick="activities(this)" /> </div> <ul id="acc1" class="ui-accordion-container"> <li> <div class="ui-accordion-left"></div> <a class="ui-accordion-link acc1">Personal Info</a><!---1st bar---> <div> <ul class="ui-accordion-container" id="acc2"> <li style="margin-left:10px;">
[jQuery] [Autocomplete] result accompanied with blur cause non-deterministic behavior
I have the blur event hooked in to reset hidden field values. The autocomplete plugin is set up as below and produces the behavior described in the comments: $("#test").autocomplete(data, { formatItem: function(item) { return item.text; } }).result(function(event, item) { // This executes if a resultset item is selected with keyboard or mouse setTestKey(); }); $("#test").blur(function () { // If a resultset item is selected with the mouse, this executes first followed by the AC result resetTestKey();
[jQuery] Select node that is not descendant of a class
Hello! Given the following DOM <div> <span class="myClass"></span> <div class="notClass"> <span class="myClass"></span> </div> </div> How can I *efficiently* find all .myClass nodes that are *NOT* descendants of .notClass ? What I currently do is find all .myClass nodes and then run a filter on the results that checks that the node doesn't have a .notClass parent. This just seems a little inefficient, so I was wondering if there is a more efficient way to get all .myClass nodes that are not descendants
[jQuery] Problems with variables
I`ve the follow code: $(function() { $("#datepicker").datepicker({minDate: '1/1/2009', maxDate: '10/10/2010'}); }); In this ame page, I`ve this field: <input type="hidden" value="02/02/2009" name="date1" id="date1" /> I would get the date of field with name: date integrate with jquery like this: ----- var hotdate = document.getElementById('date1').value; $(function() { $("#datepicker").datepicker({minDate: 'hotdate', maxDate: '10/10/2010'}); }); ----- Its not work, only example hehe. Anybody can
[jQuery] How can I work out with IE Releod and Resizing event ?
Hi , I have to change the CSS based on the window resizing and on the load event (based on window size thats opening). I used the below code and it was working for FF3. But for IE it fails. Please suggest any work arounds $(function() { var screenWidth= 0; var screenHeight= 0; $(document).ready(function() { //My code (do not work for IE) }); $(window).resize(function() { //My code (do not work for IE) }); });
[jQuery] Form Plugin issue
Hello! I'm using jQuery Form Plugin to upload files, and i discovered a strange issue. If the response data contains jQuery code, a "$ is not defined" javascript error occured, but the jquery code which produce this error message, is executed. This only happens when file is selected. If the file input is empty, everything is ok. Here is my little test code: http://bogex.hu/jquery_upload.php <? header('Content-Type: text/html; charset=utf-8'); if (isset($_POST['feltolt'])) {?> x <p id="hely1"> <p
[jQuery] Media Plagin
When Video Player is in Full Screen Mode and browser is Google Chrome then buttons don't work.
[jQuery] [jQuery Validate]Validating for incremental form
I have the form: <form> <div id="portion1"> ... some inputs ... </div> <div id="portion2"> ... some inputs ... </div> <div id="portion3"> ... some inputs ... </div> </form> By default, only #portion1 is visible. If inputs inside it are all valid, #portion2 will be visible and #portion1 will be hidden, and so on. The problem is that jQuery Validate will only validate the whole form, so something like $('#portion1').validate().form() won't work. So, is there a way to achieve this? Thanks.
[jQuery] Remove from selection
Ho can I remove an specific element from a jquery selection. I have a selection of dd and dt of an definition list.Now I remove a specific one, using remove(), but in the selection the element is still there. I've read the manual so I know its a feature but how to remove the element without querying the dl again?
[jQuery] Tablesort Pager Plugin
I'm attempting to use the pager and tablesort plugins on a table. Initially I got everything working with just the sorting, then once that was working, I added pagination with tablesorterPater. This is where things started really going awry. When the page loads, the table is trimmed to 10 rows, like it should be, but the pager's text input is blank, it doesn't show what page of how many pages there are. Further, if you click on a table header to sort the table, all the rows in the table disappear,
[jQuery] Replacing position:fixed with jQuery
Hello, As you all probably know, position:fixed in CSS has its flaws. For one thing, it makes scrolling choppy in Firefox because it's constantly trying to repaint the markup behind the fixed element. I would like to replace position:fixed with jQuery. I'm currently using a plugin called scrollfollow, but I think it has more features than I need. All I want to do is have an absolute positioned object, and when I scroll it stays where it is, but when i stop scrolling the div puts itself back in a
[jQuery] triggering handlers for native events
Am I the only person who finds wildly wrong the jQuery behavior of handler invocation for native events on state-changing elements like check boxes and radio boxes? Specifically, when the user clicks a check box or a radio box, the state of the element is changed and then the handler is invoked. However, when I call "click()" on the elements, the handler is invoked *before* the element value is updated. That makes it pointlessly difficult to write handler routines that need to look at the value to
[jQuery] data is null,while i need ""
$.getJSON('/VersionQueryJsonAction',{verID:verid},function(data){ $('#verMailDate').attr("value",data.verMailDate); $('#statementName').attr("value",data.statementName); })//CampaignJsonAction,function,getJSON if data.verMailDate is null,i need it is "",not "null",who can help me?
FadeIn DIV when i rollover button
Hi Guys, I really really really need some help on this one please This is my page so far::: http://tinyurl.com/mocyk8 I have setup a page which has a list of holes 1 - 18 which have a link for each hole. the link is the whole line for each hole. (only hole 1 is done so far) then i have the hole descriptions inside another DIV which i have hidden using CSS #hole1det{ display:none; position:absolute; float:left; margin-left:78px; height:406px; width:561px; background:url(../images/scorecard_rollover_bg.png)
[jQuery] Re eavluate jquery into an ajax content
Hello everyone, I have a cutsom function "initForms" who send forms with Ajax and update my page content. That works great but events and effects applied on the original page isn'nt re applied to the response content. In my original form page I have the folowing code : == 8< ======================================================== $(function() { $("#dateOfBirth").makeBigCalendar().datepicker('option', { 'maxDate' : '+0', 'yearRange' : '-30:+0',
[jQuery] [jQuery][Validation] jQuery.format problem (works in IE and Chrome, don't work in Fx)
Hello. I have template like this: 1.<div id="links" style="display: none;"> 2.Stary link:<a href="{0}">{0}</a> 3.Nowy link:<a href="{1}">{1}</a> 4.Nowy link:<input name="shorted" id="shorted" class="select" value="{1}"> 5.Nowy link:<a href="{2}">{2}</a> 6.Nowy link:<input name="shorted2" id="shorted2" class="select" value="{2}"> 7.</div> after execution some patterns are replaced by arguments and some not. Arguments: {0} = http://wp.pl {1} = http://2h.localhost {2} = http://localhost/2h it looks
[jQuery] Getting value from fields that compose an array?
<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;"><div id="yiv761496052">Hello! I have a form with some fields like this: <input type="text" name="item[]" id="item[1]" /> <input type="text" name="item[]" id="item[2]" /> <input type="text" name="item[]" id="item[3]" /> <input type="text" name="item[]" id="item[4]" /> How can I retriev the values with jquery? I'm using this: *************************** item = new Array(); for(var n = 0 ; n < items_amount
[jQuery] Problem with parameter message
Hello I'm trying to use blockUI. It's work fine but when i want to customize the message, i see again "Please wait..." My code: $(document).ready(function() { $.blockUI({ message: '<h1>test</h1>' }); setTimeout($.unblockUI, 2000); }); Version blockUI: jquery.blockUI.1.33.js Version JQuery: jquery-1.3.2.js Navigator: IE6 Thanks for help
[jQuery] jEditable help
Hello, have a bit of a head scratcher. What I'd like to do with the call back function is multiply td(0) by td (3) which would then update td(5) with the result (from the current row). Any ideas of how I could accomplish this? any input appreciated. thanx
[jQuery] Unexpected call to method or property access + Jquery
HI, I have a sidebar application which is using Jquery. In IE, there is one error (Unexpected call to method or property access) occurs while appending messages. In Firefox its working fine. The problem is with the line; join_message_jq.append(body_elem); Here is the full code. var room_avatar = '/avatar-service/lookup/? sha1=f2f8ab835b10d66f9233518d1047f3014b3857cf'; var join_message_ar = ["<message from='"+nick+"' to='4@dev.TrophyIM.com/3' id='1' type='groupchat'><x xmlns='jabber:x:event'><composing/></x></message>"];
jQuery Function not Working onClick
I have a jQuery function which is fired when a user clicks on an image to add a item to a basket. Currently the PHP code behind the event runs fine and executes correctly. The issue is that I think the Javascript is not actually running and as there is no error messages being displayed I'm stuck and unsure how to debug. Any Advice? ecomm_functions.js //Functions to Add To Basket $(".productPriceWrapRight a img").click(function() { //jAlert('This is a custom
[jQuery] How to feed jCarousel Textscroller with other than xml
Hi all, This is fed by a RSS-Feed http://sorgalla.com/projects/jcarousel/examples/special_textscroller.html And I want to use it with static content, no xml, no rss feed. How do I have to change the code to do so? I'm going crazy trying to do so, I'm sure this is something that can be done it's just that I'm too new to jQuery. Please give me a hand in here! Here is the code with absolute paths to the scripts, images and css: http://www.vivocom.es/test/ci2/jcarousel/text/7.rar Thanks a ton in advance!
Tablesorter Plugin : to disable a coulmn from sorting
Hi, I have used the jquery tablesorter plugin in my site. The table consists of 3 5 columns and I want to disable the first column from sorting. That is when we click on the table headers, the items in the first column should not sorted. Is there any option to do this? thanks.
ajax multipart dialog box -- read please
Hi, I need a dialog box to appear when a person clicks the add to cart link on my site, where they are asked to fill in certain fields, and then click next, still inside this dialog and then move on to the next part to fill in more options, when done, must show in this dialog still, "thank you added to cart successfully". This all using php, ajax, jquery. I can't find anything on google, or at least I don't know what to google for. A good example of this, is for example: facebook >> add friend >>
Jquery hover event doesn't work on IE7
Hi guys, I'm trying to add a simple growing effect to a div using jquery, i'd like to create a button that changes his dimentions on the over event of the mouse and turn back to the original dimensions once the mouse is out. I've used the hover event and I've created 2 functions: one for the growing effect used on the over status and the other one for the reduce effect used on the out status. In IE 7 I've got this error: the growing function is working but the reduction function is not working at
Next Page