jQuery with forms
I have a SELECT box that when a user makes a selection it auto-populates the rest of the fields in the form with matching values from the database. Does anyone know how to do this with jQuery?
jquery pleb jqgrid issue
I am looking to use jqgrid in an mvc application, because filters & paging on the same form are problematic at best. I can get a basic grid going, but when I try and use filtering I get the error: Microsoft JScript runtime error: Object doesn't support this property or method... I have no idea what method it is talking about but the following code works with the lines commented out, but when I comment them in I get the error. jQuery(document).ready(function() { // var mygrid =
[jQuery] Help: Serialize html form into JSON
Need help. Stumped. I'm using jQuery and Ajax/serializeArray to read a form to get JSON object. However, it is in a format of: {"name": "firstname", "value": "Mary"} while I'd like to see it as {"firstname": "Mary"} to put it into couchdb and another application. Of course I have to use json2.jx from json.org to convert from object to string. Thanks for any help you can provide.
Menu opens but not doesn't close
I'm trying to make a dropdown menu that opens when an item is clicked but closes when you mouse out of the menu that has dropped down down. $(document).ready( function() { $("#nav li").click( function() { $(this).addClass("sfhover"); } ); $("#nav li ul").mouseout( function() { $(this).removeClass("sfhover"); } ); });
[jQuery] Multi event one action
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> </head> <body bgcolor="#ffffff" text="#006600"> What I want is $('select').change and $('input').blur do the same action with write function only once. Thank you. Paisal. </body> </html>
MY GALLERY
Hello geeks i've created a php page to show our infography works to the visitors. the page should contents a gallery and some information blocks related to the gallery sush as: client block: contents client and project name. infographiste coment block: this is the area that contents the work description written by the infographiste in the back office. form block: this form includ a text area and a submit button allow the visitor to wrtite his comment about eash work. comments: this aera is for displaying
[ajax] Space between category/subcategory
hi all, i'm trying to create a tree menu, each time i click into a category it shows me the subcategories. My code works fine but i have some spaces between a category and his subcategories, it's not a css problem ! Here is a screenshot : My code : (jquery) $.ajax({ type: "GET", url: "getSub.php", data: "id=" + id, dataType: "html", success: function(msg){ $("#menu ul[name="+ id +"]:first").html(msg).slideDown("slow"); } }); php/html : <ul> // print main categories while() { ?> <li name="<? echo
[jQuery] html select to get value from mysql on change
Hi Peoples, Would appreciate some help with this one, have a nice little muliform page which is all working well but i need some of the html selects to call back to jquery (working) then the the jquery to call the php (working) then the php to call the mysql ( not working at the moment) then the whole lot to return the mysql data to the jquery to be used in a formula. The problem i am having is every time i select an option i add to the number of responses i get ie select once 1 callback select something
[jQuery] validation plugin addMethod does not work for me.
what am I doing wrong here? I cannot figure out how to use the addMethod(). var frmSubmittal = $("#frmSubmittal"); //validates the form frmSubmittal.validate({ debug: false, focusCleanup: false, focusInvalid: false, onfocusout: false, onkeyup: false, errorPlacement: function(error, element) {error.prependTo ( element.parents("div.ctrlHolder"));},
Ajax and Multiple forms on a single page
Ok So I have 3 forms on a page, they each get submited by themselves and do some kind of animation update. For some reason everytime you submit a form it builds a loop somewhere. So if I submit 1 form twice, it displays the animation twice, then if I submit another form on the same page, it displays both animations. It only does this after submiting each form. It kind of per say builds. Its like an array is being added to and then runs through the entire array but I have no idea where, what it is
Images are not loading with jQuery
Hello everyone, I am making a website and i'm using jquery to make some menus animation and a image loading with background opacity. I'm using this script here and well, my problem is: <script type="text/javascript" src="fancybox/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="fancybox/jquery.easing.1.3.js"></script> <script type="text/javascript" src="fancybox/jquery.fancybox-1.2.1.pack.js"></script> <script type="text/javascript"> var $j = jQuery.noConflict(); </script> <script
ui tabs with disabled second level unordered list
Hi, I use jQuery 1.3.2 and UI 1.7.2. I have this html: <div id="zalozky"> <ul id="nav"> <li><a href="#caruso">Percoidei</a> <div id="caruso"> <ul> <li><a href="/jinam1/">A</a></li> <li><a href="/jinam2/">B</a></li> <li><a href="/jinam3/">C</a></li> <li><a href="/jinam4/">D</a></li> </ul> </div> </li> <li><a href="/nekam/">Kissing gouramis</a></li> <li><a href="/nekam2/">Pike-heads</a></li> <li><a
[jQuery] Some little Problems to extract data from ajax response ....
Hi all ... I have some small problems with Jquery ... I have a index.php site, inside this file it gives some <div>'s with ID's. When i load the index.php file (over $.ajax), it isnt accessible for me ... i thinks its better when i make a example... $.ajax({ url:'/index.php', type:'GET', success: function(data) { var responseText = $(data); $('body').html(responseText.find('body').html()); } }) This example does not work by me, make i something wrong? Another issue is, that i can only find elements
[jQuery] Nested Tabs
Hi I'm new to jQuery (a couple of weeks). I'm trying to nest the jQueryUI tab control. It works fine until the nested tabs are in an external file then I get an exception thrown in the jQuery source. This seems to be a timing issue to a certain extent, because if I place alert boxes in the .ready function of the nested tabs it works. Can anyone help? I'm sure this question must have been asked before, but after hours of searching I can't seem to find a solution. Here's my very simple example... Outer
[jQuery] newbie: Error on JSON parsing
Hello, I'm trying to parse a Json string received by $.getJSON(). I can receive the string but firebug gives me an "invalid label" error. I think it is because the string is an hash array with a number as first label, but I'm not sure. This is the string: {"15":{"id":15,"x":0.4589937586135409,"y": 0.8324914620560137,"z":-0.9435707004102728,"rawData":"1256204002860 13 -442866538 18392602 647462767 314 1777206957 -1664784174 "}} and this is the non-working code: $.getJSON(url+"&jsoncallback=?", function(received){
[jQuery] jQuery.ajax() not calling beforeSend?
I need to set some headers (I wish this were doable by just passing in a map), but it seems that beforeSend is never being called. Needless to say that's a bit of a problem for me. The alert below never occurs (and a breakpoint is never hit if I put it there), but I can see that the ajax request is being sent. j$.ajax({ 'url': serviceUrl, dataType: "jsonp", data: params, beforeSend: function(req) { alert("inside!"); } });
script slows down with repeated use
I wrote a simple jQuery script to take a HTML list (ul and li elements) and add collapsing functionality. The problem is that when you click one of the items open and closed repeatedly, the execution gets slower and slower and eventually stops responding. What could be the problem? Memory leak?? The list is structured like this: <ul class="tree"> <li class="tree">I'm at the top <ul class="tree"> <li class="tree">I'm item 1 at the second level <li class="tree">I'm item 2 at the second
[jQuery] superfish and hoverintent IE issue
Got a new menu going with superfish and hoverintent and all looking good (not uploaded yet). Works fine with firefox, safari and chrome and surprise surprise having a small issue with IE. It is a small issue and hoping it is a recognised problem so will hold off uploading code examples...using IE8 mouse over an expandable menu, it expands and then at the last second the text jumps 1px downwards giving a slight jerk to the whole thing. Anyone heard/seen of this before?
jquery datepicker integration with php
Hi, Am a jquery newbie looking for someone to point me in the right direction. Basically I've created a simple event management script in php which enables a user to logon and post an event which is then inserted into a database. On the frontend I've setup inline jquery datepicker which shows a calendar. What I want is to integrate the datepicker with my backend so that all events in a month are shaded in a different color. My problem is how to integrate my php script with the datepicker....I have
[jQuery] newbie: test for null selection
How can I test that a control selection failed to find anything? This doesn't work: var sumthin = $('#IDoNotExist'); if (sumthin == null) alert('didnt find'); Thanks, Brad
jQuery Alert Dialogs with JSF
Hi people, i need some help with puglin "jQuery Alert Dialogs" I´m try used him with JSF in a commadButton but it not return true of false. <a4j:commandButton id="confirm_button" image="/images/util/iconDelete.jpg" title="#{msg.comum_excluir}" style="margin:3px;align:center" onclick="excluir('frm1confirm_button')" action="#{videosMB.doExcluir}" reRender="dataTableVideoList" limitToList="true"
[jQuery] hoverintent - IE jumps expanded text 1px
Got a new menu going with superfish and hoverintent and all looking good (not uploaded yet). Works fine with firefox, safari and chrome and surprise surprise having a small issue with IE. It is a small issue and hoping it is a recognised problem so will hold off uploading code examples...using IE8 mouse over an expandable menu, it expands and then at the last second the text jumps 1px downwards giving a slight jerk to the whole thing. Anyone heard/seen this before?
[jQuery] $.Event is not a function js/jquery/ui.core.js Line 345
Hi all, I'm having the following error when opening a dialog $.Event is not a function js/jquery/ui.core.js Line 345 I don't really understand what's happening since i'm using this code to load dialog in many places in my application an it's the first time that i'm having this problem... If any one has an idea, it's more than welcome :) Thank you in advance.
Textarea and Submit-Button
Here is a simple JavaScript Demo: http://development.krahkrah.net/rules/ the page is loaded and the button is still disabled. if the user scroll to the end of the textarea the button will enabled. But it dosnt work in my current homepage. is there a method to do this with jQuery. sry 4 my english, but im a german guy
[Newbie question]: What knowledge is required for Jquery
Hi, Im a completely new to Jquery. I need to know what level of expertise is needed to learn it. Below is my expierence for Web front end: . HTML/CSS: Basic knowledge . Javascript/DOM: No knowledge at all Keeping above in mind can I start Jquery immidiately or I should first attain Basics of Html/Css/JS to start it. Hence, let me know the roadmap to learn Jquery. 10x Nitesh
[jQuery] load vs ajax
I've been using $.ajax() for ages, and am now developing on a site where they alwats use load(). Does anybody know which is best (if either), ans pros and cons for each one? Cheers in advance, Hogsmill
how to get asp.net control id ?
i have a <asp:textbox id="txtName" runat="server" text=""/> when i open a page , how can i get its full ID
Remove a li item?
Hey, $(document).ready(function(){ $("#add").click(function(event){ event.preventDefault(); var txt = $("#feld").val(); $("#list").append('<li id="liel">'+txt+'</li>'); }); $("#liel").click(function(event){ event.preventDefault(); $(this).remove(); alert("hello"); }); $(function() { $("#list").sortable(); $("#list").disableSelection(); }); }); </script> </head>
[jQuery] Creating a Function based on text argument
I've been looking around and besides my best efforts I haven't been able to figure it out. All the function extending I see extends on an _object_. I want to extend on a string. /** * Returns a slug version of a string */ jQuery.extend ({ slug: function( text ) { return text.trim().toLowerCase().replace( /[^-a-zA-Z0-9\s]/g, '' ).replace( /[\s]/g, '-' ); } }); I want to be able to do something like: $('#form_element').val().slug(); The above does not work. I even tried modifying the
jquery Background Switch
Hi Guys, Found this link with a cool jquery background switch technicque but I was wondering on how I can get it to work so that when the user selects a new background that it remembers it?? I assume cookies but I must admit I havent a clue? http://www.alienworx.com/blog/2008/11/h ... th-jquery/ Or if someone know of another way of doing this then great! Thanks Brett
[jQuery] jquery tree
Hello, First of all, thanks for this great plugin, i love it! But ... im having isues with the auto expand of the treeview when i add '#something' at the end of the url. The menu doesnt auto expand at all when an anchor is added to the current url. Do you have any idea how to solve this problem? I'm looking forward to your reply, Kind regards, Jelle
slideToggle
Hi, I am using this jquery sliding menu http://www.webresourcesdepot.com/slidin ... th-jquery/ Its working on onclick event.I wanted to make it to a mouseover/mouseout there is a commetns saying use slideToggle() But I am not sure how do I do that.I hope this is the place it edit. <script type="text/javascript"> $(document).ready(function() { $(".topMenuAction").mouseover( function() { if ($("#openCloseIdentifier").is(":hidden")) { $("#slider").animate({ marginTop: "-210px" }, 500 ); $("#topMenuImage").html('<img
[jQuery] Abort a $(...).load() ?
Hi *, Is there a way to stop a load call in the callback? like "return false" prevent new text to be injected into the element? Bye!
How to extend this function?
Hello, i am using the following jQuery Function for generating a Table of Contents on my page. But now i want to extent it, but dont know how. Perhaps someone can help me here? First the Function: <script type="text/javascript"> (function($) { $.toc = function(tocList) { $(tocList).addClass('jquery-toc'); var tocListArray = tocList.split(','); $.each(tocListArray, function(i,v) { tocListArray[i] = $.trim(v); }); var $elements = $('.jquery-toc'); $('body').append('<div></div>');
javascript execution order
Hi all, If I have some script tags, e.g.: <script src="one.js"></script> <script src="two.js"></script> <script src="three.js'></script> is it guaranteed that the contents of one.js will execute _before_ the contents of two.js are and ditto for two.js vis-a-vis three.js? Or is it possible that script files will get executed as soon as they are loadded? I know that the loading of script files can be indeterminate (depending on the browser they might load in parallel or sequentially), but I am wondering
ASPNET Web form on subvmit grey out and processing message
Hi everyone, I am new to Jquery. I am looking for sample/ implementation ASP.net with Jquery. My requirement is I have web form with some controls, once the user click on submit, entire form should Grey out with message as processing .... once the database successful, successful message should be displayed and if user clicks on close on message the message should be closed and form needs to be cleared or some thing like this. thanks in advance.
Help with basic page loading DIV.
Hi Guys, I have a site that is very jQuery and image heavy. The main sections of the site link to sections that are built with several Tabs, and as it loads, you briefly see all the content load and then it is hidden by the Tabs code. The plan is to have a full window DIV that sits above all the content with a loading icon that plays until the entire page loads, and then it fades down. After some hair pulling and research I have code in place that does exactly as I ask, however it does not seem to
Need help please with a simple ajax function
I'm trying to get this ajax function to work. Backend.php is just counting to 3 with a delay of 1 second after each echo function. I see the backend's display but only after the entire php file is finished and exits. How can I see each count in "real time"? Bob the .html file: ======================================================== <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/ TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Collecting
Sending a html list with ajax? (best way?)
Hey, i made this little script -> http://www.jqueryhelp.com/viewtopic.php?p=11838 After the list is completed i would like to send the list (as json string) with ajax. Is this a good solution? My other idea is that i manage the list with php.session and ajax... but i don't know... what do you think?
[jQuery] images visible when first loading the web page
I have a problem with jquery and ie - the code for my webpage is broken down in three parts - script, style and body. the body is just tables of images. All the images have been tagged with a div id that should render them invisible using the jquery hide function. When you load the page all the images appear to load one on top of the other. When all the loading is done they disappear and the page works just fine. It is as if the jquery functions are kicking in after the images are loaded. Is there
Next Page