Using the live function ?? help...
I am currently working on a project where i am using the jQuery Calculation plugin http://blog.pengoworks.com/index.cfm/2008/1/23/jQuery-Calculation-Plugin-Making-calculating-easy to do some math functions in a dynamic form, the issue is that when a new set of fields is created the calculation script only pulls data from the ones there when the page loaded, i am fairly certain that what i need to do is use the live function, however i am not very familiar with it and still learning, I was hoping
[jQuery] Superfish
I have setup superfish on my wp powered site, its all working fine and looking great in firefox/ie, but safari is well out of wak. The jquery effects are working, however the second level styles seem to be removed. If anyone could take a look in safari and help me out it would be much appreciated. http://121.0.6.68/~islheal/
[jQuery] please help
hello all, i have program a web site based on jquery ajax , but i have a problem on preformence that when i request any page and the content loaded form another page the browser hangs when i call this method $('Content').html(a); // this but the loaded page into current page how can i improve the preformence ?
[jQuery] Overlay: extra, oversized, un-css-able border in IE 6 and 7
Hi, I'm a new to jquery (I like to think of it as young) but very familiar with IE's standards or lack of them. I've created a overlay using jquery.tools, obviously it works just fine in all browsers, however the IE browsers are rendering an extra, oversized border which I am not able to control with css. Upon further investigation while using IE6's developer toolbar there appears to be an image tag generated which has in-line style in the tag: <IMG style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; DISPLAY:
Ajax event tied to specific post?
Hi All, I have an ajax event, $("#ajaxStarted").ajaxStarted(function....) that i am using for a $.post call. The problem I have is that elsewhere in the application there is another $.post call doing something unrelated. being new to jquery i was wondering if there was means of tying my event listeners to specific post events? Cheers, Troy
HTML List iterate
Hey, is it possible to iterate over a html list <ul>? (after i build the list with the help of ajax and append() ? ) 'How? Thanks!
[jQuery] Same input, different data sources
I have the following situation: I'm trying to make the autocomplete work for an input that will store 3 different variables (ex. sum, currency and period) separated by comma. The autocomplete will work for the last two, wich will be retrieved from 2 different urls. Currently, I tryied to bind on keyup the input and execute the autocomplete when it's' necesary, but, autocomplete plugin already has a bind, and the result is a bubble, which sends lots of requests to the urls I have configured. Can someone
[jQuery] Delay keyup
Hello In the following code, I would like it delay the "keyup". Does anyone have an idea? $("#search_query").bind("keyup", function(e){ $("#quickresults").slideDown("fast"); $.post("http://www.wesbite.com", {search_query: $(e.target).val()}, function(result_list){ $("#quickresults > *:not(h3)").remove(); $("#quickresults").append(result_list); }); });
[jQuery] EasySlider 1.7
Hi, I know noting about Javascript, but I try to use this plugin, EasySlider/ http://cssglobe.com/post/5780/easy-slider-17-numeric-navigation-jquery-slider, on my web page. Could anybody take a look here http://crk.iri.columbia.edu/health/test/courseindex2.html, and let me know how to make a text link to jump to a certain slide. For example, click "Influenza and Climate" will jump to slide #2. Please help. Thanks.
form validation not working
Hi guys, In this form a message should appear in the span if a user leaves an input blank, but its not working. http://actualplus.arredemo.org/ch8/chapter8.html Anyone know what might be wrong with my code? Thanks! $(document).ready(function(){ $('legend').wrapInner('<span></span>'); }); $(document).ready(function(){ var requiredFlag='*'; var conditionalFlag='**'; var requiredKey=$('input.required:first') .next('span').text();
[jQuery] Autocomplete and Fancybox
Hi to all, I'm trying to work out how to integrate a result comming from a autocomplete to be showed in a fancybox, someone has some idea.
Newbie - problem with drop down menu
Hi...I'm new to the jquery world but I've been doing a lot of experimenting...I'm having trouble with my drop down menu on this page: http://www.ladyluxeinvitations.com/burl/index.html (development site) When you hover over Community, the background of the dropdown hides behind the 'previous' arrow button on the popular topics scroller. I have encountered this problem in: Windows XP: ie6, Firefox 3.5.3, GoogleChrome Windows Vista: ie6, ie8, GoogleChrome 3.0.195.27, Firefox 3.0 and 3.5.3 Mac: Safari
[jQuery] Toggle Help
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META content="text/html; charset=us-ascii" http-equiv=Content-Type> <META name=GENERATOR content="MSHTML 8.00.6001.18828"></HEAD> <BODY> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=472594519-20102009>I am trying to toggle two different views on the page. I have the users personal info in <div id="edit_personal">content</></SPAN></FONT></DIV> <DIV><FONT size=2 face="Trebuchet MS"><SPAN class=472594519-20102009></SPAN></FONT> </DIV>
Hide- Show - Toggle problem - maybee callback funct.?
Hello! I have this structure with jquery. $(document).ready(function() { $('div[class*="menu"]').hide(); // first of all, hide all DIV when load $('a#menu1_link').click( function() { $('div[class*="menu"]').hide(); // hide if one of them already shown $('div.menu1').show('slow'); }); $('a#menu2_link').click( function() { $('div[class*="menu"]').hide(); // hide if one of them already shown $('div.menu2').show('slow'); }); $('a#menu3_link').click(
[jQuery] password initial value without masking "****"
Hi! I'm trying to achieve something like the Facebook first page (when you're not logged in). I'm using this simple function/plugin to clean the fields once you click them: $.fn.cleanField = function() { return this.focus(function() { if( this.value == this.defaultValue ) { this.value = ""; } }).blur(function() { if( !this.value.length ) { this.value = this.defaultValue; } }); }; // clean the fields $("#login").cleanField(); $("#password").cleanField();
[jQuery] JQuery, JFeed, Blogger
Hello, I've been working on this for a while and I can't seem to figure this out. I'm trying to use the jFeed plugin to access an RSS feed from Blogger. I'm not trying to use any authentication, I just want to use public read-only access. I tried some real simple examples at first (using jFeed Demo from jQuery.com). When using the local XML file, everything works fine. When I try to use a blogger address it doesn't work. I've tried using: http://blogName.blogspot.com/atom.xml http://blogName.blogspot.com/feeds/posts/default
[jQuery] Marquee - can it be centered
I am using the Giva Labs marquee but I want the text to be centered. Any thoughts on how to do this?
[jQuery] Superfish - problems with other extensions
Hallo, as mentioned here http://forum.joomla.ch/viewtopic.php?t=5910 superfish unfortunately hinders other modules from working corretcly. In my case it interferes with the gk_news_highlighter. So I had to set priorities and removed superfish. Sorry. Best regards
[jQuery] Using CKEDITOR within Tabs plugin
I would like to use CKEDITOR on a textarea field within a form which is within an Ajax Tab. I thought the following would work - binding to the Load event, so CKEDITOR is triggered once the Ajax data is loaded. The form and texarea on the first Tab. However, when I click from off this tab to another it leaves the CKEDITOR tab showing. $('#tabs2').tabs( { remote: true, load: function(event, ui) { CKEDITOR.replace('editor1'); } }); I through it might be the CKEDITOR, so I got it to trigger only when
[jQuery] Change row colors of table based on content
Anybody want to discuss a way to change row colors of table based on content, for example: <span style="font-family: courier new,monospace;">+-----|-----------------------+</span><br style="font-family: courier new,monospace;"> <span style="font-family: courier new,monospace;">|acess| COSTUMER |</span><br style="font-family: courier new,monospace;"><span style="font-family: courier new,monospace;">|-----------------------------|</span><br style="font-family: courier new,monospace;">
[jQuery] JQuery blockUI plugin - support for queueEmpty function
How would I extend blockUI to have a function callback for when the queue is empty? I want to use something like this in a project where I have several queued ajax requests, but I only want to call blockUI on the first request and unblockUI when the queue is empty. Thanks, Russ
[jQuery] Cluetip persist when mouse over hover
I need the tooltip to persist when the mouse is over either the link or over the tooltip. I saw this functionality being displayed by aCoolTip and it seemed to be the default. The tooltip needs to be activated on hover and I also want sticky to be false. Is there any combination of settings that will give me this behavior? Thanks!
[jQuery] getJSON: use retrieved data outside the function???
Hi In the code below the second alert is executed before the first one making it show the "empty" content, and not the result from the .json file. Why, and how can I make it work??? ------------------------------------------------- getjson.html file ------------------------------------------------- <!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> <title>getJson</title> <script
jQuery Multiselect with 2500+ options
Hello, I have a multiple select form element that loads data from a DB... Using the standard multiple select functionality is cool but it doesn't quite work for the application I'm using it for... So I thought I would use jquery to make it a little more user friendly. The problem I'm having is that the select has 2500+ options and when I use a jQuery plugin it takes forever to load... So long that the browser asks if I want to continue loading the script... I have tried a few with the same results
Problem with height and vertical scoll bar in Dialog
Hello everybody, I've developped a mini-intranet and I've used for that some jQuery components especially UI Dialog. It works fine but sometimes I've a problem with Dialog I show. The problem is that the dialog's height is bocoming very important and it loose the vertical scroll bar. This is the function which call the dialog function load_sub_jquery(url, specialite, var_sub_exp, titre) { $('#CMP_ajax_recipient').load('view/'+url+'.php','SPECIALITE='+specialite+'&VAR='+var_sub_exp); $('#CMP_ajax_recipient').dialog({
[jQuery] How to
Hello..newbie here.. How do we compress a script tag without .js extension? example: *instead of this <script src="http://www.samplesite.com/apps/who/ onlinejs.js"></script> *it will look like this <script src="http://www.samplesite.com/apps/ who/onlinejs"></script> notice that in my 2nd example it does not have .js at the end. So how does it happen? Any help is really appreciated. Best, vaqz
[jQuery] Help validating form
Hi every: I'm trying to validate this form but I have a lot of problems. The file jquery.validations.paypal.js contains the code to validate the form. What's happen? For example if I leave a required field empty it doesn't validate and don't show the messages and so on. Can any help to fix this problems? I can't find where the problems are located!!! :( Cheers and thanks in advance [1] http://jose-couto.com/pintpal4/order_pintpal.html -- Saludos ReynierPM
Uploading multiple files
I have several files that I want to upload with jQuery. I am using an script that goes like this: <input type="file" class="upload" name="files[]" /> <input type="file" class="upload" name="files[]" /> <input type="file" class="upload" name="files[]" /> var filename = $("upload.files").val(); $.ajax({ type: "POST", url: "addFile.do", enctype: 'multipart/form-data', data: {file: filename}, success: function(){ alert( "Data Uploaded: "); } }); But there is something that I am missing. Any help?
Fading Between THREE Images on Hover
Hey all, I'm a total newbie to all of this...and have my "dummy site" up at http://greenbuttonmusic.com/index2.html I've got a cool jQuery fade between two images set up on hover on the buttons I found here: http://jqueryfordesigners.com/image-cro ... ransition/ What I'd love to do if possible is to on hover, fade to a color image for .5 seconds THEN to the current mouseover image. So basically three images... Anyway in jquery to accomplish this? Or should I look at using flash? Many thanks since
simple comet example doesn't work
I found this in a thread called 'jquery doing comet'. It didn't work for me unmodified. I also modified it a little and it still doesn't work. Can someone tell me what's wrong? Bob here is 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 Data...</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/ <script type="text/javascript"
[jQuery] Problem with animate after submit in opera
Hello, Recently I encountered a problem in Opera: The browser does not run any javascript after a page is submitted. For example if you use animate on an anchor when you click on that anchor the animate is never run unless the href is set to "#". This is the code: <script type="text/javascript" src="http://ajax.googleapis.com/ajax/ libs/jquery/1.3.2/jquery.js"></script> <script type="text/javascript"> $(document).ready(function(){ $(".action").click(function(){ $("#panel") .animate({top:"0px"}, 500)
EasyToolTip Flip
Hey all, I'm using easy-tooltip--jquery-plugin and when it get's close to the window edges, it will add scrollbars. I want the tooltip to flip if it is too close to the edge. I imagine the has been done a million times, I just can't find where. Below is my code. (function($) { $.fn.easyTooltip = function(options){ // default configuration properties var defaults = { xOffset: 10, yOffset: 25, tooltipId: "easyTooltip", clickRemove: false, content: "", useElement: "" }; var options = $.extend(defaults,
[jQuery] jQuery Tabs - retain tabs on browser refresh
I have created a page that uses the jQuery UI tabs widget and an accordion. I'm creating tabs dynamically when an item is clicked in the accordion and loading a page into the tab. I have seen that there is a cookie facility for the tabs to provide the ability to retain the selected tab but I'm wondering if there is a way to retain my dynamic tabs when the browser is refreshed?
Radio button hell
I have a set of radio inputs on a form. These are bound to some values in a database. They are to indicate preferences of the user. So i may have 10 items in the list and i want the user to tell me the one they prefer. So when the list loads the first time all of the radios are not selected. They select one then hit save. I persist this value to the database and the next time they come back i want to fill that radio button in. I'm having an issue doing this. It seems to me like: you can load a list
jQuery User Registration
Chrisb and/or mike: The little addon you guys have for user registration where they have to click the box serveral times - is that something you made, or is that something you found? It would be awesome if you guys would let me convert that into a drupal module - as my site has been getting hit by several spammers, and im not a fan of captcha as much as I am your module.
From Flash control to jquery: HOW?
Hi everybody, I am currently rebuilding a website http://www.praktijkwijnant.nl in which i use a flash control that i want to rebuild using jquery. The menu consists of a list of coloured buttons. When you scroll the buttons the color of the square next to the buttonlist changes into the color of the button under the cursor and also shows a text or submenuitems (if there are any). Can this be achieved with JQuery (more or less?) Thanx for your input!
Problem! jQuery datePicker focus on input after select/close
Hi, really need help with this... Hope anyone have some experience with this. I want the calendar layer to close after click on a date or key press on return button AND sets the focus to the input field that I just clicked on. I get it to work in FF but that is just because the browser handle like it does, can't get it to work in IE. IE handles like this; wherever I place the .focus() to set the focus back to the input it (handles like you could expect it to do) opens up aging after I clicked on
[jQuery] easing 1.3 plugin how to implement pls?
Hi I have fancybox lightbox installed and i wanted a different transition effect. So i've installed the easing 1.3 plugin I have read and re-read the instructions but i don't really understand where i need to make the change for it to take effect. Its all loading fine so there are no problems there. Here is the instructions. http://gsgd.co.uk/sandbox/jquery/easing/ Usage Default Choose a default easing method to overwrite the standard 'swing' animation. The easing default is 'easeOutQuad', specify
[jQuery] Am i missing something? tis not working in IE
Hi Everything is working as it should in Firefox, i've checked the firebug and its not spitting out any errors. Except,,,, in IE its not working... Can someone please have a look at my code and tell me if i'm missing somethin gplease. Thank-you in advance. Jess. Here is the scripts.. in order. <script type="text/javascript" src="http://ajax.googleapis.com/ajax/ libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="skins/{VAL_SKIN}/jquery.easing. 1.3.js"></script> <script
[jQuery] jqueryui's sortable and Flash
Hi, I've spend an insane amount of time on this issue but can't find a solution, hopefully someone else has encountered (and solved) it. I've created a simple <ul> list, with a bunch of <li>. One of the <li> is actually a Flash object that has its own event handlers for mouse clicks. However, the jquery's handlers always take precedence. When I try to interact with the flash object, it instantly becomes a draggable object. I've (unsuccessfully) tried to: - unblind click handlers for the Flash object
Next Page