[jQuery] multiple selects put into an array is this easy?
hullo, I am new to js and jquery ... and have got into a mess trying to find a way to do this. I have a large table and I want to be able to select multiple entries from one column... using the usual ctrl and shift keys to either select continuous groups or multiple individual entries. So as the user selects more values they are added to an array( which will ultimately be sent via jquery json to a db ) I do not want to use the html select multiple and submit method because there are too many possible
[jQuery] Round corner
Hi Members , <div> </div><div>How to make the round corners ,</div><div> </div><div><div id='test'></div><div> </div><div> welcome to jquery groups , i want round corner for this DIV </div> <div> </div><div></div> </div><div> </div><div>Thanks in advance </div><div> </div><div>Bharani </div>
[jQuery] [Superfish] 1st and 2nd level menu item widths
Does any know if it is possible to make the superfish drop down menu item width the same as the main menu items widths (i.e. so that the 1st and second level menu items have the same width) - And if so how do you about setting it? Is it just in the CSS or is in the script somewhere? I have been playing with the style sheets setting widths to lists and list items but nothing seems to change. Any suggestions would be greatly appreciated. Regards, Jason
[jQuery] ActiveX Confirmation Popup in IE with jQuery 1.3.2 but not with 1.2.6
After upgrading to jQuery 1.3.2 users of our application will be prompted with a confirm dialog: "Do you want to allow software such as ActiveX controls and plug-ins to run?" The users have to use IE6 (yes I know - but this is a very restrictive and old fashioned corporate environment and I have no influence on the browser configuration). Replacing the content of jquery-1.3.2.js with the content of jquery-1.2.6.js immediately fixes the problem. But we would like to avoid that if possible. Is there
[jQuery] [autocomplete] disable submit until valid selection is made
Hello, I have a situation where the only valid inputs on my autocomplete field are the ones supplied by my ajax method. Is there a way to disable the submit button on my form until the input field contains one of the autocomplete values?
[jQuery] jQuery code sometimes hangs. How to investigate.
I'll try and describe the architecture of some of my code, and then describe my problem to see if anybody out there can help. The code outlines are only included to show the technology mix and you'll see that you need not analyse it too much when you hear about the problem I have, described at the end of all this. // .js (javascript file). Bind click button, $(".actionOptAdd").bind("click", function() { . . . . $.getJSON('lib/addToProj.php', {
[jQuery] [autocomplete] Invoking autocomplete dropdown on focus, before user types
Does anyone know how I can get the autocomplete dropdown list of values to appear when the text field gains focus, before the user types anything. I've been trying to do this, and have so far been unsuccessful. Any help would be greatly appreciated. Thanks! Mike Harris
[jQuery] jqModal question in regard to IE6
Man, this is frustrating. I'm using jqModal to submit an ajax request and things work fine on FF and Safari. I then got to work and tried my stuff on IE6 and I'm stumped... the first time you click on a link in a table, it goes to the server with the ajax call and returns a form displayed in the resulting div. Things are fine. However, when you click that same edit link again from the table, the modal window fires, but this second modal window never fires the ajax event to the server. When the modal
[jQuery] The resizing of a dialog window is really sluggish
I am trying Jquery 1.3.2 + ui 1.7.1 (Current stable version), and experienced that the resizing of a dialog window is really sluggish when the HTML page is big.
[jQuery] Combining Jquery from plugin with the form Validation plugin
Im relatively new to Jquery and have come accross these two plugins. Having looked at the ajax examples offered for the form plugin i was intruiged to find out how i could go about validating the form using the formvalidate plugin during the beforeSubmit callback. Ive seen that you can validate the ajaxform as shown in the following example. http://malsup.com/jquery/form/#code-samples However i'd like to use the formvalidate as it offers alot more.... Any pointers will be really appreciated...
[jQuery] IE 7.0 Bug for Jquery 1.3.2 + ui 1.7.1
Hi, I download the stable package Jquery 1.3.2 + ui 1.7.1 from the site and just modified the sample page to try. And I keep on getting: "Exception thrown and not caught" error for the following simple page, basically just one jquery line with some HTML code. This happens for IE7.0 on XP. ========================================================= <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>jQuery UI Example Page</title>
[jQuery] Is '.children()' a destructive operation?
In other words, if I do the following: dialog.children().remove().end().append(newContents); ...will 'newContents' be appended to 'dialog' or to each of the elements matching 'dialog.children()'? coyote
[jQuery] animate height 100% not working
I am playing around with the height 100% with jquery for a CSS property. It doesn't seem to work at all though when using it for width it works just fine. Any ideas whats going on, or did I miss something very basic? I can set the height to 100% after the animation but it doesn't look very nice.
[jQuery] jQuery submission / IE6 problems
Hi All, I'm having problems getting a simple poll to work correctly in IE6 - unfortunatey the form always trys to submit, ignoring the jQuery (1.2.6) script below: $(function() { $('.error').hide(); $("#button").click(function() { $('.error').hide(); var pollid = $('#pollid').val(); var ansa; var ansb; if ($('#ansa:checked').val() == null) { ansa = ""; poll = "ansB"; } if ($('#ansb:checked').val() == null) { ansb = ""; poll = "ansA"; } /* if (ansa != "" || ansa != "undefined") { poll = "ansA"; }
[jQuery] jCarousel - making it more Accessible
How to Add option to "View All" nodes like in http://www.reindel.com/accessible_news_slider/ ? thx.
Change all table cells to have a border
See the table code below. Because this table is created by a third party application, I can't modify their code. So, I'm stuck trying to find other ways to change the table styles. I figured jQuery would be a great way to accomplish this, but I can't figure out the correct code. Can someone show me how to change all cells, or certain cells (dddefault and ddlabel) to have a border? I've gotten close, but it only affects the first cell. Thanks in advance! <TABLE CLASS="datadisplaytable" SUMMARY="This
[jQuery] [autocomplete] Bug in click function
Hi, I was using the autocomplete and found a bug in the click function, follow the code: Actual code: // In this code you need to click twice in the input element to show the results. .click(function() { // show select when clicking in a focused field if ( hasFocus++ > 1 && !select.visible() ) { onChange(0, true); } Fixed code: // I just added ">=" instead of ">", so you only need one click to show the results .click(function() { // show select when clicking in a focused field if ( hasFocus++ >=
[jQuery] FF3 problem mouseover/mouseout
hello, I am working on a large first project but it seems i can't fix a annnoying bug. It's about a 5000 divs that need a mouseover. I have tried using event delegation but it doesn't seem to work. The problem is FF3. [url=http://dolumar.225.com/dolumap.php]dolumap[/url]
[jQuery] jCarousel - Centering selected <li> - displaying part of the surrounding elements
Hi all, I've been lurking around the web for a long time but couldn't find any answer to this yet. Hope someone will have some insights! I'm trying to recreate something similar to this: http://billwscott.com/carousel/carousel_spotlight.html I'm displaying 3 elements at the same time, but I want to have the selected <li> centered (meaning that selecting the 1st will have nothing on its left but will be centered in the carousel) Also, the width of 3 elements will exceed the carousel's width (that's
Radio buttons to control link handling
For any links with a particular CSS class, I'd like to control whether the links open in the same window, a new window or a pop-up (using 'onclick'), based on the user's selection from a group of radio buttons -- and then save that choice in a cookie (all using jQuery). Anyone know specifically how to accomplish this? Thanks!
After() animation...
Hey all... I'm learning jQuery as I go here, and have set up a small application which calls a php script, inserts a record to the database, then returns the record. It's based on this: http://9lessons.blogspot.com/2009/05/in ... y-and.html The functionality is fine - the record inserts and the screen updates correctly - however I want to make the returned information slidedown, a la facebook/twitter. It's the $('element').after(html) section I need to slideDown but no matter what method I use, I
[jQuery] jQuery form submission IE6 problems - possibly event listener
Hi All, I'm having problems getting a simple poll to work correctly in IE6 - unfortunatey the form always trys to submit, ignoring the jQuery script below: $(function() { $('.error').hide(); $("#button").click(function() { $('.error').hide(); var pollid = $('#pollid').val(); var ansa; var ansb; if ($('#ansa:checked').val() == null) { ansa = ""; poll = "ansB"; } if ($('#ansb:checked').val() == null) { ansb = ""; poll
[jQuery] [tooltip] overriding definition
Newbies question: I need different definitions of tooltip on one page: 1/ Replace the default tooltip of all title elements $('*[title]').tooltip({ delay: 500 }); AND 2/ Replace only Title elements within class "fast" (e.g. <a class="fast" href="..." title="fast tooltip">Fast</a> ) $('*[title].fast').tooltip({ delay: 0 }); But first definition overrides the second one all the time. I moved "general" definition 1/ on the first position of js and the "class based" 2/ on the last one but no
[jQuery] jquery & validation in cakephp
I am validating form fields on blur event in jquery. How do I validate more than 1 field in the controller action called from ajax with $params['form']. Code I m trying is: //ajax action in controller function ajax_validate() { Configure::write('debug', 0); if($this->RequestHandler->isAjax()) { $this->data['User'][$this->params['form']['field']] = $this->params['form']['value']; $this->User->set($this->data); if($this->User->validates()) { $this->autoRender = false; } else { $errorArray = $this->validateErrors($this->User);
[jQuery] [validate] Hwo to disable error messages at all.
Hi there. Is it possible to disable showing error messages in jquery.validate plugin at all? I just need to aply css error class, not to see error messages anywhere. Thank you.
[jQuery] Coldfusion Callback
Hi, Been looking at Jquery for a longtime and decided to take the plunge. I work in coldfusion and would like yo know how to call a jquery function when my server side query has been run. When I delete a user. I want to call a function that displays a message when the user is deleted. <cffunction name="deleteUser" access="public"> <cfquery datasource="#application.datasource#" name="qDeleteUser"> DELETE FROM USERS WHERE id = '#URL.id#' </cfquery> </cffunction>
[jQuery] Get XML value from web service call
I need to pass an XML file (KML) to a google earth API method. In the following example (http://earth-api-samples.googlecode.com/svn/ trunk/examples/kml-parse-interactive.html), it takes the xml from a textarea like this: var kmlBox = document.getElementById('kml-box'); var kmlString = kmlBox.value; where 'kml-box' is the textarea. In my application I'm receiving the XML file (KML) from a web service. I'm using $.get to call the web service and the file is received correctly. The problem is how to
[jQuery] Question in JSON
Hello, I recently learnt jQuery but I am having problems on working with JSON. I am loading the JSON data from PHP file using $.getJSON. The JSON returned is {"4":{"6":"1"},"3":{"1":"1","2":"1"}} and array for reference is Array ( [4] => Array ( [6] => 1 ) [3] => Array ( [1] => 1 [2] => 1 ) ) The problem is that I don't know the JSON values. Is there any way I can loop through JSON so I can access "4", its child "6" and value 1? Or I will have to make another JSON structure?
[jQuery] listnav, but for tables?
I'm looking for a plugin like the listnav plugin (demo: http://www.ihwy.com/Labs/Demos/Current/jquery-listnav-plugin.aspx), but for tables? I'd like to filter / select rows in a table based on the first letter of one of the rows in the table. The listnav plugin is exactly what I'm after, but it works on ol/ul only, and I need to use it with tables.
[jQuery] .hide and .show in FireFox vs IE6
For me one of the best things about jQuery is that I don't have to worry about browser compatiblity. I wrote some code to extend an excisting jQuery application (Galleria) and only tested it in FireFox. I split a long list with thumbs in several blocks: deel0, deel1, deel2 ... etc. After that I hide every block except the first one. If the visitor clicks on "Next serie" I hide the first block and show the second. All seemed to go well until I tested the page in IE6. The jQuery effects "hide" and
[jQuery] Giva labs linkselect right positioning with no title fix
The logic baked into the linkselect plugin <http://www.givainc.com/ labs/linkselect_jquery_plugin.htm> for avoiding the options container from being cropped by the right hand edge of the page fails if there is no title assigned to the select. I’m writing to share a change to fix it. Modified snippet from uncompressed jquery.linkselect.js: // adjust to the left by subtracting the list width and then adding the width of the title (which will cover up the anchor text) pos.left = (pos.left - $container.outerWidth())
Load images in particular order, once loaded- fade in
Hi guys. First of let me say that I am not actually a webdesigner or developer, I haven't fiddled with it in years, and javascript and especcially all these new frameworks are a bit new to me, so I need a little help getting started. I am making myself a new portfolio for my photography, I wanted to keep it really simple, so I just have a static div for some contact info and such and a horizontal scrollable div that holds a lot of images. I figured that the browser reads and loads the images in the
[jQuery] Access to the outer object from $.each.
I have the code bellow as bellow: jQ.fn.Form = function(){ //check if the element is a form if(!jQ(this).is("form")){ alert("Expecting form element!"); return this; } jQ(":input", this).each(function(){//iteration min = jQ(this).attr("min"); if(typeof min == 'undefined'){ return; } alert(min); }); }; How can I access (the right way) to the form object from within iteration
[jQuery] Using Draggable on images and generate markdown syntax?
Hi, I am currently using markdown for content input using the wmd-editor. I have a idea that putting a list of uploaded images beside the edit area and make the pictures draggable using jquery ui. By using the clone helper of the Draggable plugin, I managed to have the link of the images dropped to the edit box. I am thinking of making the drag&drop more convinient if the drop text can be generated as markdown syntax instead of just the image links. I am not familier with javascript so I think it
[jQuery] Changing text to a pulldown (select) menu on click
Hello all, a quick question the answer to which I hope I have not missed in the documentation: I have a table of data and I want to make one of the cells to provide a pull down menu (the <select> form element) when clicked on. Being a rank amateur, the only idea I could come up with is something like this: <td id='mycell'> <div id='valtext'>Current</div> <div id='valopts' style='display: none;'> <select id='selopts'> <option>Old</option> <option>Current</option> <option>New</option> </select> </div>
[jQuery] parent element jumps when child fades in or out
hello all, i am curious if there is a simple solution to this very common problem im sure lots get. i have a div with some children items in it and when i fade one of them out the div jumps down to the appropriate height. i would like to know is there a simple way to animate the div to shrink nicely instead of just jumping to its new size? thanks.
[jQuery] image for public usage
Since jQuery is one of my "tools" - I'd like an appropriately "public" image to use on my website. Are any available? thanks tim
[jQuery] Need some suggestions/code to design Menu
Hi , I have a design requirement in the following way: I wanted to make static html pages by using jquery. 1) There will be a horizantal menu on the top with 3 buttons. 2) On click of each button there will be a verticle menu comes with 3 more buttons with a content area next to button. 3) I should be able to select this horizantal buttons to change the content . 4) I am looking to use more of css as we have more control on design. Can anyone suggest me jquery way for the above design. Infact i am
[jQuery] grid-based page editor
Hello, I’m looking for a javascript grid-based page editor, for lack of a better term. Some javascript code that takes a set of vanilla html div blocks and allows you to order them, move them, expand contract and maintains the grid system in a fixed width interface, like 12 column 960. The javascript generates the right grid code and you can save it or do an XMLHTTPRequest post to save it. Any ideas or have you seen something like this? This grid idea is kind of a nicety, really any javascript that
jCarousel issues... need to auto-scroll after page refresh
I have the jCarousel working well. However the functionality I'm looking for seems to be easy with the callbacks available -- I just have no clue how to achieve this. Here's my javascript in the <head>: <script type="text/javascript"> jQuery(document).ready(function() { jQuery('#mycarousel').jcarousel({ easing: 'EaseInOutExpo', animation: 1000, scroll: 7, }); }); </script> Once the thumbnail is clicked in the carousel and the page refreshes, the <li> is given an additional class called 'current'
Next Page