[jQuery] $(form).submit() validation and multiple forms
I have built out a fairly rhobust app using jquery and jquery-ui all was going well until we started to bring different screens together inside a tabbed interface. Seems that now when we execute our validation code on one form its checking the fields of all other forms on the page. All of my forms do have unique ID's and all elements within all forms have unique ID's. My understanding of using this.find inside of the submit event was that it should only find the forms elements am I wrong? Method
[jQuery] Using variables in an Attribute filter
I am trying to do something that seems very simple, but can not get to work! Basically, I want to find an element whose ID equals a certain value, as represented by a variable. The variable is derived from a dropdown list. Here is my code: $(document).ready(function(){ $("select").change(function() { var myClr = $("select").val(); $("p[id=myClr]").addClass("bold"); //this is the line giving me trouble }); }); I am wondering if it is legal to use a variable within the filter - if I replace it with
[jQuery] SimpleModal - Multiple Dialogs
I'm using the plugin SimpleModal and I wonder if you can open a modal and within the same modal opening another, only when you close the second shift did not want to close all, as it occurs today when I call the $.modal.close ();. Thanks
[jQuery] table tbody tr:last td
hi I've a Problem: I have a table like this: <table class="sortable" id="res"> <thead> <tr> <th>123</th> <th>123</th> <th>123</th> </tr> </thead> <tbody> <tr> <td>123</td> <td>123</td> <td>123</td> </tr> <tfoot> <tr> <th>123</th> <th>123</th> <th>123</th> </tr> </tfoot> </table> Now I made this script: $(document).ready(function()
[jQuery] Mouseout event problem
Hi there, Real newbie to jquery but things are starting to become clearer. I am building a website for a studio i have just set up - http://www.birchstudio.co.uk/test - and am having trouble with the menu which is using a slide plugin. I have got the menu area (the white part at the top of the site) to slide when the mouse enters the area, this is fine and i have got the area to slide back once the mouse leaves the area, this also works, but then when the slide function has finished and the menu
[jQuery] SuperFish: Auto width of main menu when vertical
Using a vertical menu and supersubs so that the submenus all have the correct width. The only thing missing is I need the main vertical menu to size itself to the correct width too! How can we make supersubs also correctly autosize the main items on the vertical menu?
[jQuery] Apply CSS to dynamic content after it loads
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=iso-8859-1"> <META content="MSHTML 6.00.2800.1627" name=GENERATOR> <STYLE></STYLE> </HEAD> <BODY bgColor=#ffffff> <DIV><FONT face=Arial size=2>Hi!</FONT></DIV> <DIV><FONT face=Arial size=2></FONT> </DIV> <DIV><FONT face=Arial size=2>I've got a page that loads dynamic content, sometimes including links. The CSS seems to apply to the loaded CSS, except for a rule that
[jQuery] How do I stop my div from sliding?
Hi all. JQuery noob here. I'm building a site right now that has a left column navigation and the navigation is nested inside a div, which is nested inside a table cell (i.e., <td>). I'm using JQuery to make it so when the user scrolls down the page, the div slides down with smoothly and always stays at the top of the page. I have this working just fine, but when I change resolutions (i.e., 1024x768), the div scrolls over the bottom of the page, which is what I don't want. How can I calculate in
JQuery & Galleria & parsing an XML file with images
Hello, I have been trying to figure this out for a few days now and I'm stuck. I'm using a JQuery based image gallery called Galleria http://devkick.com/lab/galleria/. Its simple enough for my needs but I would like it to load the images from an xml file. With that in mind I have been trying to modify the basic demo_01.htm demo file to do just that. 1st, here is the XML: <?xml version="1.0" encoding="utf-8"?> <myimages> <myimage title="Picture 1" imageurl="/img/flowing-rock.jpg" className="">
[jQuery] numeric formatter
Hi, Newbie learning jQuery. Failing miserably. I am trying to implement http://decorplanit.com/plugin/ autoNumeric(). Automatically adds commas to numeric fields. Got the plugin working fine. Need code to copy contents of one text box to another (on blur) and then remove commas by running $.fn.autoNumeric.Strip('id of the input field that you want to remove the format'); This is how it has been done on the site but I just can’t work out. jQuery(function($) { $('input.auto').blur(function(){ var
[jQuery] jCarouselLite - set to scroll if...
hi, I am using the jCarouselLite which I got from <a href="http:// www.webdesignbooth.com/create-a-vertical-scrolling-news-ticker-with-jquery-and-jcarousel-lite/">here</a> in my webpage and would like to be able to start the scroll if the text that is inside the div falls outside the height of it?! Please help!
FadeOut autocomplete onclose
Hi There, I use the jquery autocomplete plugin to create a list of destinations which works fine at the moment. Our customer wants the autocomplete box to FadeOut when it's being closed or an item is selected. Here is a piece of my code: var input = $('input#' + boxID + '_SEARCH'); input.autocomplete('/SearchLocations_new.aspx?action=freesearch', { width:400, delay: 100, minChars: 1, matchContains: 0, minChars: 0, parse: parseXML,
[jQuery] Sortable inside an accordion
Hi all. I'm trying to place a sortable list inside an accordion and it isn't workig. The list appears outside, below the accordion. Can anyone help me getting this working? Thanks in advance.
[jQuery] Selector and special characters
Hi, I want all my form inputs which name start with "fieldInstanceGroups [0].fieldInstances[1]". I try with jQuery('input[name^="fieldInstanceGroups[0].fieldInstances [1]"]') but any result. Then I try some requests, with \\ to escape special characters but I have any result. 'input[name^="fieldInstanceGroups"]'; => result ok 'input[name^="fieldInstanceGroups['+idGroup+']"]'; => result ok 'input[name^="fieldInstanceGroups['+idGroup+'].fieldInstances"]'; => result ok 'input[name^="fieldInstanceGroups['+idGroup+'].fieldInstances
[jQuery] ClueTip problem on initially hidden fields
I am using the clueTip plugin to show help hovers on my application. It works like a charm, except when I have initially hidden fields on the page. For example, several fields default to style="display:none;" and then when an onchange event occurs on a dropdown, these fields are shown. When you mouseover the help image to see the clueTip on these fields which were initially hidden, the clueTip flashes and acts funny. Here is the jQuery: <script type="text/javascript"> $(document).ready(function()
jQuery UI multiple delete confirmation dialog
Hi all I have some chain of blog . I generate with php some topics ... exemple: <div id="topic_1"> <div> some text</div> <div><span class="delete">Delete</span></div> </div> <div id="topic_2"> <div> some text</div> <div><span class="delete">Delete</span></div> </div> <div id="topic_3"> <div> some text</div> <div><span class="delete">Delete</span></div> </div> <div id="topic_4"> <div> some text</div> <div><span class="delete">Delete</span></div> </div> I have
[jQuery] How do I extract a part of received data
I explain... I try to load only a part of my data file (named Elements.html). It will load all the data file with var elem = $('#section_news', data); Here is my code $.get("Elements.html", function(data){ // get id section_news for the receive data var elem = $('#section_news', data); $('#content').empty().append(elem); }); My host html <body> <div id="content"></div> </body> My Elements.html data file <p id="section_news">Hello World!<p id="section_home">Hello Fred!</ p>
[jQuery] how to run code when validation fails
How can I popup an alert when validation fails please ? (for testing purposes) http://codepad.org/O0iMCyXo Thanks so much.
Stuck with collapsible item (toggle)
Hey guys, New at the forums, will appreciate any help I can get. I'm trying to figure out how to get this collapsible panel to work. Head to http://www.ilumsudamericana.com.ar/contactenos.asp You'll see a small form and two big buttons at the top (they activate checkboxes) "Catalogo" and "Brochure" The idea is that clicking any of those two buttons will collapse the form (it's visible by default now so you can see it). The problem is, you can actually select BOTH items, so selecting one will collapse
ajax complete does trigger when not complete
I'm using ajax to update a list of articles. On the page is the list of articles, onload there is a loop through the array of articles. For each a ajax update request is called (to prevent PHP timing out). When complete, behind the article's name, 'updated' is shown. This all works, but really really fast! Way too fast. I build this in Mootools before and it took for 1000 items re-rendering about 0.5 hour, while now its a split second. Instantly behind all the articles it shows 'updated'. When I
[jQuery] jcarousel - hide/animate buttons
Hi. Im trying to animate the prev/next buttons. my aim is to make them invisible when not hovering the carousel. first i tried to make the images invisible and visible when howering, thats working. i have a problem with hiding the next/prev buttons. --- $(document).ready(function(){ $(".skin-name .jcarousel-prev").fadeTo("slow", 0); $(".skin-name .jcarousel-next").fadeTo("slow", 0); $("#content").hover(function(){
[jQuery] AutoComplete
I need to add an icon to the end of the field that automatically opens the selection box. This is useful for smaller lists where the user may wish to scroll through the list instead of guessing the first letter. What javascript function can i call to emulate the min number of chars has been reached?
[jQuery] Deactivating parent link with JQuery
I wrote this message earlier, but it got unpublished for some reason...? Is there a way of 'knocking out' i.e. removing the link from a parent item in a list of links IF it has children links? For example, 'deactivate' Link 3 only: - Link 1 - Link 2 - Link 3 - Link 3a - Link 3b - Link 3c - Link 4 Is that possible? I think it should be with selectors, but can anyone show me how? Thanks, osu
how to read not submitted field value
Hi all, I am very new to JQuery. In fact this is my very first project where I am trying to use it. I have a page built in ColdFusion where I have a text field in which user will enter a code (B12, for instanse). I am trying to make a lookup page using the value of this field. I am planning on passing the value of the field to the page where this value will be passed into a d/b query. User will not hit a button to send this page to the server yet. Is it possible to do it via JQ? Thanks, Eugene
[jQuery] Ajax post on save dialog box
Hi, I am loading tiny Mce editor in a dialog box which updates the div on save I am trying to save in database 'Save Comment': function() { var content = tinyMCE.get('editor').getContent(); $.ajax({ type: "POST", url: "comments.php", data: "do=editcomment&c=+ cid +&pagetext=+ content +" }); Alert placed before the ajax call shows that I get the cid and the pagetext Alert placed after the ajax call are also successful. So my problem is the ajax call which is not sending any data. Please someone, what
Topic: IE 8: Add-on could not be loaded
Hi, I am using the following function to load the jQuery lib (1.3.2) dynamically: //function load_script (url) //{ // var x = new ActiveXObject("Msxml2.XMLHTTP"); // x.open('GET', url, false); x.send(''); // eval(x.responseText); // // var s = x.responseText.split(/\n/); // var r = /^function\s*([a-z_]+)/i; // // for (var i = 0; i < s.length; i++) // { // var m = r.exxec(s[i]); // remove second x // if (m != null) // window[m[1]] = eval(m[1]); //
[jQuery] Removing a table column
Hello, I have a problem with removing/toggling a table column. I have the below function that works perfectly in FF3+, Chrome, Safari but fails in IE7. $.fn.toggleTableColumn = function(column){ $('tr td:nth-child('+column+'), tr th:nth-child('+column+'), col:nth-child('+column+')', this).toggle(); }; The problem in IE7 is that is removes the column it is meant to but it also removes the column directly to the right as well. Both re-appear on the 're-toggle' Has anybody seen this behaviour before.
[jQuery] keepp getting NaN vlue
Hi, I'm making a calculator for freight customer It seems I'm on the right path. But there is two bugs i need help. The TOTAL TO PAY value always seem to appear as NaN at first instead of default 30000. And the function of TOTAL TO PAY only work after checkbox is checkd, I need it work regarding to changing of input value not just checkbox. <!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">
[jQuery] validate plugin step by step form
Hi, I'm creating a step by step form using jquery ui tabs and validation plugin, the problem is that I've got just one form ( and I have to ) so on first step the form is validated but all errors an others steps are displayed. I'm using an approach of http://jquery.bassistance.de/validate/demo/multipart/ but I've got specific messages and validations. Something like var v=$("#saverForm").validate( { debug: true, focusCleanup : false, rules: { "signupDetails.hasUnderstoodDeclaration"
[jQuery] huge newb question
Hello all, I'm trying to run through the simplest tutorials on jquery and for some reason I can't get any of the jquery code to work. I've downloaded jquery and I've made sure that this file is in the same directory as jquery-1.3.2.js. This is the code taken from the tutorial: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script src="jquery-1.3.2.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $("a").click(function(event){
JQuery and Accents
Hi, I'm using Jquery to send some data from a form through ajax. But this data has some characters with accents like ã, é and stuff like that. But when I receive this data in the server, the server does not recognize this type of characters. Is there any config like location that I can setup on jquery??
User-modified quick links list script?
Hi, everyone, I've been searching for this for a while and am looking for some assistance, if possible. I'm coding a PHP site that uses the jQuery framework and want to add a container which displays on all pages and does the following: 1. Displays a default list of links on the site (let's call them 'Quicklinks') 2. The user has the option of modifying the list on their own (obviously Cookie-based). 3. When they are on any given page, they can add it to their 'Quicklinks'. The page is then dynamically
[jQuery] how to submit a form after validation please ?
Can anyone tell me why my form action on line 113 does not fire after I get successful validation ? http://gist.github.com/195643 After the form validates I want it to POST submit to the url please.
[jQuery] Ajax check username - ASP and Access DB
Hi, Reasonably new to web building. I am now just updating my site with jQuery (first time user). I would like to implement an Ajax username checker on a new client registration form. All the tutorials and examples I can find use jQuery and php. Unfortunately, I have taught myself Access and ASP and have no knowledge of php. At this stage I want to stick with ASP and Access and look to upgrade the DB as another project. Can any body point me in the right direction to obtain some code. Kind regards.
[jQuery] Any one knows equivalent non php plugin for this?
http://www.frontpageslideshow.net/ Anyone knows equivalent plugin which I can use in python/django site. This plugin is php specific
[jQuery] IE and DOM issues
Hi all, I've been wrangling with trying to get my jquery-powered global nav to work consistently in IE8 (in "Compatibility Mode") and IE6 and 7, but with no luck. You can view the site here: <a href="http://67.23.44.204/">http://67.23.44.204/</a> The top nav (Products, Inspirations, etc. should each have a set of subnavs that show up when you hover over them with mouse) works sometimes, and other times not. I recognize that the issue is with all the code that appears in my $(document).ready(fn) statements,
[jQuery] Playing with jquery animate
Hi Been playing a bit with jquey animate, here is a sample of an animated header im working on for portfolio section of my upcoming site. <a href="http://www.todnn.com/pixelani/portfolio.htm">http://www.todnn.com/pixelani/portfolio.htm</a> <br clear="all"> -- Armand Datema CTO SchwingSoft
[jQuery] Cant' read XML with IE 8
<table cellspacing="0" cellpadding="0" border="0" ><tr><td valign="top" style="font: inherit;">I'm reading the contents of an XML perfectly with FF but IE doesn't load the contents of the XML, everything seems to be ok, can somebody tell me what's wrong? var xml = $.ajax( { type: "GET", url: xmlFile, dataType: "xml", success: function(xml) { total = xml.getElementsByTagName("item").length; for(x=0;x<total;x++)
[jQuery] Accordion UI height issue in Google Chrome
Hi All - Having another issue related to the accordion ui widget. In google chrome the initial inline height set by the accordion.js is calculating incorrectly on the initial page load. when the page is refreshed or you navigate to another page and then return, the height is set correctly. I am not sure why this is happening and I can't seem to see any other posts on the issue. I am thinking it has to do with with either my positioning css or my height declaration on the accordion div's. This only
[jQuery] Synchronous call in JQuery?
Is there a JQuery way to execute a custom function 'after' another custom function is executed? The second function must wait until the first one has finished. (Not asynchronous but synchronous) Important: I don't want place the call to the second function in the first one. for example: doSomething1(); doSomething2(); function doSomething1() { } function doSomething2() { }
Next Page