[jQuery] validate plugin error: $("#short-form").validate is not a function
jQuery JavaScript Library v1.3.2 jQuery validation plug-in 1.5.2 I think I'm using this plug-in straight from the examples for a simple form. No matter what I have as the last option I get a similar error, in the case: $("#short-form").validate is not a function privacy_policy: "Please accept our privacy policy" This also throws an error: jQuery.validator is undefined in additional-methods.js jQuery.validator.addMethod("maxWords", function(value, element, params) { Sorta pulling my hair out at this
[jQuery] JQquery Ajax call WCF remotely doesn't work
I am trying to use JQuery Ajax to call WCF, but it seems it doesn't recoginze the path. Here is my code: $.ajax({ type: "GET", url: "http://localhost:3314/WCFServiceEx/Service.svc/ GetData", contentType: "application/json; charset=utf-8", dataType: "jsonp", // data: '{"PatientID":"' + PatientID + '","PageName": "Desktop","WidgetOrder1":"' + hdnCol1.value + '","WidgetOrder2":"' + hdnCol2.value + '","WidgetOrder3":"' + hdnCol3.value + '","WidgetOrder4":"' + hdnCol4.value + '","WidgetOrder5":"' + hdnCol5.value
[jQuery] Need a boost on managing a loop to show and hide
Hello, I'm still inexperienced in javascript and have chosen jQuery to learn. This is the following situation: Control: <ul class="list"> <li>Post #1</li> <li>Post #2</li> </ul> I'm doing a loop on php, it gives me this output, echo "<div class='posts' id='$uniqueID' >"; echo "<h1> Summary </h1>"; echo " {$Content} "; echo "</div>"; How do I handle that to show or display? I want to toggle the content, but when I do, it actives all the hidden post at the same time, making an undesirable output. So
[jQuery] jCarousel plugin question
Hi, I am using the jCarousel plugin. I have the container set to 100% so it spans the width of the page. If I only have a single image (or just a couple images) in the container, the images repeat instead of just showing blank space. Any ideas? Thanks!
[jQuery] Bug in Block-UI jQuery plugin
Hi, I just found a bug on the Block-UI jQuery plugin. I'm using it to block a div on a component I'm developing but the problem is that the <div> has overflow: auto and max-height: 200px; so that the content inside it don't make it too big and be scrollable. The problem is that the overlay that block-ui creates is just 200px in height, so if we scroll down the content is still accessible. This is the CSS of the div I'm trying to block: div { overflow: auto; height: auto !important; height: 200px;
[jQuery] cycle plugin issue
ok i cant get the easing plugin to work with cycle plugin 1. does cycle 2.65 work with easing 1.3 2. does easing work on the scrollHorz 3. if both of these are true then what am i doing wrong $('#slideshow').cycle({ fx: 'scrollHorz', timeout: 0, speed: 1000, prev: '#prev2', next: '#next2', easingIn : 'easeOutCubic', easingOut : 'easeInBack'
[solved] parse json from blogger
Hi, I have a problem parsing some values from json. "category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"avast"},{"scheme":"http://www.blogger.com/atom/ns#","term":"antivirus"},{"scheme":"http://www.blogger.com/atom/ns#","term":"freeware"}] how can I get the different categorie terms in one variable? [solved by myself] $.each(item.category, function(){ cat += this.term + ", "; });
[jQuery] Form Plugin
Hey, I tried the form plugin, but I'm not getting the expected complete event. Below is the code snippet. It's worth noting that the data returned in JSON, not a HTML redirect. Any help would be appreciated. Using Firebug, I can see the 'dom is ready' log, but not the 'all done' log message. Cheers Robbie <head> <script type='text/javascript' src='jquery-1.3.2.min.js'></script> <script type='text/javascript' src='jquery.form.js'></script> <script type="text/javascript"> // wait for the DOM to be
[jQuery] Question Animating and Removing Elements
Hi, I have a scenario where the user can click a delete button to remove a dynamic element from the page. Whent he button is clicked I want the element to slide up and then be removed from the DOM. I can't make this work however. I can either slide it up or remove it. Can anyone tell me how to force the remove function to wait until the animation is complete? Thanks, Stephen
[jQuery] form plugin, state change error
I'm using the ajax form plugin for jquery (1.2.6). I'm running into a problem with multiple submits, where on the second submission the response is not assigned to the correct state, even though the submission was successful. Instead, the response is classified under the onreadystatechange. It should also be noted that the form is contained in a jqModal popup/lighthouse. I can reproduce this 2 ways: 1) Submit the form successfully twice without reloading the page. The second submission will sccessfully
[jQuery] no intellisense ...
Hello, I'm running Visual Studio 2008 SP1 on Windows 7 RC, I installed the KB958502, get the files jquery-1.3.2-vsdoc2.js and jquery-1.3.2.js placed in the root (but I tried other places) with the code below ... no intelisense . Do you have an idea why ? Thanks, <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="jQueryTest._Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html
[jQuery] Not detecting element after adding new object
Hey, I hope anyone here can help me out. Basically what i am trying to do is that i have a unordered list and basically destroys the new list and creates a new one. The problem is that each element of that list has a hover event method. After the new list is created, the hover event is not detected. Any help is appreciated. Here's the sample code: Code: // clear list function $("#clear").click(function(){ $(".tlist ul").html(""); var list = ""; var data = [0, 1, 2, 3]; $(data).each(function(){ list
[jQuery] Passing a PHP variable to jQuery
So I'm going to be printing a list of items from a database, and with each item there will be a link printed with it. Essentially, I want something like <a href="link from database" id="link_1">Load</a>, except I want the link to use ajax. So in my scripts.js file I'll have something like $('#link_1').click( function() { $('#link_1').load ("link from database")}); I want to get the link from database from the PHP file that contains the initial link. How would I do this?
[jQuery] Plugin for styling <select> ?
Hey Everyone, I've been looking around the web for solutions to styling HTML form elements and haven't come up with much. Has anyone found a jQuery plugin (or possibly a standalone javascript) that lets you do this? I'm especially interested in styling the <select> element, but it would be great to know to have a resource that styles other items as well. It would need to be compatible with IE6+ Thanks!
[jQuery] JQuery Cycle Plugin, all images in pool showing up when page loads
I'm trying this Cycle Plugin, but whenever I load, lets say I have 5 images in the rotation pool, they all show up (briefly) whenever the page reloads, and then they dissapear (starting the rotation). Is there any way to avoid this? The images I'm using are 960 x 220, so it pretty much fills the screen before it hides.
[jQuery] Problem with Form and Validate plugins
Ok, this is my last resort, as I've been working on this for a while and am completely stumped. I'm probably just doing something stupid that I haven't noticed, so maybe a fresh pair of eyes would help. Essentially my problem is this: on this website I'm developing, users can submit photos for a monthly contest. I'm using the Lightbox plugin with prototype and script.aculo.us to display winners from the past few months, and the Validate and Form plugins for jQuery to display a form where users upload
[jQuery] Wait for a certain word in array before executing when using .each loop
Here's my jQuery: var arr = ['621|342| ','620|343| ','622|342|clicked']; for (var i=0; i < arr.length; i++){ var splode = arr[i].split('|'); xPos = splode[0]; yPos = splode[1]; click = splode[2]; $('#box').animate({top: yPos+'px', left: xPos+'px'},15); if (click === 'clicked'){ alert('clicked'); } } Basically, I want to wait until variable click shows the text 'clicked' before the alert happens. As it is right now (and with 'for' and 'while') it alerts 'clicked' at the very beginning depending on
ScrollTo Help
I'm pretty new at Jquery and I'm trying to get ScrollTo to work. There is a lot of info at http://flesler.blogspot.com/2007/10/jqueryscrollto.html but it's not geared toward absolute beginners (ie. there seams to be a lot of unsaid steps). I'm trying to make the queue effect work where the window scrolls both the x and y axes with custom duration (2000 or 700 etc.) Could someone please go through a ScrollTo setup step by step?
[jQuery] browser detection, conditional CSS
What's everyone's opinion on current best-practice for offering conditional CSS for specific browsers. I just noticed that Jquery used to have a detection function rolled in, which was deprecated. I have been using IE conditional comments to do this for a long while but recently used a WP theme (Justin Tadlock's hybrid) that used http user agent to add classes to the body tag depending on which browser and I sorta liked this approach. Mostly because it actually works in my PC testing enviro. Thoughts?
Animate to absolute position not working in ie.
Hi all I have an image that I'd like to animate to the top right of its containing div (which has position relative). I've used this: $(".trigger").click(function(){ $("#image").css({'position' : 'absolute'}).animate({ "top": "10px" }, 1000); }); This works fine in Firefox. On IE7 though its as though when you click the trigger, it animates 10px from the top. It doesn't animate from its original position like on firefox. I can nearly fix it by changing it to "top:100%".
Accordion and Facebox
I have installed accordion on my project. It works perfect for my side navigation bar. However, when i install my project with facebox afterwards, it is not working perfectly. For instance, 1. when i close the popup by facebox, the accordion isn't working until i click one of the sidebar. 2. there are few pages on my table. When i click the second page of the table produced by facebox, it jumped out from the facebox and refresh on the main page.
[jQuery] Accordion and Facebox
I have installed accordion on my project. It works perfect for my side navigation bar. However, when i install my project with facebox afterwards, it is not working perfectly. For instance, 1. when i close the popup by facebox, the accordion isn't working until i click one of the sidebar. 2. there are few pages on my table. When i click the second page of the table produced by facebox, it jumped out from the facebox and refresh on the main page.
[jQuery] Accordion and Facebox
I have installed accordion on my project. It works perfect for my side navigation bar. However, when i install my project with facebox afterwards, it is not working perfectly. For instance, 1. when i close the popup by facebox, the accordion isn't working until i click one of the sidebar. 2. there are few pages on my table. When i click the second page of the table produced by facebox, it jumped out from the facebox and refresh on the main page.
[jQuery] Accordion and Facebox
I have installed accordion on my project. It works perfect for my side navigation bar. However, when i install my project with facebox afterwards, it is not working perfectly. For instance, 1. when i close the popup by facebox, the accordion isn't working until i click one of the sidebar. 2. there are few pages on my table. When i click the second page of the table produced by facebox, it jumped out from the facebox and refresh on the main page.
[jQuery] slider ui 1.6 with different handle class doesn't work
I was using jQuery UI 1.5.3 and after I upgraded to 1.6 some of my sliders are not working properly. To be more specific, once I let go of the slider handle after moving it, it still moves with the mouse, even though my mouse button is not pressed anymore. It seems that if I used a different handle than the default, the above issue occurs. So $('#someId').slider(); works fine, but $('#someId').slider({ handle: '.someHandleClass' }); doesn't. Any ideas?
Coding an animatd tab-sys, toggle does not respns on 1 click
Hi, im coding an animated tab system, using jquery-ui.animate and jquery.toggle. each time i toggle a tab, i: *animate the tab-content-divs height *animate the top position of the "tab" div. *change the z-index of the selected tab to 2000. *animate the non selected tab-content-divs to their default height. its first when i implement the last thing on the list that there's a problem, the tabs work fine the first time their pressed. but the second time i press them it seems like the toggle does not
[jQuery] jqGrid with an editable checkbox column
Hello, I'm trying to create a grid, using jqGrid-3.4.4, with checkbox in one of its column. I have been able to create grid in which first click makes cell editable checkbox, second click to set checkbox value and third ENTER press to save value. Requirements: 1. On clicking checkbox, it should send AJAX post to server. User should NOT have to press ENTER. 2. When grid is initially displayed, editable checkbox should be displayed. So ideally, single click on a checkbox should post value to server
[jQuery] downloading application/json file instead of jQuery handling it
Hello everyone! Currently I'm developping an application with RoR and jQuery. Is the first time I try to use this wonderful library so I'm still a little naive ^_^ Right now I'm having a problem that I have no idea how to solve. Documentation, google, etc have been useless for me in this point (probably because I'm not searching the right terms) So I'm creating an invitation system: simply, a form where you put an email address and when you hit submit it makes an ajax call. The server should answer
[jQuery] json reading data on server
<div>Hi jQuery,</div> <div> </div> <div>I'm trying to learn the json and ajax</div> <div>I have with success sent data over to the server in json</div> <div>now my question is how does one process this data on the server side?</div> <div><br clear="all">client side:</div> <div> </div> <div> var data = { "member" : { "name" : "Donald Duck" } }</div> <div>$.ajax({ url: "<a href="http://localhost/test/gui/ajax_member.php">http://localhost/test/gui/ajax_member.php</a>", type: "GET",
[jQuery] AutoComplete with extraParam
Hi All, I am using AutoComplete plug-in, its working great for me. But now i have some new requirement and i am not able to make it work with autocomplete. Requirement is as follow: Now i need 2 extra parameter to pass and these two parameter's value would be depend on selected value of selected box. So let me explain in details: $(".mui_search_input").autocomplete('http://weburl/Service.svc/', { minChars: 3, matchContains: false, autoFill: false, scrollHeight:200,
[jQuery] Autocomplete two fields
Hello, I use JQuery.Autocomplete to autocomplete values into one field. Depending on the first field, I also need to populate a second field. For example: I autocomplete the Name field and depending on the selected name I need to autocomplete also Phone field. It's possible to do that? Thanks.
Load new table row on ajax success
Hi, I have a PHP function that checks the contents of a particular URL for a specific string. This can take anything from 3-8 seconds to load. If the string im looking for is present then I include the URL in a table (id = table1) on my index page. However I cannot afford for my index page to wait for the PHP function to finish getting the contents of URL. I have attempted to use the jQuery ajax function to load the PHP function and dependent on the outcome of the PHP function (if the string exists)
[jQuery] bug: error of setRequestHeader in IE
hi all: I come across a bug: <html> <head><title>ttt</title> <script src="/jquery.js"></script> <script> $.ajax({ type: 'POST', url: './', beforeSend: function(xhr){ xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded;charset=utf-8'); }, data: { a: 123 } }); </script> </head> <body> </body> </html> the code above in IE will results in the following header: Content-Type application/x-www-form-urlencoded, application/x-www-form-urlencoded;charset=utf-8 I've test with jQuery 1.2.1
[jQuery] Iframe Height
I am using Jquery to control the height of Iframe. jQuery("iframe",top.document).contents().height(); It's working for Increment of Iframe. When Iframe height decrease its not working.It returns the old value only. Anybody know why this is happening?
[jQuery] Send XML to web service
How would one go about sending an XML file to a web service? I'm guessing the data parameter of $.ajax function has something to do with it, but I could not find a working example in the documentation.
[jQuery] Dynamic loading -- newbie question
Hello! I am trying to create portlets that dynamically load their content (usinq jQuery). My first approach was to leave the header + footer + decorations of the portlet OUTSIDE of the dynamically loadable content. It worked just fine but I had to abandon that approach so that I could use the same code both for statically- and dynamically-loaded content (e.g. when no AJAX support was available). So far so good. Now to my problem: I use the following code for loading my dynamic content <span style="font-family:
[jQuery] Iframe Height
I am using Jquery to control the height of Iframe. jQuery("iframe",top.document).contents().height(); It's working for Increment of Iframe. When Iframe height decrease its not working.It returns the old value only. Anbody know why this is happening?
[jQuery] Losing the form values in Firefox 2/3 only
Hi, Unexpectedly it's not happening in IE 6/7 :) So looking for form jQuery plugin which can save and deserialize form values on a event. Already using form plugin which saves form values in an Array but it doesn't write back the values, need to write back those values after some manipulation to the individual form. But the case is bit different here; we have been using multiple forms on a single page. Looking for quick reply. Thanks Mohammed Arif
Another jquery to equip function. Not Working?
So I have an inventory when when ever you hit equip or unequip it will go through the function and do so while making its way to another file managing the database with a mysql query. But it doesn't seem to be working for some reason. Anyone know why? I read through a tutorial to get the snippits and such. but no matter how many times I read it I get no result. And for some reason my equipped and unequipped items are not showing. But I am thinking it's cause of the problem with the submit. Any help
[jQuery] json format
Hi jQuery,<div> </div><div>I'm very new to the json stuff (so warned)...</div><div> </div><div>when I try the following:</div><div> </div><div><div><span class="Apple-tab-span" style="white-space:pre"> </span>var data =</div> <div><span class="Apple-tab-span" style="white-space:pre"> </span>{</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>"member" :<span class="Apple-tab-span" style="white-space:pre"> </span></div> <div><span class="Apple-tab-span" style="white-space:pre">
Next Page