[jQuery] Tweaking Autocomplete
Hi all, I use Autocomplete plugin (1.0 Alpha) mostly for form inputs bound to foreign key columns. For instance I have a user_position table with two columns: user_id and position_id. On new appointment form I have two autocomplete text inputs with the following code: <input type="text" id="user_id" class="ac_input" tabindex="1" /> <input type="text" id="position_id" class="ac_input" tabindex="2" /> As you can see the inputs do not have a name attribute, and when the form is submitted their
[jQuery] submit buttons added to form don't work
Hello Group, This is my first post to the group and I am pretty new to the jquery and I have just come up against a slight problem that I can't resolve so any help would be greatly appreciated. I have a small form that when the submit button is clicked gets the form input saved to a database via xmlhttprequest, when i get the call back from the server i then inject new buttons to the bottom of the form so the previous settings can be updated, however my problem is that even though I can see and click
[jQuery] Superfish, jQuery and flashing menu...
http://www.tolerase.com/test2.php The navigation for the site above works fine in Firefox. In IE however, the menu rollover blinks everytime a submenu list element is rolled over. What can I do to fix this? Also, in Safari the full width of the submenu does not display until the user rolls over the submenu.
[jQuery] Animation "pop"
I've got a 3 level vertical menu working...ish. For some reason, when the animation happens, the menu fades in to the width of the link in the menu, and then "pops" out to the full required width. Anyone have any similar experiences or can help?
[jQuery] jQuerifying this code?
Hi! I'm new to jQuery, and I'm experimenting with it a little. What I want to do is add some menu items to my Trac installation, as shortcuts to my most used pages and reports (I am using jQuery inside GreaseMonkey for that). So, the menu is structured as a div that has an id, and an unordered list inside of it. Each menu item is a list item. Adding the menu was pretty straightforward, but getting them to highlight when needed was not as easy for me. This is what I did: // save old active menu var
[jQuery] n2menu
I'm using n2Menu to display three stacked menus with as many as two levels of sub menus for each "top level" menu. It's quite confusing when you mouse up into the top menu and all the lower top level menus open their 2nd level menus along the way. Is there a technique I can apply to n2menu which will close all submenu levels if the mouse is not involved with that parent level menu? Even when I'm only showing one top level menu it would be nice for the 2nd level submenus to disappear when the menu
[jQuery] remarkable (slow) iteration performance in jQuery 1.2.1
Hi folks- I am getting some troublesome benchmarks on a bit of code and I wonder if I am missing something. I am iterating over a JSON object to dynamically create a menu. The jQuery code consistently takes over 5000 milliseconds (!) to complete and my raw javascript version consistently takes less than 500 milliseconds. That means jQuery is more than 10 times slower for this code than raw javascript. I am including all of the code (both raw javascript and jQuery versions) as well as the sample JSON
[jQuery] [HELP] jQuery plugin Thickbox and Forms.
Currently I'm using the latest version of the jQuery plugin Thickbox: http://jquery.com/demo/thickbox/ What I'm trying to do is echo out the value of a form in the same Thickbox window using ajax. I'm also using the jQuery.Form plugin. Here's my code, if anyone could help that'd be awesome. // other js libraries are imported (jQuery/tb) <script type="text/javascript"> $(document).ready(function() { $('#htmlForm').ajaxForm({ target: '#TB_window #heh', success: function() { alert("hehehe");
[jQuery] Detect session timeouts in ajax calls
Here is an interesting article: http://www.coldfusionjedi.com/index.cfm/2007/10/8/Ask-a-Jedi-How-can-you-timeout-a-session-in-an-Ajaxbased-application Now, really, is there a way somewhere in the jQuery API that helps in detecting session timeouts in ajax calls? If there is not I would like to propose one. Normally if you do an ajax request and the session has timed out in the meantime then no matter what you expect to get as a response the response will be something different! You may, get a redirect
[jQuery] Easy img Roll-overs: Plug-in writing help please?
I'm a pretty new. So I have some understanding of the language. I'm a designer primarily (which explains the uncode-ness). I'm betting someone's already written a plug-in like this but I wanted to get some experience writing a plug-in myself & make my life a bit easier and faster. Anyways, I've ported an old javascript function (originally a christian heilman script) to jquery that i'd use to install rollovers rather easily and unobtrusively. I've got it to work here:(http:// www.chrisjlee.net/project/premierenergy/).
[jQuery] jQuery Plugin: Thickbox and form help
Currently I'm using the latest version of the jQuery plugin Thickbox: http://jquery.com/demo/thickbox/ What I'm trying to do is echo out the value of a form in the same Thickbox window using ajax. I'm also using the jQuery.Form plugin. Here's my code, if anyone could help that'd be awesome. // other js libraries are imported (jQuery/tb) <script type="text/javascript"> $(document).ready(function() { $('#htmlForm').ajaxForm({ target: '#TB_window #fuck', success: function() { alert("hehehe");
[jQuery] onMouseMove bug exposed with IE7
take a look at http://rails.codejanitor.us/jq.html in firefox all is good. However, in IE7, if you slowly scroll to the right while on the div, then the blue line actually follows the mouse outside of the div. Any ideas on how to patch/fix?
[jQuery] serialize() doesn't collect <input type="submit"> value
I' was reading about the new jQuery 1.2 serialize() and I don't know if it's a bug or an intended feature but with $(":input").serialize() or $ (":input").serialize() I can't get values of submit buttons? The same goes for <button name="xyz" value="zyx">. Is this the way it should be??? I always test against those elements to see if the form is submitted. Greetz
[jQuery] [Help] Ajax Created <table> from JSON DataSet
Hey guys, Im hoping that someone here will be able to post me in the right direction of an example for creating a <TABLE> from a JSON Dataset. Im not sure what the best practice is for doing this and cant seem to find any tutorials about it either :( im having no problem retrieving the data, but im stuck on how to access the JSON Object and then loop through via the each() to append the data to the <TABLE> Thanks in advance
[jQuery] EXTjs and Jquery
<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="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 11 (filtered medium)"> <style> <!-- /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {margin:0cm; margin-bottom:.0001pt; font-size:12.0pt; font-family:"Times New Roman";} a:link,
[jQuery] Dimensions plugin, offset['top'] returns 0 regardless of position
I'm finding that the Dimensions plugin sometimes doesn't return the "top" position of an element, just returns zero. (Sometimes works perfectly though.) Here is my code, sanitized for the forum software. // Finds the height that an element should be to be X number of pixels from the // bottom of the window using JQuery Dimensions plugin. f...n findHeight elem, bottomPad var height = 0; var windowHeight = $(window).height(); var elemOffset = $(elem).offset(); var elementTop = elemOffset['top']; height
[jQuery] How to clear setTimeout?
Hi, I'm trying to implement an autoSave function on my web application. Something that automatically saves the contents of the current field 6 seconds after the last keyUp. It works, but I can't clear the multiple setTimeouts triggered on each keyUp event. Example: $("input").keyup(function(){ var self = this; var upd = setTimeout( function() { updateField( $(self) ); // function outside $ scope to update field contents in dB },6000); }); I must've tried
[jQuery] Attribute Selector Docs Error?
In the attribute selector docs (http://docs.jquery.com/Selectors) it looks like all the selectors are missing an @ before the attribute. e.g. [attribute^=value] should be [@attribute^=value] At least this is what I found to work after beating my head against a selector for about 20 minutes. :-) Just want to confirm this correct before I go editing the doc pages for these. Thanks. -- Chris Scott Adaptive Hosting Solutions, Inc. | Blogzerk - blog hosting http://www.adaptivehostingsolutions.com/ | http://www.blogzerk.com/
[jQuery] validation errors
<html xmlns:o="urn:schemas-microsoft-com:office:office" xmlns:w="urn:schemas-microsoft-com:office:word" 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 11 (filtered medium)"> <style> <!-- /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {margin:0cm; margin-bottom:.0001pt; font-size:12.0pt; font-family:"Times New Roman";} a:link, span.MsoHyperlink {color:blue; text-decoration:underline;}
[jQuery] LearningJQuery Demo page suggestion: parse hash
Karl et al, I just tried to link directly to the examples tab of the demo page for ClueTip. Unless there's a trick that I don't know about (and please educate me, if that's the case!), there's no way to do that. May I suggest using location.hash in demo.js to see if it matches any of the hrefs in "#navigation a" and navigating to the appropriate tab? Maybe: if ($('#navigation a[@href=' + location.hash + ']').length > 0) { $('#navigation a[@href=' + location.hash + ']').click(); } That would allow,
[jQuery] rewrite .text in Internet Explorer
Any ideas how to update the following Jquery code to work in IE? It works in Firefox... Opera.. and not in Safari for window.. (so it works in 2 out of 4 browsers) // Load XML document based on language var langSheet = "language_sheet_" + country + ".xml" $.ajax({ type: "GET", url: langSheet, dataType: "xml", // specify the return type as xml success: function(xmlDoc){ $(xmlDoc).find('subAboutLoc').each(function() { var item_text = $(this).text(); $('#subAboutLoc').text(item_text); }); } });
[jQuery] About 3 pixels difference in IE & FF
I have a sliding ajax shelf that uses jquery slide. The shelf is below another div and aesthetically needs to have 0 px between the 2 divs. Perfection in IE, FF is about 3px higher
[jQuery] jCarousel Lite Plugin Question
<div>Hello,</div> <div> </div> <div>I am little new to jQuery so trying to get a hang of it.</div> <div> </div> <div>I am using the jCarousel Lite plugin for something today and I found it to be brilliant.</div> <div> </div> <div>I only have one problem - so suppose 10 nodes are there in the scrolling area..out of which one is shown at a time.</div> <div> </div> <div>Clicking on next goes to the other and so on.</div> <div> </div> <div>Now, I have 2 images in every node so a total of 20 images.</div>
[jQuery] Modifying CONFIRM method
I´m trying customize my alert and confirm dialogs, but the confirm dont have the same behavior like your original, like pausing the load of document until answer it. Has someone who now how i can get this behavior?? For while i´m using the exemplo of jqModal site function confirm(msg, callback) { $('#confirm') .jqmShow() .find('p.jqmConfirmMsg') .html(msg) .end() .find(':submit:visible') .click(function(){ if(this.value == 'Sim'){ (typeof callback == 'string') ? window.location.href
[jQuery] Headers support for $.ajax
This is a follow up to http://groups.google.com/group/jquery-en/browse_frm/thread/fcbb53bd33b30f96/6363fa2f4b444823 but since that post is over a year old comments are closed. I have been looking at some RPC and REST systems lately and they all recommend using the HTTP ACCEPT header. I would love to be using jQuery with these, but am unable to get the full benefit without support in $.ajax to set the header. i.e. to conform to http://json-rpc.org/wd/JSON-RPC-1-1-WD-20060807.html would require: $.ajax({
[jQuery] jqModal - iFrame to remote server content?
jqModal seemed to be the best answer for our needs--the "window" overlay can be moved, resized, and remote content loaded. However, it can't load remote server content into an iFrame--something AJAX can't do due to security restrictions. A http://www.nabble.com/forum/ViewPost.jtp?post=9789846&framed=y&skin=27240 previous discussion suggested AJAX'ing local files that themselves contain iFramed content, but this isn't practical for us. Our ideal solution would be to pass an "iframe" parameter instead
[jQuery] safari (win, mac) issues with fadeIn + callback
I have made a very basic slideshow, with help from this list, that looks for images in a database, then displays them. Here's the link: http://www.sum.be/project/item.php?item=14&ID=39&lang=1 (navigate through the pics by using the small arrows to the right of the picture) It works ok in all tested browsers (ff mac/win, ie, opera mac/win), yet not on safari (mac+win). As you'll see there's a problem with the fadeIn/fadeOut resulting in a blank space where the picture should reside. Here's the code
[jQuery] toggling and element using two separate button elements
Hi this is my first post to this group so please forgive me for any errors I make. The problem I am having is that I show a div element that contains form elements, and inside this elements is another element that i want to toggle. How ever when I show the outer element using using button A I can toggle the inner element fine, and I then hide the outer element using button b. When I open up the same element in the same way the inner element will not toggle, but if i toggle the outer element using
[jQuery] ifModified - status is "notmodified", although response isn't empty
<span class="gmail_quote"></span>Hello, I send an request to a php file on the server: $(document).ready(function(){ updatePresenceBox(); setTimeout("updatePresenceBox()", 3000); setTimeout("updatePresenceBox()", 6000); }); function updatePresenceBox() { $.ajax({ url: "test.php", dataType: "html", ifModified: "true", complete: function(data, status){ alert(status); }, success: function(html) {alert("i'm successful"); $("#presence").html(html);
[jQuery] odd or even in a non table list?
Hi, I have a list of DIVs with class 'myclass', now I like to add different classes to it depending on odd or even, since it's not a table, I can't use the ':odd' and ':even' selector, any other way to do this? Thanks. A.C. <div class='myclass'></div> <div class='myclass'></div> <div class='myclass'></div> <div class='myclass'></div> <div class='myclass'></div>
[jQuery] using a var in both functions of a hover(over, out)
Hi I have a code simplified like this : jjQuery.fn.simpleTooltip = function(o){ $(this).hover( function(){ //code },function(){ //code }); } I want to store something in the first function (over) and use it in the second (out). I'm almost sure it is possible but all my attempts went wrong. Can somebody put me on the way ? -Olivier
[jQuery] Site Submission, finally!! :-)
Wow, I feel like I just gave birth. So there's certainly some bugs left which I'm tweaking out, but I've finally delivered not only my first web application -- but also a jQuery powered one (using the lovely Code Igniter as my backend)! A little background and some words of inspiration. On resume, I'm a systems administrator / network engineer. I was recently approached by an individual I went to highschool with that just remembers me being a typical computer geek and asked me if I can program. I
[jQuery] animating multiple items at the same time
Hi! I am relatively new to jQuery and recently ran into the following problem. Let's say I have a few DIVs of the same dimensions on top of each other. I need to expand/shrink them at the same time. I tried running a loop through these DIVs and doing something like: for(i=0;i<5;i++){ $('#divid'+i).animate({width: 400}, 'slow'); } this works but the animations don't occur at exactly the same time for each element (loop delay obviously). Is there a way to make all animations start at the same time?
[jQuery] Return scrollbar to top of <div> with overflow:auto after content replaced?
I'm replacing the contents of a <div> that has overflow set to 'auto.' Problem is, when the new content loads, the scrollbar remains where ever the user left it when they triggered the refresh. Is there any way to return the scrollbar to the top when new content loads? I tried setting overflow to 'hidden' before the load, then setting it back to 'auto' or 'scroll,' hoping that would reset it, but it didn't make any difference. Thanks, Jason
[jQuery] JSS - New Plug-in
Hi Guys, This is a plug-in that was thrown together in a few spare hours after chatting with some people at FOWA last week, I hadn't had much sleep at the time so it's still a bit rough round the edges. In a nutshell though it gives you full support for all jQuery selectors from within your CSS files in a totally unobtrusive mannor. This effectively means cross browser CSS3 support via JavaScript. You can find out more and grab it from: http://andykent.bingodisk.com/bingo/public/jss/ Any feedback,
[jQuery] New site using jQuery - Amserv Auto
http://www.amservauto.ee/front.html Uses several plugins, including Innerfade, ThickBox Reloaded, Flash and Masked Input. -- Mika Tuupola http://www.appelsiini.net/
[jQuery] Positioning and hover effect: possible bug in IE6
The demo of my problem can be found at: http://www.lefproiect.ro/mido/test.html In IE6, only the last item is sliding up on hover, the other two seems to be stuck. However, if I modify the top value of the .contact-info divs, this way increasing the vertical distance between divs, the sliding effect on hover is working properly. Anyone can give me a hint, pls?... Thanks in advance. Lucian
[jQuery] [newbie] testing image loaded
Sorry if my last post was a bit vague & long winded i will try to be more specific Is there a way to test if an image is loaded to trigger an event ? Currently I have tried the following and it seems to do nothing at all?? *Yeah... I'm guessing my syntax is pretty bad :( but I am trying to learn Thank you anyone that can help // assign the image once its loaded if(gLoad(s)) { $("#large").attr({src: s, alt: a}); $("#large").fadeIn("slow"); } else { gLoad(s); } function gLoad(s){ img = document.createElement('img');
[jQuery] opacity in animations
When I call superfish like this: $(".nav").superfish({animation : {opacity: .5}}); ... it always animates from dark to light on the first time you access a menu, and then on subsequent accesses, it's already at opacity: .5, so it doesn't animate anything. So, how can I achieve what I want, which is to navigate from nothing, to .5, every time I access the menu. Thanks!
[jQuery] Superfish & embed flash object
Hi Joel, I am using superfish on a page with an embeded flash object, the menu displays behind the flash. Do you know a way to make it show in front of the flash object? See an example of what I mean here. http://www.newportmirage.com.au/files/VirtualTour/low/virtual-tour-low-res.html I have upgraded to jquery 1.2.1 and superfish 1.3.1, however my style sheet is a modified version of an earlier vertical example (has it been modified for 1.3.1?). Thanks Mark
Next Page