[jQuery] script within ajax html response
Hi, I am working on a website using jquery for ajax with various other jquery plugins. In my app, when making ajax queries for forms, i return back the complete form as html since it carries information about validation which is done on the server-side. Taking 2 plugin into consideration, one the tabs plugin from the UI suite, which loads pages onto tabbed navigation via ajax call and second a password strength plugin. I cannot get the script for the password strength to work (along side other javascript.)
[jQuery] looking for advice on the best way to do this... autocomplete then fetch more data
I've got an autocomplete field (based on Jörn Zaefferer's plugin) which works great. I'm using it to grab a user from a database. What I need to do now is after the user selects their choice from the dropdown - I need to return to the db and grab more info based on their choice (address, etc). Or can I somehow return that data with the original query? Not sure which would be best performance wise... Still getting my feet with with Ajax and not sure the best way to do this - looking for advice and
[jQuery] document.ready inconsistent behaviour IE/FF -> bug?
(I have already sent this message but somehow it got marked as spam??!) Schematically I have the following page: <html> <head> <script type="text/javascript"> $(document).ready(function() { alert("DOM ready"); }); </script> </head> <body> <table> <tr> <td>Menu</td> <td><iframe src="content.jsp"></td> </tr> </table> </body> </html> content.jsp sleeps for 10 seconds, then
[jQuery] jQuery AJAX load and encoding/charset problems
I have already spent hours and hours on the following problem. I am using jQuery's AJAX load method in order to put a portlet in a DIV. The portlet url is: http://www.bam.nl/baminternet/baminternet/test/test_jQueryAjax/actueel.jsp http://www.bam.nl/baminternet/baminternet/test/test_jQueryAjax/actueel.jsp Which is showing fine when called directly. However, when using AJAX to load the portlet into a DIV, this is the result: http://www.bam.nl/baminternet/baminternet/test/test_jQueryAjax/ajax_encoding_test.jsp
[jQuery] Sorting links alphabetically with jQuery
Hi, I'm having some problems figuring out how to sort links alphabetically based on their text content and store the reference to the link. I can do it sans jQuery, but I'd really like to be able to use jQuery to do it. This is what I want to do: <div id="test"> <a href="http://yahoo.com">Yahoo</a> <a href="http://google.com">Google</a> <a href="http://aol.com">Aol</a> </div> function sortText(a, b) { if ( a.text < b.text ) return -1; else if ( a.text > b.text ) return 1; return 0; } var meh=[];
[jQuery] how to 'reset' a function that fired on page load?
Hi all, this ones had me stumbling for a while now... how do I get a hover function thats bound to a specific group of elements eg: $('#bar .foo').hover(function(){ $(this).addClass('greyHover'); }, function(){ $(this).removeClass('greyHover') }); to reset itself when another click function is fired, i.e. reassess the array of DOM elements it apples itself to, and stop applying to those that no longer fall under $(#bar .foo) This is so when the click function is fired, it
[jQuery] overflow hidden Firefox bug with Draggable
Hi, I'm working on a project using jQuery draggable (I'm using jquery 1.2.1 and jquery UI for draggable/droppable), and I'm noticing a problem that occurs only in Firefox (tested with Firefox 2.0.0.3 on MacOS 10.4 and Firefox 2.0.0.3 on Windows XP SP2). I have a number of draggable elements inside a div with overflow:scroll (so that the user can scroll and choose which elements to drag and drop). But when this happens, the element being dragged falls behind certain other divs and a flash element
[jQuery] rikrik's pager - 10 per page?
hey , i found this cool plugin that paging records. the problem is that its only one per page.. http://rikrikrik.com/jquery/pager/ any idea how to make 10 per page? like for guestbook, i need 10 records per page, now its only one THANKS ALOT :) -- View this message in context: http://www.nabble.com/rikrik%27s-pager---10-per-page--tf4669757s27240.html#a13339676 Sent from the jQuery General Discussion mailing list archive at Nabble.com.
[jQuery] hacking select tag
hi, anyone has an idea to make select tag readonly since readonly attr is not supported. Disabled is not a solution because it prevent the data from being posted. Thanks james
[jQuery] calling all jQuery Safari wizards!
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〈=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 I
[jQuery] AJAX and dynamically created dropdowns
Hello everyone, I have a script that basically just reads some data from an xml file, then the data gets loaded into a <select> dropdown, by dynamically creating <option> tags. Here's the working sample: http://yazmedia.com/sandbox/ View source for the code. XML: http://yazmedia.com/sandbox/data.html It works fine in Firefox, but in IE 7 or 6 it doesn't. I tried using a function "addOption()" that I found online, to see if at least I was doing something wrong in my code, but still neither option
[jQuery] [NEWS] Humanized Messages
Found a new jquery plugin: <a href="http://binarybonsai.com/archives/2007/10/15/humanized-messages-for-jquery/">http://binarybonsai.com/archives/2007/10/15/humanized-messages-for-jquery/</a> From the authors blog: "(...) It's simply a large and translucent message that's displayed over the contents of your screen. (...)"
[jQuery] how to select "this" ?
I'm just starting out with jQuery and am already staring at a wall. The goal: attach a mouse event to all links in a paragraph with id 'para' and display the text of the link. this is what I've come up with, which obviously doesn't work: $("#para a").click(function(){ var linkContent = $(this).text; alert (linkContent); }); the click event works, and an alert pops up, but the content of the alert is a javascript function, written out in all its glory. I can't imagine I'm too far off here. Can anyone
[jQuery] search through ajax object
Hi, if I use $.ajax() to fetch a file. Would it be possible to search throught that file for a certain element and use that? like $.ajax({ url: "getthis.html", success: function(html){ var mynewdiv = lookformydiv("#mydiv") in html //this is what i want to do $("#content").append(#mynewdiv); } it would a great help -- View this message in context: http://www.nabble.com/search-through-ajax-object-tf4664208s27240.html#a13324017 Sent from the jQuery General
[jQuery] jqModal ajax question
I'm issuing an ajax call, and passing a parameter. The parameter is the value of a text box on the page, which loads with a default based on a database call. But for some reason, the value isn't being sent in the ajax call. It just stays the same as it is when the page loads, even if the user updates what's in the text box. <script type="text/javascript"> \$(document).ready(function() { $('#bar').jqm({ajax: 'ajax_hspick.cgi?q=' + document.myForm.foo.value , trigger: 'input.bar'}); }); </script> <form
[jQuery] [NEWS] jQuery Logging (to firebug)
<span style="font-family: trebuchet ms;">It's very simple, but really powerful.</span><br style="font-family: trebuchet ms;"><br style="font-family: trebuchet ms;"><span style="font-family: trebuchet ms;"><a href="http://ajaxian.com/archives/jquery-logging"> http://ajaxian.com/archives/jquery-logging</a></span><br style="font-family: trebuchet ms;"><br style="font-family: trebuchet ms;"><span style="font-family: trebuchet ms;">Glen</span><br style="font-family: trebuchet ms;">
[jQuery] g has no properties?
I am doing a simple imageChange onLinkHover... I get the following error in Firebug everytime I hover over a link. But the image swaps work GREAT in all browsers. Except for the fact I see the error getting thrown in the browsers I am fine. g has no properties handleHover(Object type=mouseout target=a.showPic)jquery-svn.js (line 11) e(Object type=mouseout target=a.showPic)jquery-svn.js (line 11) e()jquery-svn.js (line 11) [Break on this error] eval(function(p,a,c,k,e,r){e=function(c) {return(c<a?'':e(parseInt(c/a)))+((c=c%a...
[jQuery] Can the cycle plugin return an index?
Hey, gang - I've got the cycle plugin working, just great, it's a beautiful thing. However, I have a after callback that needs to get the index of the currently displayed slide. Basically, it's displaying %% of %%% (for those who've got an RPG-II background...). I need to show what number of the current total we're on. Any ideas or suggestions, or do I go back to the drawing board? Thanks! - Toby AIM: tobyParent toby.parent@gmail.com
[jQuery] Masked Input Plugin Direction
A lot of people seem to need dynamic width number masking. Where currency symbols, decimal separators, and thousands separators are applied automatically. I'm thinking about taking this on, but I have a few questions. 1.Should is be a part of the masked input plugin or a separate new plugin? *It seems like the only similarities between the two would be the caret positioning stuff. 2.Regardless of separation, should I modify the namespacing to accomodate both? a. $(selector).mask.fixed(mask,options);
[jQuery] Changing a background image with .css() function
Hello ! I am trying to change the background image of a div when clicking on an element. This is my code : [...] $('#accordion').css('background-image', '/public/images/icons/slideDown.jpg'); alert($('#accordion').css('background-image')); [...] But the alert box will never show me the right url, it will only give me the initial url when the page was loaded, so the image is not changing. Can anyone help me with this ? Thank you for any help ! :-) -- View this message in context: http://www.nabble.com/Changing-a-background-image-with-.css%28%29-function-tf4665937s27240.html#a13328642
[jQuery] Using Jquery Form and Block UI together
I have this function that triggers an AJAX call to the server $('#advert_settings_form').ajaxForm(function() { $.blockUI('<h1><img src="busy.gif" /> Just a moment...</h1>'); //alert("Thank you for your comment!"); }); Where do I put the blockUI and unblockUI functions in ajaxForm callable? Thanks
[jQuery] noob: table row level link and hover
I need to have each table rows point to different link. I am looking at table striping and how hover works in 15daysofjquery.com. http://15daysofjquery.com/table-striping-made-easy/5/ I need to make the whole table row clickable and should take the user to a different link on the site. How do I do this in jquery? For example table is as follows: <table border="1"> <tr><td>Row 1 Cell 1</td><td>Row 1 Cell 2</td></tr> <tr><td>Row 2 Cell 1</td><td>Row 2 Cell 2</td></tr> </table> Row1 link: site.com/tutorial/1
[jQuery] iTunes album flipping simulation
Greetings all! This might be more UI related, and if it is, apologies for spamming this list. I'm surfing iTunes album art flipping, the same thing that's on the iPhone, and I believe amazon has something very similar (but theirs is done in flash. :-( ) I was curious if any of the brilliant minds who contribute to jQuery have created a similar widget yet with JavaScript? I suppose it would be like a Carousel on steroids. :-) Thanks again anyway for any input. - sf
[jQuery] How would I modify this to...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> <HTML> <HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii"> <META NAME="Generator" CONTENT="MS Exchange Server version 08.00.0681.000"> <TITLE>How would I modify this to...</TITLE> </HEAD> <BODY> <!-- Converted from text/rtf format --> <P DIR=LTR><SPAN LANG="en-us"><FONT FACE="Calibri">…</FONT></SPAN><SPAN LANG="en-us"><FONT FACE="Calibri">close an open row, when another row is clicked to open?</FONT></SPAN><SPAN LANG="en-us"></SPAN></P>
[jQuery] Does storing DOM references in object properties affect browser performance?
Warning perhaps this is a dumb question. I naively would have thought that storing DOM references (in this case, in object properties because our scripts are object-oriented) would improve performance, eliminating needless lookups. However, now I wonder if doing so taxes browser memory, particularly in IE, and slows down a web application as more and more DOM object references are stored in object properties. I'm basically unclear on the entire issue. Could anyone shed some light on this topic?
[jQuery] ajax() and get() not working, only load(). Why?
Hi, I'm not sure what i'm doing wrong. However, with this it works $("#About").click(function() { $("#content").load( "getthis.txt", function(){ $ ("#content").animate({opacity:"1"},2000);}) return false; }); But with this it doesn't: $("#About").click(function() { $.ajax({ url: "getthis.txt", succes: function(ddd){ $("#content").append(ddd); $("#content").animate({opacity:"1"},2000);
[jQuery] binding dynamically inserted DOM elements
i have a piece of code that inserts new objects into the DOM. these objects are of the same class as other objects already in the DOM to which jquery has bound. how do i get these new objects to bind the same as the existing ones? in other words... let's say i have this: $('.foo').click(function() { doSomething()}); when i insert new ".foo" objects, i want them to also have their click event bound to doSomething(). is there a built-in jquery method to do this? or do i simply need to do the binding
[jQuery] Selecting elements WITHOUT children?
Hey all, this is my first time posting to the mailing list, so please, be gentle. ;) Anyway, to the point, I have long lists of items similar to the HTML below <li><span>Item 1</span></li> <li><span><a href="htt://link/">Item 2</span></li> <li><span><a href="#" rel="Text">Item 3</a></span></li> Now, what I need to do here is be able to select and apply a function to Item 1, without having the said function cascade and apply to Item 2 and Item 3. Any one have any idea how I should go about this? For
[jQuery] ui calendar missing
From the <a href="http://ui.jquery.com">ui.jquery.com</a> page... <span class="sourceRowText"><!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"></span><div class="sourceRow"><a class="sourceLine"> 2</a><span class="sourceRowText"><html><head></span></div><div class="sourceRow"><a class="sourceLine"> 3</a><span class="sourceRowText"><title>404 Not Found</title></span></div><div class="sourceRow"> <a class="sourceLine"> 4</a><span class="sourceRowText"></head><body></span></div><div class="sourceRow"><a
[jQuery] ui.tabs bug
Sorry if this is the wrong place to post this.... but i've found a ui.tabs bug. To recreate 1. create a tab that uses ajax to load the tabs <script type="text/javascript"> $(function() { $('#maintab ul').tabs({ remote: true }); }); </script> ... ... <div id="maintab" style="width: 100%;"> <ul> <li><a href="/uitest/boys"><span>Boys</span></a></li> <li><a href="/uitest/girls"><span>Girls</span></a></ li> </ul> </div> then from firebug console add a new tab $('#maintab ul').tabsAdd('/uitest/men', 'Chat')
[jQuery] select the last 2 elements in list
e.g. <ul> <li>a</li> <li>b</li> <- <li>c</li> <- </ul> I did: <script type="text/javascript"> $(document).ready(function() { $("#update li:last").addClass("last_li"); $(jQuery.sibling("#update li:last").prev).addClass("sec_last_li"); }); </script> The last element works, but not the 2nd last....
[jQuery] jquery 1.2.1 and form plugin
Hi, please check if is everything fine with the new jquery version. I am having a problem with ajaxSubmit. It seems like never call the success funcion configured in the options object. It works with jquery 1.1.3, but dont with the new one. I am using the latest form plugin published in the form plugin site. Thanks. Mark
[jQuery] disable effect in images
Its possible to turn any image to gray simulating a disabled effect?? I'm trying to find it out but don't know what are the keywords to search for Thanks!<br clear="all"> -- huge hug Feijó
[jQuery] Binding functions referenced by an array
Hello I'm having some troubles regarding binding functions referenced by an Array: I have this piece of code function f1() { alert("dklfsd"); } function Dialog(title) { this._dlg_btns_fns = new Array("f1"); } Dialogo.prototype.setButtons = function (val) { var tp = valor.split("@"); for(i=0;i<tp.length;i++) { tb = tp[i].split("|"); this._dlg_btns.push(tb[0]); this._dlg_btns_fns.push(tb[1]); } } //assuming that we call setButtons like this : dialog.setButtons("OK|
[jQuery] slideDown problem in IE6 and IE7
Very new to this but really puzzled by an error in IE6 and IE7. I'm using the fx slideDown effect and it is giving me an 'Invalid Argument' error - Fine in FF and Safari. I've got so far with this project I can't believe I'm getting stuck on this. Many thanks
[jQuery] problem with recursive $.get
Losing some hair over this one.... maybe someone can help? I'm using jquery 1.1.2 (and must use that rev). I have a list of html files (snippets of html) that I want to fetch sequentially via a $.get and store in a hash. I'm doing something like this, using while and shift() to loop through the list (I don't need the array after it's been looped through) and make a recursive call to the getTemplates function: var baseUrl = 'http://www.mydomain.com/snippets'; var fileList = ['discounts.html', 'categories.html',
[jQuery] Changes to $(selector).append
I'm using the $(selector) in 1.1.4 and it always returned an array that you could change to and append. $("#myDiv").append("Some HTML"); This has seemed to change in 1.2, the $(selector) doesn't return an array so chaining the calls don't work. This is becuase the domManip function uses return this.each(function(){ ... }); and "this" isn't an array, it's a native object. I looked through the release notes and didn't see that this was changed. It there a way to get the old functionality, Maybe a different
[jQuery] New Dating Site using jQuery :)
Although the site is not complete, I thought I would let you all in on what is going on with LoveDango.com :-p Before anything I would like to thank everyone on the jQuery team and many of the people who participate on this mailing list as it has been, and continues to be a valuable resource for development with jQuery. As for the dating site. I began the idea when I realized that there was a giant black hole when it came to finding an easy to use, COOL, and FREE dating site. The more and more I
[jQuery] Does anyone know about Easy Dom?
Hello all, I'm currently working on a project which used previously EasyDom based on Jquery. I would like to find some information about it. But, except on this website: http://mg.to/2006/02/27/easy-dom-creation-for-jquery-and-prototype , I can't find anything. I can't even find the original website to download it... Does anyone have something? Thanks, Charliend
[jQuery] jQpanels 1.0.1
Hi, I have now uploaded the version 1.0.1 of my jQ plugin for sliding panels. Some new feature added and a decent API has been written. can find anything here: http://www.andreacfm.com/examples/jQpanels/ Please give me your feedback and suggestions Andrea
Next Page