[jQuery] How to trigger event when user gets to end of content in a scrollable div
I am new to jQuery and have not a clue how to trigger an event when a user gets to the end of scrollable content in a div. For example many sites have a Terms and Conditions content box that when you get to the "end" it enables "accept" yes and no radio buttons and a submit or continue button. I just need to know how get jQuery to broadcast when it reaches the end of the content. Thanks
[jQuery] using different version of jquery together, not working (for ALA / bassistance scripts)
an article on a list apart describes how to use jquery to nicely lay out a form. since it doesnt work with jquery 1.2 i just grabbed the jquery version he uses from his source (http://www.alistapart.com/d/ prettyaccessibleforms/example_3/assets/js/jquery.js) now im also using the the bassistance plugin to validate the form. this plugin doesnt work with the jquery version thats used in the ALA article so im using the latest jquery version for this. so i need to link to both versions, but this causes
[jQuery] jQuery Forms for COLDFUSION
The version 1.0 of the Ctag based on the powerfull forms plugin of Jquery has been released. Some of the features <ul> <li>Place how many forms you need in the same page and set different behaviour for any of them. The tag will load the needed JS and write the jQuery statement for you</li> <li>Choose where to place the error validation message (inline or in a separate box)</li> <li>Choose between the incredible wide validation rules of the validation.js plugin. See the full <a href="http:// jquery.bassistance.de/api-browser/plugins.html#validateMap"/>API</a>
[jQuery] How do you tie sortables into the back-end with ajax?
List sorter functionality is way cool, but isn't very useful unless I can tie it into the back-end. How do I couple it with an ajax call to make sure the change is conveyed to the server? Seems to me you need to detect the drop and have it launch an ajax call with the dropped object id and the id of the object above it. Or the id of the object you are dropping the item on.
[jQuery] Superfish Question (v1.3.1)
Hey All, Yesterday I spent some time implementing Superfish (at that time v1.3) with jQuery 1.2 - it's not a straightforward menu implementation, I'm more tailoring it for a pseudo selection box. Curiously I didn't run into the selector issue (other than animations weren't working) and had it working pretty much exactly as intended. One of the little "hacks" I had to put into place was to accommodate the fact that I put padding and a border around the LI of my top level nav items. These items also
[jQuery] Interacting with the MultiFile Plugin
I have a form that is using both the ajaxFileUpload and the MultiFile plugins. When a user selects a file for upload, the change event uploads the file via ajax for validation. If an error occurs, I need to remove the file from the MultiFile "queue". I can (and have) manually removed the elements, but that doesn't decrement the maxfile counter, of course. The easy way to do all of this is to trigger the MultiFile function that is called when the user deletes the file from the UI, but I can't figure
[jQuery] datepicker and mark a day
hey. i using datepicker and i want somehow to define to this script that he will add diffrent background to some block of a day all the days are "RED " background 07/07/2007 - "GREEN BACKGROUND" like to mark a specipic date for hollyday or somthing else... i did $('.date-pick2').dpSetSelected('07/07/2007'); but its marks it and once user click somthing else its unmark it.. i need somthing prem... is anyone knows how? -- View this message in context: http://www.nabble.com/datepicker-and-mark-a-day-tf4466752s15494.html#a12736023
[jQuery] Best Practice? Sliding table rows up and down
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=us-ascii"> <META content="MSHTML 6.00.6000.16525" name=GENERATOR></HEAD> <BODY> <DIV><FONT face=Arial size=2><SPAN class=152285114-17092007>I've been in this situation before and gone a different route, but this time I'd really like to use a table for my data, but have the ability to show/hide certain rows using slideUp/slideDown.</SPAN></FONT></DIV> <DIV><FONT face=Arial
[jQuery] Sliding Animation Error(s)
Hello people, I'm trying to develop an animation to swap my contents. Former I tried to use Interface pugin ad follows: ...but Firebug said: this.options.curAnim has no properties (no name)()jquery.js (line 11) t()jquery.js (line 11) (no name)()jquery.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... So I tried to make a workaround "by hand": element.css({ left: content.width()+"px", display: "block" }); var delta = "-="+alreadyDisplayed.width()+"px";
[jQuery] jQuery UI praises and questions
Great work on the jQuery UI, I take my hat off for all who worked on it, keep it up and keep amazing us!! In the docs it isn't mentioned which version of jQuery you have to use and if it's possible to use the compontents separate? ps : other jQuery UI question i will post in the jQuery UI list. -- David Duymelinck ________________ david@icreate.be
[jQuery] TableSorter demo not sorting under IE7
In the jQuery demo, the TableSorter widget appears with several data rows, and I can toggle sort direction by clicking, but the table rows never actually get sorted. All of the data stays in the order in which it was originally loaded. Is this intended with this demo? (I would expect not, given that the other demos seem to work, but it also seems that people are using the table sorter in applications without problems.)
[jQuery] jQuery 1.2 Release Notes on IE6
Is it just me or is the left hand column of the New Features section invisible on IE6? It doesn't appear to be an instance of the peekaboo bug because mouse activity and/or scrolling does not reveal the missing material. In particular, you can't select it with the mouse. However, the links on the (invisible) subheadings are there and are active. Furthermore, all the text prints OK if you print the page. Good ol' IE6! Dontcha just love it!
[jQuery] blockUI IE6 checkbox
I have a few checkboxes that fire an ajax request, and use blockUI to block an element during this request. Problem is, the checkbox gets 'unchecked' whenever blockUI shows up. Its reproducible with the following code (appears to not just affect element blocking) <html> <body> <input type=checkbox>check me </input> </body> <script lang="javascript" type="text/javascript" src="jquery-1.1.4.pack.js"
[jQuery] TableSorter properties
I'm loving the tablesorter plugin, everything works splendidly except I can't get a column to sort dates. Here's the init function I'm using to: - set the two CSS classes for the active TH, - disable sorting on the first column, - sort the 5th column by date, - force the first column sort onload, and - adding the Zebra rows widget. $("#sorttable").tablesorter( {cssAsc:"sortasc",cssDesc:"sortdesc", headers: {0: {sorter: false}, 4: {sorter: "date"}}, sortList: [[1,0]], widgets: ['zebra']} ); All of
[jQuery] Preloading an image before further handling
Hello all, I'm looking for a while to preload an image before further handling. In example, I want my visitors to enter a HTML-page with a (quiet big) image and give this image a fade in. This fade in is easy to show, but when I test it online, my image is loading to slow what makes that the fade in isn't visible anymore. So what I want is a jQuery-check to see if my image is completely loaded before the fade in is shown. This is the jQuery I'm using to fade in: $(document).ready(function(){ $("#photo").fadeIn("slow");
[jQuery] Creating a sliding onload effect
<div>Hi</div> <div> </div> <div>I have a menu made from an unordered list containing 4 menu items that I'd like to slide down from the top of the page onload. The menu is horizontal and I want it to stop around 20px from the top of the page. Once the menu has slid onto the page I want it to stay there (I don't want to have it slide away again). </div> <div> </div> <div>I've been trying to get this to work by using mootools, but as my site is built with textpattern I'd really like to use JQuery.</div>
[jQuery] postbacks, $(document).ready(), and asp.net
I'm having an interesting problem that happens in both IE6 and Firefox. My menu script runs fine when the page first loads. It sets the style of certain table elements when the $() ready function fires, all is good. But on postbacks (button clicks), the script runs fine, the style is updated, but the page doesn't show the updated styles. Any ideas on what to track down? I've checked that the style is indeed changed with Firebug on postbacks, so I have no idea why the browser doesn't display the updated
[jQuery] Tablesorter 2.0
Hi, I have just been playing with the new Tablesorter 2.0. Thanks Mr Bach! Great piece of work. I am having problems getting tables to inherit widgets. I am not sure if its the way $.extend() merges arrays when passing the settings object to the tablesorter.construct() function or what but when I add more widgets it seems to overwrite the ones I added previously. EXAMPLE: <table class="data" id="myTable1"> ...</table> <table class="data" id="myTable2"> ...</table> <script> $("table.data").tablesorter(
[jQuery] draggable: manually reset position of element by drag callback handler
hi, because this is my first post to this group, thanks for jquery + ui and sorry for the incomprehensible subject. I'll try to explain it a little bit clearer. I'm developing something like a Google Maps clone for large images (> 200 mega pixels). Of course I can't display all generated image tiles and so they are generated dynamically by jQuery [1] while dragging the visible tiles (the "map"). Hence tiles which are removed from the viewport are deleted dynamically too. My problem: I wrote a javascript
[jQuery] help with interface && ondrop function
Hi, I'm using this example to organize categories on a project: http://interface.eyecon.ro/demos/drag_drop_tree.html It works very fine, but I want to modify it to make also change the order in subtree. The problem is that you can drag elements from an ul to another ul, but if you want to change the order of the subtree in the same ul you can't. In the ondrop function there is a piece of code, the rilevant part I think is this one: subbranch.eq(0).append(dropped); It uses append and then the dropped
[jQuery] Bug in slide up/down? Contents of target hide as well, but don't show also.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META http-equiv=Content-Type content="text/html; charset=us-ascii"> <META content="MSHTML 6.00.6000.16525" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=529015416-14092007><FONT face=Arial size=2>I'm using slide up/down on a div which contains a table. When I slide the div up it works just fine. When I slide it down it works fine as well, until the animation is complete at which point the table vanishes.</FONT></SPAN></DIV>
[jQuery] Job Posting: Javascript/JQuery Developer
Primary responsibility for developing and maintaining a web-based desktop that integrates multiple application services for scientists and researchers. The desktop, which uses a windowing metaphor with direct manipulation and visual alerts, will be extended with a range of new applications essential for scientists. The desktop is available at http://www.wikiprofessional.org. ********* * Needed qualifications: - Strong PHP/javascript skills - Experience with JQuery - Experience with MySQL - Understanding
[jQuery] idea to track plugin updates: myJquery.com
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML><HEAD> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"> <META content="MSHTML 6.00.6000.16525" name=GENERATOR></HEAD> <BODY> <DIV><SPAN class=078591609-17092007><FONT face=Arial size=2>hi all,</FONT></SPAN></DIV> <DIV><SPAN class=078591609-17092007><FONT face=Arial size=2></FONT></SPAN> </DIV> <DIV><SPAN class=078591609-17092007><FONT face=Arial size=2>This email presents a suggestion for a community tool, maybe
[jQuery] parents() clears vars
I have the following funtion: function foo() { console.log( arguments ); // --> OK var e = arguments[0]; console.log( e ); // --> OK var p = arguments[0].parents( 'li' ); // --> problem occurs ONLY if this selection is empty // and empty selection is legit in my case // same behavior also when var p = e.parents( 'li' ) ; console.log( arguments ); // --> if p.empty --> [ ], else OK console.log( e ); // --> if p.empty --> [ ], else OK console.log( p ); // --> OK } What am I missing? Thank you.
[jQuery] Each events and safari
Hi ive noticed the each event only gets called once per page load in safari. Is there any way around this. Is it a bug ?
[jQuery] draggable: manually reset position of element by drag callback handler
hi, because this is my first post to this group, thanks for jquery + ui and sorry for the incomprehensible subject. I'll try to explain it a little bit clearer. I'm developing something like a Google Maps clone for large images (> 200 mega pixels). Of course I can't display all generated image tiles and so they are generated dynamically by jQuery [1] while dragging the visible tiles (the "map"). Hence tiles which are removed from the viewport are deleted dynamically too. My problem: I wrote a javascript
[jQuery] Events, forms and AJAX
Hi I posted a question earlier, this is the updated version based on further understanding. in order fir Jquery to recognise the events of the second form I had to nest the code this this: $('form').submit(function(event){ //$('#content').empty(); $.post('../../forms.php',$ (this).find('input').serialize(),function(formA) { $('#content').empty().append(formA); $('form').submit(function(){ $.post('../../forms.php',$ (this).find('input').serialize(),function(formB)
[jQuery] select items with a class beginning with a given string?
How do I select items with a class beginning with a given string? e.g.: I have ... <tr class="hidden row-odd POID49">... <tr class="hidden row-even POID49">... <tr class="hidden row-odd POID50">... ... and want to hide all the rows with any POID and then show all the rows with POID49. I know there are alternatives, like adding another class, but I'm interested to know if there is a way to do this. -- View this message in context: http://www.nabble.com/select-items-with-a-class-beginning-with-a-given-string--tf4466373s15494.html#a12734884
[jQuery] Thanks for bringing back eq() in 1.2.1
It really makes things easier when selecting elements with variables. Bernd
[jQuery] jQuery UI demos: minor bug in Tabs demo?
Hiya! http://ui.jquery.com/ i'm looking through the Tabs demo (nice stuff) and i noticed that the "Ajax tabs" demo appears to have a problem. When i click on any tab, i see a brief "loading..." text, then no content. Is this as designed? If so, i would recommend putting some dummy content in there to avoid any confusion. (Only tried it in Firefox/Linux 2.0.0.6.) Slightly related: the tabs docs are full of the comment "(no zero- based index)". What exactly does that mean? e.g.: http://docs.jquery.com/UI/Tabs/tabs#initialoptions
[jQuery] Catching events on page elements inserted into the DOM
Hi guys, this is my first post here so go easy on me :) When uding append() to add new xhtml elements to a page, why cannt javascript recognise event related to the new elements? for example using the JQuery $('a').click(function(){ alert($(this).text()); return false; }); $('#content').empty().append('<a href="#">123</a>'); - successful alert $('#content').empty().load('step1.htm'); - contains the same anchor but does not trigger the alert $('form').submit(function(){ $.post('server
[jQuery] Catching events on page elements inserted into the DOM
Hi guys, this is my first post here so go easy on me :) When uding append() to add new xhtml elements to a page, why cannt javascript recognise event related to the new elements? for example using the JQuery $('a').click(function(){ alert($(this).text()); return false; }); $('#content').empty().append('<a href="#">123</a>'); - successful alert $('#content').empty().load('step1.htm'); - contains the same anchor but does not trigger the alert $('form').submit(function(){ $.post('server
[jQuery] pngFix - not working
Hello, On my example, i have a list of link to load some png in a div. For the first click, the fix work but on the next click the pngfix don't work anymore. Anyone can tell me what's wrong with this example ? example : http://www.hybridbears.com/pngFix/index.htm (Of course, IE only) -- View this message in context: http://www.nabble.com/pngFix---not-working-tf4465385s15494.html#a12732057 Sent from the jQuery Plugins mailing list archive at Nabble.com.
[jQuery] How come I cannot register for account in JQuery, email never arrives!
How come I cannot register for account in JQuery, email never arrives! Or have I missed something -K
[jQuery] Bug with $.ajax and IE
Hello , I have made a very simple test with jquery and the funcrion $.ajax. This project is very simple and I works find wint firefox. I have basic html page. I have a javascript page with that code : $(document).ready( function(){ $.ajax({ type: "POST", url: "BD/donnees.php", success: function(msg){ alert( "Recu: " + msg ); }, error: function(a,b,c){ alert("Error : " + a + " " + b + " " + c + "
[jQuery] parents() clears vars
I have the following funtion: function foo() { console.log( arguments ); // --> OK var e = arguments[0]; console.log( e ); // --> OK var p = arguments[0].parents( 'li' ); // --> problem occurs ONLY if this selection is empty // and empty selection is legit in my case // same behavior also when var p = e.parents( 'li' ) ; console.log( arguments ); // --> if p.empty --> [ ], else OK console.log( e ); // --> if p.empty --> [ ], else OK console.log( p ); // --> OK } What am I missing? Thank you.
[jQuery] jQuery UI already released?
it is mentioned that jQuery UI will be released in 2007.09.16 in the jQuery blog, right? and now, it is 2007.09.17, have it been already released?
[jQuery] Disable the Firefox Error Console
Hi All, I'm finding that the error console pops up on every .load() call, even if there are no errors. While it's fine and very helpful for development, I would like to be able to turn it off as the last stage before putting the app into a production environment. Can anyone tell me how i can do this? Cheers Keith -- View this message in context: http://www.nabble.com/Disable-the-Firefox-Error-Console-tf4447691s15494.html#a12690141 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Looking for OnMinimize/OnMaximize
I am wondering if there is a better solution than looking for a "onMinimize/OnMaximize" events. Basically, I have a hidden <div> container with a <applet> tag that was injected with a button click. Once injected the applet is auto- activated. If the page is minimized and restored, the applet is reactivated again. I'm trying to avoid this. This is only the behavior under IE, not FF. This is a simple java class. I have code control over the java applet. So it is possible for me to make it send an event
[jQuery] jQuery + gzip + IE6
I wonder if anyone has any tips/experiences to share regarding gzip compression and IE6. Where the compression takes place (mod_deflate, mod_gzip, php) does not matter. There's a known issue with IE6 and compressed style sheets, but when I install IE6 out of the box, jquery also has this issue. The issue is that every once in a while (like 1 in 5), the javascript is not loaded properly. I've been running this compression config for a while: ------------------------ # Insert filter SetOutputFilter
Next Page