[jQuery] Using jQuery Validation (validate), are there any events when a remote validation call is made
Hi all, I am preparing a form and would like to mimic the functionality of the Twitter sign up form here: https://twitter.com/signup Here are my basic requirements, is this possible with the jQuery validation plugin (http://docs.jquery.com/Plugins/Validation): 1. When an input has focus, display a hint (I guess I can do this independently of the plugin) 2. If the input is invalid show a message (I know this can be done) 3. When using a remote ajax validation, show a "checking..." wait message - not
Problem passing old javascript obtrusive function to jquery
I have some images like this: <a href="#" onclick="showPics('new_car', 'h')"><img src="images/new_car.jpg" width="150" height="224" alt="My new car" title="My new car" border="0"/></a> The function: function showPics(target, position) { $('#foto_frame').show(); if(position == 'v') { $('#foto_frame').html("<img src='images/full/"+target+".jpg' width='286' heigth='428'>"); } if(position == 'h') { $('#foto_frame').html("<img src='images/full/"+target+".jpg' width='640'
Waiting for an Ajax response with a looong delay
Hello, I have the following problem: I have implemented a jquery tool to drag/resize textboxes. Now, I want to edit the text of the textbox. To do so, a pop up window is launched with a texteditor. Now my question: My jquery script needs the data of the texteditor. How can I get the event when the text has been submitted? Codesnippet (jQuery script) window.open('url', 'title', 'menubar=no,width=800,height=370,toolbar=no'); var xhr; if (window.XMLHttpRequest) {
[jQuery] jQuery lightbox
Hi, Lightbox is not showing on prod site, but its working on local box and internet. Any idea what may be the problem? Thank you, Ramanjaneyulu
[jQuery] [autocomplete 1.1] extend callback
hi, i use the extraParams function to retrieve information from the current autocomplete control /* tabellenname aus input.name ermitteln, z.b. edit0_kontakt_id- kontakte */ extraParams: { tbl: function(elem) { var tbl = elem.id.split('-')[1]; return tbl; } } therefore i had to modify the orginal sources in line 363 // sk // + extraParams[key] = typeof param == "function" ? param(input) : param;
Loading jQuery - Need a blank screen while it loads
I am designing a site that is jquery heavy. When the site loads it takes a while for all the scripts to load and then the images to settle down - more so in IE, naturally. I would ideally like to display a black screen or cover everything with a div while it settles down. I have tried a few Timeout scripts but they appear to be conflicting and don't work. Any body got any ideas how I can either display a blank screen while it all settles down or just avoid the problem all together. The site I'm talking
[jQuery] Need some ideas for starting a recommendation widget
Hi, i've read through a lot of documentation and tutorials, but i'm still kind of stumped as to how i would get this project started. I'd like to make a small application that basic sorts images based on two criteria that are selected by the user. eventually i would like those criteria to be decided using a scroll bar, but in the meantime i just need to know how to show and hide the images. so if i gave you the example of a recipe suggestor, there would be a collection of dishes stored with unique
[jQuery] [validate] default messages for an instance of jquery.validator
Hello, i was trying to set some default messages for an instance of jquery.validator. Saw that i can set only "global" default messages, but not per instance... so i found a way of doing i but i need to add a line on jquery.validate.js file: @line 548 (jquery.validate.js): defaultMessage: function( element, method) { return this.findDefined( this.customMessage( element.name, method ), this.customMetaMessage( element, method ), this.settings.messages[method],
Problem trying to use PUT and $.ajax
I have to use a REST based server from a jQuery client and it requires that I use PUT to add some XML based items to the server's data store. I've checked the server with curl and everything works as expected. But from the web page it's not.. using Firebug I was able to figure out that it was only sending like the first 11 characters of my xml string. I've tried this using $.ajax as follows: $.ajax({ dataType: "xml", data: d, success: postSave,
[jQuery] Superfish v1.4.8 clashes with SWF?
Trying to use superfish / jquery navigation on a site. Works great on my Mac (Safari & Firefox), but in IE (not sure of the version) the drop-downs go behind the SWFs that sit just below the nav. Here's a link to the site: http://www.baitcreative.com/rolling_hills/ Is there an easy fix for this?
[jQuery] Return Query Results From $.ajax POST
Is it possible to return Query results from a jquery $.ajax POST call? It seems as though it will only return one value. What am I missing? var formval = { preceptname:$(this) .val()}; $.ajax({ type: "POST", url: "request_processor.cfm", dataType: "text", data: formval, success: function(response){ $('#contentdiv').fadeIn(2000).html(response); } }); });
[jQuery] Animating Border Color
Is it possible to animate an element's border color? I tried $ ('#foo').animate({ borderColor: '#0000ff'}, 1000); and $ ('#foo').animate({ 'border-color': '#0000ff'}, 1000); with no success.
[jQuery] Invalid Argument Line 12 1.3.2 IE 7 and 8rc1
Hi, I have just upgraded one of our development sites to 1.3.2 and ui 1.7. I have also updated all of the plugins (forms,validate,thickbox,calculation,blockUI,autogrow) to the latest versions which should all be compatible with 1.3.2 and the site is working perfectly in Firefox 3 on OS X and XP. However on IE8rc1 and in IE7 compat mode I am getting an Invalid Argument error reported at line 12 of jquery-1.3.2.min.js. That is the usual really helpful IE error message and I have been unable to track
[jQuery] How to make it remove class show, and add class hide.
Okay, so I'm working on this site, currently I have this jquery code: $("a.show").click(function(event){ $("a.show[id="+this.id+"]").removeClass("show") $("a[id="+this.id+"]").addClass("hide") $("div[title!="+this.id+"][class=news]").hide(500) $("div[title="+this.id+"][class=news]").show(500) event.preventDefault(); }); it doesn't seem to remove the show class, and add the hide class.
jquery corners ie8 problem? or my css?
This is inserting a white line in the middle of the div in IE8. Problem doesn't exist in ff. Can you see a problem with my code? <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>corners</title> <style type="text/css"> .navoptionrow { float:left; font-size:.9em; } .navoptionrow
How to add a callback funtion to this slideUp()?
$(".button").click(function(){ $(".round").slideUp({duration:1000, easing:"sineEaseInOut"}) }); I tried: $(".button").click(function(){ $(".round").slideUp({duration:1000, easing:"sineEaseInOut"}, function(){ alert('done'); } ); }); But is not working...
[jQuery] Getting incorrect returned results
Hey all, Here's the issue, I am pulling in an XML doc, storing it in a global var and through out the app I am transversing it to grab certain info. Up till 1.2.6 it's been working fine, but when I upgraded 1.3.2 I get bad results. Here are my two test pages: http://ietracker.staging.informationexperts.com/framework/test/results.1.2.6.html http://ietracker.staging.informationexperts.com/framework/test/results.1.3.2.html My guess is the it has something to do with Sizzle but I can't place exactly
Selecting a dynamically created element
I have a text box im dynamically adding to the dom created with this line of code $("<input />").attr("type", text).attr("value", text).attr("class", "wrong").attr("id", id); When I try to get the value of the text box by referring to its id. I get an "undefined". I can get the value if I use plain javascript. alert($("#" + parentId + ".idtxt").val()); alert(document.getElementById(parentId + ".idtxt").value); Any ideas?
[jQuery] Problem in circular scrolling
Great tool. I am using circular feacture of this library. I am getting one problem of delaying. Open “examples/special_circular.html” file and add scroll: ‘5′, visible: ‘5′, in jQuery(document).ready(function() { jQuery(’#mycarousel’).jcarousel({ wrap: ‘circular’, scroll: ‘5′, visible: ‘5′, itemVisibleInCallback: {onBeforeAnimation: mycarousel_itemVisibleInCallback}, itemVisibleOutCallback: {onAfterAnimation: mycarousel_itemVisibleOutCallback} }); }); Now open skin.css of ie7 and find the class “.jcarousel-skin-ie7
[jQuery] Warning: file_get_contents error -- wtf?
Do any of you get this problem? Warning: file_get_contents(http://search.twitter.com/search.json? lang=en&rpp=5&q=District+9) [function.file-get-contents]: failed to open stream: HTTP request failed! HTTP/1.1 404 Not Found in /home/site/ public_html/trendingtopics.php on line 51 It tends to appear sporadically.... no pattern that is obvious Using LAMP
jCarousel vertical - need help with multiple columns
Hello, I'm using jcarousel to vertical scroll thumbnails. Until there, no prob, except that my column doesnt contain only one item, but three, meaning I got 3 columns to scroll at the same time. It's scrolling ok, BUT doesnt stop when I reach my last item, I can still click on the down button several times (because the script counts the number of items, and doesnt divide them by the number of columns I guess) Can someone tell me when I can add this in the code comming from the script : http://sorgalla.com/projects/jcarousel/
[jQuery] Problem Jquery Multiple Uploads
Anybody know if there is any way to return a list of files
[jQuery] Safest way to test is a variable is a jQuery object?
I am wondering what is the safest way to test if a variable is a jQuery object. I am building a function where I want to be able to pass in either the id of the form or the form object itself. The current way I am doing this is var $form = (form instanceof jQuery ? form : $('#' + form)); Is this the safest way that is not likely to change? Would I be better offer wrapping this functionality into a function all by itself so incase this does change, I only need it to change in one spot (plan on building
[jQuery] IE 8 jquery corners problem
This is inserting a white line in the middle of the div in IE8. Problem doesn't exist in ff. Can you see a problem with my code? <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>corners</title> <style type="text/css"> .navoptionrow { float:left; font-size:.9em; } .navoptionrow ul { float:left;
[jQuery] setInterval()
Hey, I have a question. I want to create a javascript loop, with setInterval(). This loop has to be used in dynamicaly loaded content, which should be reloaded every x seconds. This works fine. But now, I want to use clearInterval to STOP the interval, when I leave the dynalically loaded page. Because if I don't, the loop will keep on running, even when not on that page. So, how do I do this? I even tried the easiest way, setting a button in the dynamically loaded content: <button onclick="int=window.clearInterval(int)">
[jQuery] Quick check over these few lines ?
Hi, I've used a few jquery things before, but I haven't a clue when it comes to javascript, so I've mainly just modified variables here and there. This is my first attempt at actually writing something, and well.....its not working :P Im trying to send an ajax post to an external file, which simply returns 'Complete' after updating the db. My html gives me an ul, with li elemnts, representing names of comics. Anyway heres my code, Id just like someone with more experience than me to tell me if im
Going crazy looking for child of parent
I've searched the doc and this forum but cannot find anything that I can get to work - going slowly insane now... Here is the code (note that this is really cut down for testing purposes): <div id="sousrubrique10"> <div class="cssFormulaireBas"> <h3> <a href="#sousrubrique10" class="folder">Fait générateur</a> </h3> </div> <div class="contenu_sousrubrique"><!-- Document --> <div class="deux_cases label_1_champs_1"> <label for="doc">Document</label> <input name="doc" id="doc"
[jQuery] Cursor moves to start position in Opera Autocomplete Plugin
With the autocomplete plugin and using Opera; When the input value, is not found in the suggestions the cursor moves to the beginning of the text, does any body knows how to solve it ? Thanks in advance
How to apply a class to a div
I'm curious how I would do this: $('.awesomearea').applyCSSClass('.classtoapply'); is that possible?
[jQuery] [validate] problem of defining custom rules
i played with the example.html from jquery.validate 1.55 and wanted to make a custom rule firstname that is required, with the message please enter a firstname. My changes were in the validate : $("#commentForm").validate({ rules: { firstname: "required" }, messages: { firstname: "Enter your firstname" } }); and then <input id="cname" name="name" class="firstname" minlength="2" /> my problem is that it is shown as valid, even i don't
[jQuery] PHP IDE with support JQuery
Hi. Let me introduce free PHP IDE with available JQuery plug-in (paid): Codelobster PHP Edition (http://www.codelobster.com) - has all standart abilities for editing code - PHP/HTML/CSS/JavaScript highlighting, autocomplete, code structure - PHP debugger - code folding, tooltips, help and etc. and it has special JQuery features: - autocomplete for JQuery library - context and dynamic help for JQuery library We are waiting for your comments and suggestions. Regards, Codelobster Team.
[jQuery] Get inner class of event
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" xmlns:m="http://schemas.microsoft.com/office/2004/12/omml" xmlns="http://www.w3.org/TR/REC-html40"> <head> <meta http-equiv=Content-Type content="text/html; charset=us-ascii"> <meta name=Generator content="Microsoft Word 12 (filtered medium)"> <style> <!-- /* Font Definitions */ @font-face {font-family:"Cambria Math"; panose-1:2 4 5 3 5 4 6 3 2 4;} @font-face
[jQuery] Scroll to top of page after AJAX load.....
Using AJAX to load content within a div. Need to find a way to scroll to the top of the page after loading content inside div on same page. After clicking on my bottom links, loading the html inside the div, I want the the parent window to scroll up to the top. scrollTo did not work. Help! Erik
[jQuery] Scroll To After AJAX Request...
Any one can help with a script to scroll to the top of the page AFTER an AJAX REQUEST loading a div? Erik
[jQuery] Jquery + ExtJS 3.0
Has anyone had any luck integrating Jquery and ExtJS 3.0? I downloaded the ExtJS 3.0 SDK and I have a page where I am trying to test out there grid functionality. So I included these javascript files: ext-all.js and ext-jquery-adapter.js I have taken a look in the Jquery documentation at the page Tutorials:Using Ext With jQuery For one thing I couldn't find jquery-plugins.js with the ExtJS SDK, but i figured that since im using version 3.0 versus the 1.0.1 that is used in this tutorial that this
pass xml type parameter using jquery ajax to WCF Service
hi to all I have to pass a collection of parameters using Jquery Ajax to Service method.One of my parameter is of xml type.How should i pass this collection. Any help? // this is my code here custom value is of xml type var user = { authtype: 1, customvalue: "xml", cityid: 1, stateid: 1, countryid: 1 }; var json = Sys.Serialization.JavaScriptSerializer.serialize(user); $.ajax({ url: 'http://localhost:3162/VirtualService/Authentication.svc/RegisterConferenceUser', type: 'Post', contentType: 'application/json;charset=utf-8',
Sliding box moving in IE and Chrome
Hello there, I'm using the effects.slide.js and effects.core.js with jquery for this sliding panel. http://www.my-places.co.uk/twitnews.php When you click on it it hides the panel. All good so far. It works exactly how I want it to in FF, but in IE7, IE8 and Chrome it jumps to the top of the screen when animated. Any ideas why this is. I'm positioning it at the bottom with CSS. Do I need to add another CSS positioning for when it is animated, or is there something up with the javascript? Thanks in
UI Dialog breaking <a> links
I have a simple UI Dialog to display a loading notification. If I call foo.dialog('open') then foo.dialog('close') is called in quick succession all of the <a> links on my page stop working. All the inputs work fine, just the links don't work. If I open another dialog that closes after a delay then the links begin working again. Has anyone experienced this problem before or know an obvious reason why it's happening?
[jQuery] [validate] Radios with empty values and required:true
I'm working on a survey builder that lets people generate web forms for collecting user data. Form builders can create forms with various controls on them. At the moment I'm building in a jQuery validate layer (there is also a server side validation layer, but I want to keep users from making unnecessary submits). I've run into a little problem with radio buttons though. If I have radio buttons that all have values (<input type="radio" name="radioQuestion" value="1">, <input type="radio" name="radioQuestion
Callback Not Working
I am looking to fade text out when the mouse passes over it and replace it with text that is faded in. My understanding is that this needs to be done through a callback, as the text needs to fade out completely before fading in. However, when I try to implement this idea the content does not fade in, so I must be doing something wrong. My code is: <script type="text/javascript"> var Tips = { ready: function() { $('ul#SiteNav li').mouseover( function() {
Next Page