[jQuery] focus and blur events
I have a table with one column. each cell contains a textbox. I want the user to be able to use the cursor keys to move up or down the cells. On the keyup I detect when the up key is pressed (event.keyCode==38) and navigate to the previous cell and call focus() on it. I am tracing the events to see what is fired and am getting confusing results. 1. If i click cell1, cell1.focus fires. If i now click cell2, cell1.blur fires and cell2.focus fires. This is what i expect. 2. if i click cell1, cell1.focus
Expanding Select Boxes and Each loop
Hi All, Thanks for reading. I'm a bit new to jQuery, and am trying to make a script I can include in all my websites to solve a problem that always drives me crazy... The problem: Select boxes with long options get cut off in Internet Explorer. For example, these select boxes: http://discoverfire.com/test/select.php In Firefox they are fine, but in IE, the options are cut off to the width of the select when they drop down. The solution: What I am looking to do, is create a script that I can include
[jQuery] how to collage list of value in custom attribute
my form have custom attribute for configure jquery function like <form id="tform"> <input type="text" name="email1" custom="req ,isEmail" /> <input type="text" name="email2" custom="eq|email1" /> </form> how to collage list of value in custom attribute in tform?
[jQuery] jQuery Form Plugin - File Upload Issues
I have a form that works perfectly until I try to upload a file, please check out: http://freshbump.scheetzdesigns.com/ Click the big blue "Add the Next Image" button and play with the form. If you don't add a file to upload, it works. Once you add a file, it's a no-go. There is documentation on how to handle the uploads, but the page gives no samples of code to actually use. Am I missing something? http://www.malsup.com/jquery/form/#code-samples Any help would be HUGELY appreciated!
[jQuery] implementing double cookie submit with jquery?
anyone have any suggestions on where to start? read pretty much everything on google but still kinda confused... thanks Alex
Form Plugin Help
I am trying to create a form that uses ajax to submit. I created a insert_email.php script which looks like this: <?php require_once('Connections/connect.php'); ?> <?php mysql_select_db($database_connUser); $sql="INSERT INTO mail_list (id,email) VALUES('','$_POST[email]')"; if (!mysql_query($sql,$connUser)) { die('Error: ' . mysql_error()); } echo "1 record added"; ?> And I have my page which is a text box that asked for the e-mail address, which looks like this: <!DOCTYPE html PUBLIC "-//W3C//DTD
[jQuery] How to format options that are only relevant in certain contexts?
I'm writing a star rating plugin. I'd like to write it respecting established coding standards. Generally: there are contexts where the plugin will or will not asynchronously submit (outside or inside of a form, by default). Based on the context, there some options that will not be relevant (e.g. the options defining the action and method of the asynchronous submit). Is there some standard way to format the options object that reflects that some options will only be relevant in certain contexts or
find and replace.
Hello Jquery Users. I am new to Jquery and I am xcited about the power of jquery. I am currently stuck in doing what could be a simple thing to do in Jquery - Find and replace. I have a HTML code ( see below ) What I need to do is that I need to search for all any DOM element with name ( dynamicPollUrlList[2] ) and replace it with (dynamicPollUrlList[1]). basically I want to reduce the index 2 to 1. HTML code <tr id="multiPollRow[0]"> <td> <input name="dynamicPollUrlList[2].urlID"
[jQuery] jcarousel and nested lists
Hello everyone. I would like to modify jcarousel to only scroll a certain number of pixels, rather than to the next number of items as setup in the settings. Ie instead of scrolling 3 items, i would like to scroll 200px. I am using jcarousel as a vertical menu. The problem has arised because I have a set of nested lists. If the nested list is longer then the containing div, and the user scrolls to the next set of items, then the overhanging part of the nested list is skipped. I am using treeview
[jQuery] quickSearch 2.0
Hi guys, I've been working on rewritting my quickSearch plugin for quite a while now and I'm happy to let you know that I've finished. The new version of quickSearch was written with speed in mind, it is now a lot quicker than the previous version and it is completely backwards- compatible with any previous code written. http://rikrikrik.com/jquery/quicksearch/ If anyone finds any bugs or has any requests for features, let me know Thanks, Rik Lomas
[jQuery] Covert relative url to absolute url
Hi, Is there a method available that will allow me to convert the reltative url to absolute url? Thanks!
[jQuery] jQuery clone - problem with array inputs
Hi guys, Inside myForm i have myTable. myTable contains 3 text input fields: name="ip[]" name="mac[]" name="netmask[]" When a user clicks "add new" i clone myTable and append it to another table inside myForm. Firebug sees no error in the generated html node, yet when i press submit, the new fields don't get passed to PHP $_POST['ip'] is a one-value array. So are mac and netmask. Basicly, the new input elements seem to get ignored somehow. I also checked whether the new fields are inside or outside
[jQuery] Display a loading message till all the images are loaded.
<div dir="ltr"><span style="font-family: trebuchet ms,sans-serif;">Hi All,</span><br style="font-family: trebuchet ms,sans-serif;"><br style="font-family: trebuchet ms,sans-serif;"><span style="font-family: trebuchet ms,sans-serif;">I am using a plugin from this site <a href="http://benjaminsterling.com/jquery-jqgalscroll-photo-gallery/">http://benjaminsterling.com/jquery-jqgalscroll-photo-gallery/</a> (example is also in the same page) for my gallery.</span><br style="font-family: trebuchet ms,sans-serif;"><span
[jQuery] Multiple cluetips (tooltips) on an imagemap
I'm using Cluetips to show tooltips over several AREAs on an image map (with usemap). Is it possible to: (a) Show multiple sticky tooltips, all displayed at the same time (b) Automatically show all tooltips as soon as the page loads (ie. no mouseover). The tooltip labels multiple AREAs on my image. The only other threads on the cluetips and imagemaps do not mention this. eg: * Using ClueTip with Image Maps in IE http://groups.google.com/group/jquery-en/browse_frm/thread/c69f840b8aaa8c49?tvc=1&q=image+map
[jQuery] change filedname from ID in jquery validation plugin
Hi, I am using Jquery plugin for client side validation. But due to a filedname I am facing a problem. Example var validator = $("#UserSignupForm").validate({ rules: { data[User][username]: { required: true, minlength: 2, remote: "users.php" } }); HTML :<input id="id_username1" name="data[User][username]" type="text" value="" maxlength="50" />
[jQuery] change filedname from ID in jquery validation plugin
Hi, I am using Jquery plugin for client side validation. But due to a filedname I am facing a problem. Example var validator = $("#UserSignupForm").validate({ rules: { data[User][username]: { required: true, minlength: 2, remote: "users.php" } }); HTML :<input id="id_username1" name="data[User][username]" type="text" value="" maxlength="50" /> When I am using data[User][username] as a filed name in jquery validation,
[jQuery] Chrome not performing fade and show() functions well
Today I tested my site on Chrome and I was severely disappointed. All fadeTo, fadeOut/In, show(), hide() functions work very bad. On the black background you can see the jagged white halo around the text that is about to fade/show/hide. Did anyone else experience this?
[jQuery] jquery.ui theme issue (via themeroller)
I just downloaded a theme from the jquery.ui themeroller (http://ui.jquery.com/themeroller). When I apply that theme to a dialog with form elements, the form elements cannot be clicked on because the z-index is not quite right. It seems that ANY theme there runs into this problem.... It looks like the z-index is somewhat dynamic, so it's not just a quick fix in the css (that I can see right this moment). Is this a known issue with a known work-around? Or do I need to start hacking away at it? Besides
[jQuery] Page running slow
Hi, I have a page that has several event listeners, some using the LiveQuery plugin. After about 5-10 minutes the page starts to get really bogged down, and I notice a 3-5 second delay on some events that normally occur very quickly. This happens whether I'm using the page, or if I just leave the page alone and come back to it later. Is there a way to monitor the events to see where the delay is coming from? Thanks for any help.
which tab is active??
var index = $("#example> ul").activeTab(); is not working any suggestion??
[jQuery] Newbie: Getting Draggable ID in Droppable function
Hi gang, New-ish to JQuery, and I have teething problem. I have a whole bunch of draggable items (identified by class="box"), all of which have unique IDs. When they're dragged onto the droppable, I need to get the ID for that unique draggable. Specifically: $(document).ready(function(){ $(".box").draggable({helper: 'clone'}); $("#cart").droppable({ ... ... ... drop: function(ev, ui) { addProduct(I-WANT-TO-GET-THE-DRAGGABLE-ID-HERE); } }); Any suggestions on this most appreciated. :-) Cheers, - JB
[jQuery] Superfish hover working improperly in IE
First, kudos to Joel Birch for creating a wonderful menu plugin in Superfish, but I'm sure it's no surprise to anyone that what works fine in Firefox causes trouble in IE. In my case, it is simply the MouseOut being triggered prematurely in IE, so that the drop-down menu hides when you are still hovering over a menu item. I have a very basic example at http://bb.allourbooks.com/1.11/ and would be eternally greatful if someone could point out why this IE malfunction is occurring. Thank You, -David
[jQuery] [jQuery UI]
I'm getting the following error with the html snippet shown below. doc.scrollTop is not a function pTop = doc.scrollTop(), pLeft = doc.scrollLeft(), the above from 'ui,dialog.js' Can anyone help? ------------------ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <script src="../lib/jquery.js" type="text/javascript"></script> <script type="text/javascript" src="http://dev.jquery.com/view/tags/ ui/latest/ui/ui.core.js"></script>
[jQuery] How to Avoid Javascript Conflicts?
Note: I'm new to Javascript...understand basics, but that's about all. I designed http://www.crainefrahm.com a while back and it's a total mess in terms of coding. It uses opencube's Tree Menu, which isn't registered so on PC's there is a "unregistered" warning message that pops up. I finally found a better menu solution with the SBD accordion menu, originally developed for Joomla. In attempting to implement the accordion menu within a tutorial I found on the jquery site for an HTMLHttpRequest framework
[jQuery] Efficient Multiple Slide-Fade Animation Rewrite
Hi, On a page, I have THREE slide-fade animation. And currently I'm replicating three instances the following code. $(document).ready(function() { $('#topShade').hide(); $('#trigger_sitemap').bind("click", function () { $('#topShade').animate({ height: 'toggle', opacity: 'toggle' }, "slow"); var $this = $(this); var trigger_txt_sitemap = $this.text(); if (trigger_txt_sitemap == 'View Site Map') { $this.text('Hide
[jQuery] jQuery.noConflict() --> still have 1 conflict
Hi gang, I'm currently using both jQuery & Scriptaculous archives. (I'm phasing out Scriptaculous, but it's happening in stages.) I'm using var jca = jQuery.noConflict(), but one line in particular is still refusing to play with scriptaculous.src: jca(helppanel).hide("slow"); No error message in firebug, but nothing happens. As soon as I take scriptaculous.js out, everything works fine. Alert messages after this line work. Oddly enough, jca(helppanel).show("slow"); works just fine Anyone have ideas
[jQuery] Issue with Slide
In Safari, I am getting the following error about a dozen times consecutively: Value undefined (result of expression jQuery.easing[this.options.easing || (jQuery.easing.swing ? "swing" : "linear")]) is not object. Does anyone know what this means? I have jquery 1.2.6 and the UI.core library loading.
[jQuery] Basic problem - using .click and .hover together on elements
I'm sure this has a very simple solution, but I am just starting out and can't work it out, so I would appreciate it if anyone could give me some help. I have a basic text menu, which when the menu items are clicked the page content changes. What I want is for the menu item text to change color when hovered over - from black to red, and for the menu item that has been clicked to be red. The hovering part I have is: $('li a').hover (function() { $(this).css({color:'red'}); },
[jQuery] Tablesorter asking authentication dialog in FireFox 3.0
Hi All, I am new to JQuery. Basically I am a ASP.Net developer. I just implemented the Table sorter in my test application. Its works well in IE7. But when I run the page in the FireFox 3.0, it asking the authentication like user name and password. If I did not enter the info. then the tablesorter.js will not loaded. Please tell me your suggestions on this. Thanks in advance Ganesh.
[jQuery] JSON Jquery Load Animated GIF
Hello I have an animated GIF load, till the DOM is loaded <!-- Page Uploading Progress bar Script --> <div id="loading" style="position:absolute; width:100%; text- align:center; top:300px;"> Loading Tax Software ... Please wait... <img src="imgs/progress_bar.gif" border=0></div> <script> var ld=(document.all); var ns4=document.layers; var ns6=document.getElementById&&!document.all; var ie4=document.all; if (ns4) ld=document.loading; else if (ns6) ld=document.getElementById("loading").style;
[jQuery] Load the Jquery.js in IE6+ only
HI, I am new to Jquery. Basically I am a ASP.Net developer. From past 2 days I'm playing with Jquery. The Jquery is compatible to IE6+. My ASP.Net application can execute on IE6 and FF1.x. So, I would like to load the JQuery.js and other Jquery utility javascript only on IE6+ browsers. I dont want to load the jquery.js in IE6 browser. How to do this task?. Please let me know as soon as possible. Thanks in advance. Ganesh.
[jQuery] Buggy Animation
I have some animation in the top navigation bar of my website [http:// www.silverchild.com/index_2.htm]. When I view the site in Firefox, the animation works every time you click a button. In IE, the animation does not get triggered consistently after the first click. In fact, after a few clicks, the whole web page acts buggy. Some of the left menus show up incomplete. hidden objects show up. I can't find anything on this problem Any ideas of what is going on? Is the script too complex for the engine
[jQuery] Form plugin using ajaxSubmit to fill initial values into form
I'd like to read the initial values of the input fields from a DB (php script) with ajaxSubmit. So far ajaxSubmit didn't fire the request to my php script. See sample at http://www.orpatec.ch/test/formdata.html (view source) Is there a sample anywhere which does about the same? Besides how are the values returned and filled into the fields?
[jQuery] Load the Jquery.js in IE6+ only
HI, I am new to Jquery. Basically I am a ASP.Net developer. From past 2 days I'm playing with Jquery. The Jquery is compatible to IE6+. My ASP.Net application can execute on IE6 and FF1.x. So, I would like to load the JQuery.js and other Jquery utility javascript only on IE6+ browsers. I dont want to load the jquery.js in IE6 browser. How to do this task?. Please let me know as soon as possible. Thanks in advance. Ganesh. -- View this message in context: http://www.nabble.com/Load-the-Jquery.js-in-IE6%2B-only-tp19929859s27240p19929859.html
[jQuery] [tooltip] display problems on absolute
http://www.devsnapshot.com/transpack/bags.php?section_id=1&product_id=1 I am working on a mockup for a website using the jQuery tooltip plugin. I have everything set up to properly display the tooltip, but it keeps showing on the bottom layer (i am absolute positioning and using z-index for my content). I currently have my flash background turned off for this specific page so you can see that the tooltip IS working - just not correctly. It's positioning is incorrect and even if i set #tooltip to
[jQuery] Looking for a pop window to use for editing data in a table
Hi, I'm looking for some kind of modal window like the UI dialogue that may do true form submission and refreshes the parent window. Here's the scenario I'm looking to accomplish. I have a table of data, one of the column is editable. If the user clicks on the column of a particular table row, a modal window will pop up asking for additional information. The user fills out the information and submits. The window updates the info for that table via ajax and then force a refresh so the data in the
[jQuery] Unhook already hooked function to click
Hi! I am making a effect that when you click a image the large image is opened in a absolute positioned div above everything else. Then a close link is created at the top of the page an clicking that will close the image again. The problem I am having is that people can click another image while the show animation is running and therefore display two divs and destroying the effect. If I have something like this: $(".openAnimation").click(function () { alert("clicked the link"); $("body").append("<a
[jQuery] form/validation plugin questions
Hello, I am using form and validation plugins successfully. I was wondering: a) how can I make an error message show at a custom location? for example when validating an email, it will just add right next to the input element an error message as a generated label. how can I make error messages show at some custom div. b) sometimes i need to validate at server side. for example, i might need to check if a username previously exists in the system or not. I return different responseText each time, so
[jQuery] The difference between jQuery, jQuery UI, and Plugins...
<div dir="ltr">Someone asked tonight on the jQuery UI maling list about the difference between jQuery, jQuery UI, and Plugins. This may not be new(s) to some of you, but my answer turned out to be rather lengthy, so I thought I'd share it here as well. Or at least a link. Here's the original thread:<div> </div><div>The difference between jQuery, jQuery UI, and Plugins... </div><div><a href="http://groups.google.com/group/jquery-ui/browse_thread/thread/b472a9fa0f460b8c">http://groups.google.com/group/jquery-ui/browse_thread/thread/b472a9fa0f460b8c</a>
[jQuery] Checkbox onchange submit form
Hi, I'm trying to submit a form by an onchange event of a checkbox and show the results in a div on the same page...The trouble I'm having is with the checkbox <input type="checkbox" name="instockOnly" id="inStockOnly" value="1" /> Now, I'm using jquery with the forms plugin,... $j(document).ready(function() { // bind form element using ajaxForm $j('#inStockOnly').change(function() { $j('#filterResultForm').ajaxForm({ // target identifies the element(s) to update with the server
Next Page