[jQuery] Multiple external controls...
Does jCarousel have the ability to have multiple carousels with multiple external controls on one page? It seems that all of the callbacks that you initialize control only one specific carousel. There is no way differentiate between carousels even if you were able to decipher which carousel is active in the carousel array it still does not allow you to control a specific carousel with a specific callback function.
[jQuery] Form validation errorplacement
Hi, In Jquery Form validation, the errorplacement function executes for each and every control in the page. Means It fires for controls with no validation error also.Is this the default behaviour for form valiadtion..?. How can i restrict the errorplacement function to be called only for controls which are invalid. (I am resetting the error in Success function) Thanks in advance Ratheesh
[jQuery] Form Validation
Hi, In my jquery validattion, the control which is invalid doesnt get focus.. Do you guys know what the reason is..? Thanks in advance Ratheesh
DateRange not working??
Hi All, Can anyone look at this code and guide me why this is not working as expected. <head> $(function() { var currentDate = new Date() var minDateValue = ''; $("#date_from").datepicker(); $("#date_to").click(function(){ minDateValue = timeDifference(dateFormat(currentDate, "yyyy-mm-dd"),dateFormat($("#date_from").val(),"yyyy-mm-dd")); //alert(minDateValue); $("#date_to").datepicker({minDate: -(minDateValue), maxDate: '+11D'}); }); });
[jQuery] [linkselect] Positioning menus off bottom of window
Hi all, I'm working on a website where we're using the jquery.linkselect plugin, and we're running into a situation where we have one of the dropdown linkselect menus happening near the very bottom of the users' window. Imagine that we have a list of articles with abstracts, authors, etc. running down the left hand side in a div which is set to show a scrollbar if the results list gets long, and each article has a linkselect dropdown menu. Unexpectedly, if you've scrolled to the bottom of the scrolling
[jQuery] How to access an iFrame ID from within
Sorry if report.... I have an iFrame <iframe id="myframe" src="index.php"></iframe> it loads a content, how can I access the iFrame ID, which is "myframe" from inside index.php? I have tried: //index.php jQuery(document).ready(function() { alert(jQuery('#myframe').attr('id')); }); but not succeed.
.Draggable work only once under IE 6/7/8
Hi! I'm trying to create custom scroll box, but under IE, the drag-drop event commit once. Under Mozila, Safari, Chrome and Opera it works fine but in IE... You can see my code on: http://www.memo.bg/ntest/ I'm realy stuck. Please help.
Simple Scrollbar question
I do not work to much with jquery (although i would like to) but i can't figure out how to check with jquery how deep a user has scrolled into a page. Suppose you got a webpage with 3000px in height but the actual viewport is just 768px high. So the user has to scroll down to see the rest of the page. How do i get the current vertical scroll value of the page. So if the user is at the bottom of the page the scroll value should then be 2232px since the viewport's top is at this position. the function
[jQuery] jquery autocomplete parameter query
When I use mustMatch: true in my function, I am unable to select a few of the options. Any reason for that ? - Anush
[jQuery] Check if element is shown with show()
Hello, I'm building a website with JQuery. Now I need to check if an object is shown, with show() My jqeury to hide all the elements at start: $("p.about").hide(); $("p.gallery").hide(); $("p.links").hide(); $("p.contact").hide(); $("p.home").hide(); Then I show the p.home once the page finishes loading. Then when clicked on a link, the shown p element should be hidden with the hide() command, and another p element should be shown. so like: <li><a href="">Home</a></li> <li><a
[jQuery] jquery 1.3.2 error with $(':input[@name=submit]')???
I was using jquery-1.2.6 and now, I started to use jquery-1.3.2, and I get my first "difference": when I use the wrapped set operation $ (':input[@name=submit]') with jquery-1.3.2 it returns all input fields, but if I use it with jquery-1.2.6 it returns 0 (as espected). Is it an error with 1.3.2 version?What do you think I'm doing wrong? Thank you very much. P.S.: this wrapped set is used by "jQuery Form Plugin" and, if I have file uploads I get the alert 'Error: Form elements must not be named "submit".'
[jQuery] File upload using HTTP PUT method
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#000000"> <font face="Helvetica, Arial, sans-serif">Hi all, Does anyone know if it's possible to transform an <input type="file" id="uploadedFile"</font><font face="Helvetica, Arial, sans-serif">... into an HTTP PUT request? Seems like you can do this in Firefox with something like this: fileContent = $('#uploadedFile').files.item(0).getAsBinary();</font><font face="Helvetica,
OnClick image replacing itself with another
just getting started with JQ so i hope you can help me out with it Idea is that the element is a rotation of four images changing on click. basic HTML behind it is <li><a href="#" class="puzel"><img src="images/puzel1.jpg" /></a></li>\n and JQ behind is currently like that $(".puzel").click(function(){ alert('executed'); source = $(this > img).attr("src"); switch(source)
[jQuery] jquery tablesorter + pager not working together
Hello I am using tablesorter + pager and almost everything works fine. I got one small problem. When i sort table sometimes height of the table changes (because some values in columns are bigger and need 2 rows to display them) but the position of the div containing pager does not change. It works when i change numbers of rows displayed using pager. I am total newb in jquery and javascript. I found out that there is a function fixPosition() in jquery.tablesorter.pager.js, but i suppose the function
[name = ""] problem?
I'm new and don't see a search feature - Anyway... var dddName , oDealers dddName = "selectName" How can I make this (or something like it - ) oDealers = $('select[name=dddName]') work like this does oDealers = $('select[name="selectName"]') TIA
[jQuery] Tooltip inside of an iframe?
Hi all, Please visit: http://player27.narrowstep.tv/nsp.aspx?player=bb27_rq_nBed The thumbnails contained at the bottom of the page are inside of an iframe. If you put your mouse over them, you'll see that I'm using the wonderful jquery tooltip that I have downloaded from: http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/ Everything works fine except for the tooltip getting cut off by the iframe. You'll see it if you put your mouse close to the thumbnail on your right or close to the bottom
ajax and XML don't parsed
Hi, i tried to retrieve a xml response from my server, but that's dont work My javascript : $.post("/index/contactssearch", {queryString: ""+inputString+""}, function(data){ if(data.length >0) { $('#suggestions').show(); $(data).find('element').each(function() { $('#autoSuggestionsList').html('<li>'+$(this).text+"</li>" ); }); } else { $('#autoSuggestionsList').html('Aucun
jQuery Image Slideshow
Heya there, I have a slight problem...I have coded a simple jQuery image gallery, but the thing is...I want to add some text as well in <p> tags. to go along the side of the image. I was just wondering how I would do this. The jQuery for this is... $(document).ready(function() { var imgWrapper = $('.slideshow > img'); // only show the first image, hide the rest imgWrapper.hide().filter(':first').show(); $('ul.recentlist li a').click(function () { if (this.className.indexOf('current')
[jQuery] [autocomplete] textarea - adding selections not only on the end
I would like to ask if anyone tried use this plugin like t9 in mobiles with textarea form. I am currently trying to use this plugin with my words database for suggesting "right" words. This is ok and is working if you write word after word and use suggest for last word. But if you need to add word between existing words, autocomplete move cursor to end, the same if you use suggested word. And this is not useful for my aplication of this plugin .o) Did anyone here try to solve this "problem" to manage
[jQuery] Use of jQuery Data method at server side
Hi, I am trying to get rid of using hidden variables and use the jQuery Data method [http://docs.jquery.com/Core/data#name] to store certain data. Following are my questions 1. Is there a way to get these values at the server side during postback? 2. If yes, can this data be manipulated at the server side and after postback; can the updated values be accessible at the client side? Regards, Praveen
[jQuery] JQuery UI Sortable based on DIVs
hello, have such a structure in HTML which finally looks like shown on this image http://www.screencast.com/t/LNfPgoOWUf7: ------------------------------------------------------ <div id="trip_content"> <div class="productCart" id="dest1"> <div class="itemHeading"> Johannesburg<img alt="close" src="images/cross.jpg" onClick="del_destination(1);"/
[jQuery] Jquery Dialog box + selection options - Sometime unable to get selection options
Hello, I am using Jquery Dialog box which has a select options (drop down). The dialog is initialially hidden and on some event on main page I display the dialog. The dialog has couple of buttons Add and Cancel. On clicking Add I need to check the option selected and process it accordingly and close the dialog. User can reopen the dialog by firing the same event on the main page and make another selection and add it. The problem I am facing is that the first time the dialog is opened and option selected,
autocomplete - how to change limit of results?
hi erveryone. I use jquery autocomplete plugin in that way: $("#autotest").autocomplete('mysearch.php', { width: 300, multiple: true, matchContains: true, formatItem: formatItem, formatResult: formatResult }); my phpscript returns more that 10 items. but with autocomplete I always get 10 items. How can I change that limitation? I found in jquery documentation
[text$= ] and different browser problems and links
Hi I'm trying to append a pdf img to my anchor tags that refer to pdf files. Now in FF it works perfectly but in IE6 & 7 it seems to simply ignore the [text$=] part of the selector. This is what I have as a simple example: <!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; charset=iso-8859-1" /> <title>Untitled Document</title>
[jQuery] problem Form plugin + UI sortable
Hi everyone, I'm new to ajax and I can't figure out how to set my jqueries in the response. Yet, I'm using a basic way for my Ajax. I have set with the form plugin an ajaxForm and when the response is ready, it displays it in the targetted div: / ***************************************************************************/ //CODE of assembler.jsp <html> <head> </head> <body> <script type="text/javascript" src="/scripts/jquery.js"></script> // v1.3.2 <script type="text/javascript" src="/scripts/jquery_form.js"></
[jQuery] ajaxForm and validate plugin
Hi all! I have a form and I want to validate before submit with [1] plugin because nice and good. I want to send the form's data with ajaxForm [2] plugin. The problem is the next: I set the ajaxForm options that before send the data validate. The validate plugin is working fine because I got error message(s) but the empty form was sended always. I want that while the form is not correct the ajaxForm don't send the data. Does know anybody example for this with these two plugins? Plugins: [1] - http://bassistance.de/jquery-plugins/jquery-plugin-validation/
[jQuery] Browser back button problem inn IE & Chorme
Hi all, I want to restrict page load on back button click. I have attach # in url. And click on back button first time it remains in the same page. It wark fine in FF,Opera and safari. But it not working in IE and Chrome. Is there any other way by which we can restrict page load on back button click. Thanks for the help in advance. Regards Appu
[jQuery] More fun with decrementing on click
I have a status area in an app I'm working on. It shows the number of unread alerts. As the user clicks each alert, it's subtracted from the total. The following code counts the number of items to use as my total: var trigger = $("#dataset-b tr.unread"); var count = $(trigger).length; $(".number").html(count); And then this works to subtract from that number on each click: $(trigger).click(function(){ $(".number").html(count--); if (count == 0){ $(trigger).unbind("click");
[jQuery] a select question
if I have 3 div, how to filter the div without class abc? <div></div> <div class="abc"></div> <div></div>
[jQuery] Merge JQuery Element Objects
<ul> <li id="foo"> <ul> <li class="bar"></div> <li class="bar"></div> <li class="bar"></div> <li class="bar"></div> </ul> </li> </ul> function getNodes(e) { return $.extend(e, $(e).find('li.bar')); } var nodes = getNodes($('#foo')); console.log(nodes); --------------------- How do I merge these two objects? If I ran a console.log on just "$ (e).find('li.bar')", it would return an object with a length of 3 and those four elements and if i ran a console.log on just $(e), it would return a length of
[jQuery] Does IE support live?
If I load b.html in firefox, alert(1) will work, but ont work in IE. page a.html <!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; charset=utf-8" /> <title>live</title> <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> </head> <body> <div style="width: 300px; height: 300px; border: 1px solid red;"></ div>
[jQuery] Unseting http headers in ajax requests
When doing ajax requests I would like to not send Cookie headers to minimize lag. I didn't find how to unset the Cookie header as there is no XMLHttpRequest.unsetRequestHeader() method. This is what I would like to do (obviously not possible): jQuery.ajaxSetup({beforeSend:function(xhr){xhr.unsetRequestHeader ('Cookie');}}); Any ideas? Regards, Clodoaldo
[jQuery] jquery droppable propagation problem
hi, i have a problem with nested divs and drag & drop...wenn i drag a draggable on a droppable div (and the divs are nested --> one droppable in another droppable) it calls the drop function for both doppable divs (inner div and parent div)...how could i prevent this? javascript part: $(document).ready(function(){ $('div[class*=acceptable]').draggable( { revert: true }); $('div[class*=accepting]').droppable( { drop: function(event, ui) { alert($(this).attr('id'));
[jQuery] can't update div through dialog
When I try to animate a DIV-element with this code: $(this).parents(".pane").animate({ backgroundColor: "#fbc7c7" }, "fast") .animate({ opacity: "hide" }, "slow") everything works fine. But when I try to do it after I press a button in a dialog - nothing works! Why? Here's the code: $(document).ready(function(){ $("#dialog").dialog({ bgiframe: true, resizable: false, height:140, autoOpen: false, modal: true, overlay:
OnClick change css class style and show it
Hello everyone First, I have to say that I am not very familiar with javascript (I know only basics of basics) and I know basics of Jquery... Here is my problem: I found jquery ajax plugin that calls some php file after clicking link and does some (visual) actions with it. I've made some modifications but dont know how to make it work exactly what I want. This is code: $(document).ready(function() { $('#load').hide(); $('.update2').hide(); }); $(function() { $(".update").click(function() {
[jQuery] (validate) Form needs to be submitted twice
Hello. I have encountered a problem using remote validation where my form does not post until the second time the submit button is clicked. If I remove the remote validation everything works correctly. As it is everything works except that the submit button must be clicked twice. Thank you for any help with this issue. Below is the relevant .js code. I can post the entire page if needed. $(document).ready(function(){ $("#f").validate({ rules: { first_name: {required:
jQuery UI Tabs help
Hi, I am using nested jQuery UI Tabs in my application. My problem is that I want to style them all differently. I can't seem to get this to work, as they all seem to use the same CSS classes. Is there some way to get the tabs to use different classes, or some other way to do this?
[jQuery] How do I make sub-navigation links?
I'm relatively new to jQuery - I'm a server-side man, PHP - and I'm trying to discover how to make sub-navigation links appear under my main nav bar when a main link (with children) is hovered. It is no problem for me to do in PHP and I am including the sub-nav in a side bar, but I would also like to have the same links appear under the main nav bar using jQ & CSS. Can someone point the way for me on this? Is there a plugin that already does this? In PHP, I have logic that determines the sub-nav
Plugin doesn't work in IE 7. Any ideas?
I've tested this plugin in in every browser I can get my hands on (Opera, Firefox, Safari, IE), and on both Windows and Macs to boot, and it works in every single one except for IE 7. I cannot, for the life of me, figure out why. The code is below, but if you want to check it out in inaction, just go here and view it with IE 7 (or IE 8 in compatibility mode). Any help would be greatly appreciated (also, this is my first jQuery plugin, so, even though it technically works, I could use some tips on
News.. dont work in IE6 >.<" (i think the problem
Hi all, i'm working on this code for a one day, and that works fine in FF, Opera and GC, but dont in IE.. I do clones of MyCamp, and check the contents to aply the mask. But, in IE, after make a clone i only can click (receve focus) on the last input of list. $("#Form :input[id=MyCamp]").each(function (obj) { if($(this).val()== "" || String($(this).val()).match("/([0-9]{2} ?)?(\()?([0-9]{2})(\))? ?[0-9]{4}-?[0-9]{4}/gi") !== null) { $(this).setMask({mask: "(99) 9999-9999"}); this._toggle=true;
Next Page