[jQuery] Image Flicker in Firefox, Not working at all in IE
<HTML><BODY style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-line-break: after-white-space; ">I'm creating a slideshow where you click thumbnails and the larger image loads on the same page. I've got that functionality down, but I wanted the images to fade in and out. In Firefox the code below makes the image visible for a split second before it fades in causing a weird flicker effect: <DIV><BR class="khtml-block-placeholder"><DIV style="margin-top: 0px; margin-right: 0px; margin-bottom:
[jQuery] fade methods, better implementation?
Hi all I've spent the morning developing a plugin which uses the fadeIn/Out method (hope to release on here towards the end of the week). While developing, I hadn't noticed how the fade methods actually ran, having only really used the slideUp/Down for my apps. So, I come to develop my plugin, and while expecting to see my elements fade in/out, they actually fade *down*/*up*. I was wondering whether you guys would welcome the request that the fade methods should be split into two sets: fadeUp/Down
[jQuery] Plugin - internal functions
I was just reading about creating jquery plugins, when I noticed the following comment in the docs: <blockquote style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;" class="gmail_quote"> If you need to write any private methods (ones that the end-coder doesn't need to see), you can feel free to bind them to the $ object itself, for example: <pre>$.test = function() { // Do some internal stuff }; </pre> You can then access it in the same manner: <pre>$.test("some
[jQuery] $(document).ready() jumping the gun?
Is anyone experiencing problems with $(document).ready() firing before it should? Two scenarios for me: <span style="font-weight: bold;">1) $(document).ready() in an external .js file -- always fails! Am I misunderstanding something? </span> $(document).ready(function(){ document.getElementById("foo"); // Fails! -- claims element "foo" does not exists }); <span style="font-weight: bold;">2) $(document).ready() in my .html file -- occasional rare failures. <span style="font-weight:
[jQuery] delayKeyStroke
Hi! This morning i wrote a lite plugin that i would like to share, i call it delayKeyStroke. I'm using it on a input box for a auto complete function that makes Ajax calls to a server. The function has 4 required params. timer = time i seconds between keystrokes before the script thinks that he/her has finished minChar = minimum input chars before onSuccess is fired onSuccess = function for handling if above is true. onEmpty = function that fires if the input length equals 0. $("input#q").delayKeyStroke(timer,minChars,onSuccess,onEmpty});
[jQuery] jQuery_Auto
jQuery_Auto automatic DHTML for designers and developers jQuery_Auto allows you to enhance HTML pages with dynamic Javascript without any programming skills. It is applied and configured with CSS classes and id's. Features: $.auto.hide Auto-hide elements on page load. $.auto.tabs Create a tabbed interface. $.auto.hover Add on-hover images with automatic preloading. $.auto.submit Create auto-submitting SELECT's $.auto.select Enhance form INPUT's. http://localhost/code/?/jquery_auto I'm also working
[jQuery] assigning jquery object to a variable?
> Element ID's must be unique, so why not return the
[jQuery] assigning jquery object to a variable?
Hi Howie, in opposition to Prototype jQuery does not "intrude" into the prototypes of javascript objects, but gives you back an object that is a wrapper around the DOM element(s), you want to access. So you cannot not have both, if you want to use the jQuery methods(shortcuts) to work with the element, you need the jQuery wrapper object, if you want to use other javascript methods directly, you need the Javascript DOM element, which you can get with the get() function. Otherwise there would have
[jQuery] assigning jquery object to a variable?
jQuery looks nice, but seems to be missing the basics. Perhaps not. Perhaps is just lacking documentation. Why can't i do this? var myElement = $("#myElementId"); myElement.style.display = "none"; yet i can do : $("#myElementId").css("display" "none"); I want to assign the query object to avariable to perform multiple attribute updates without re-querying (or chaining). Am I missing something? Or am I gonig t have to go back to prototype ? thanks -- howie _______________________________________________
[jQuery] Safari / .css issue
Hi everyone, I am doing the last tests of my project on Safari and I seem to do something horribly wrong. This will work with IE & FF, but not with Safari: $('#testdiv').css('border-color', '#363'); On Safari, I get "TypeError - Value undefined (result of expression o.getAttribute) is not object. jquery.js Line 544" Any ideas? Thanks, Arash _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] jQuery showcase using subModal greybox
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type"> <title></title> </head> <body bgcolor="#ffffff" text="#000000"> <font size="-1"><font face="Tahoma">Heya, I've been working on a little (ahum) project for my company and i want to share the current work with you guys. </font></font><font size="-1"><font face="Tahoma">For this app i had to modify some of jquery's parts and write some of my own plugins.
[jQuery] Trying to make fadeTo() function
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html;charset=windows-1255" http-equiv="Content-Type"> <title></title> </head> <body bgcolor="#ffffff" text="#000000"> <font size="-1"><font face="Tahoma">I also need this, but nobody replyed... Seems like there is a need for this one ;) </font></font>Gr Gilles </body> </html> _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] stuff are showing to fast for me
<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=windows-1255"> <meta name=Generator content="Microsoft Word 11 (filtered medium)"> <!--[if !mso]> <style> v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);} </style>
[jQuery] Static vs dynamic CSS rules
> I've bumped into an issue whereby converting the "static" > CSS rules in the <head>to their "dynamic" jQuery equiv Possibly the problem is with the bare float name? Javascript has reserved "float" as a keyword. I've never had to set it myself in JQuery but John mentioned it in a blog entry: http://jquery.com/blog/2006/02/23/bugs-squished-ajax-on-the-way/ It may be even a bit more complicated than that, some pages indicate that Firefox uses cssFloat as an alias but IE uses styleFloat for the same
[jQuery] Droppable - drop zones
Hey there, I played a little bit with drag functions and I manage to add Droppable features for draged elements. To make it work i had to changed some things in drag.js, but since is not an official release ... check the demo http://www.eyecon.ro/test/jquery/ _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Static vs dynamic CSS rules
I'm playing around with the tabs example from Michal Tatarynowiczs' lovely jQuery_Auto package and I've bumped into an issue whereby converting the "static" CSS rules in the <head>to their "dynamic" jQuery equiv mostly works but when it comes time to removeClass or addClass then any CSS rules no longer work. I've bumped into this before but now I have an example to point to... This is a mildly hacked version with the style rules in the <head>, and where the Active class is applied it works (the tabs
[jQuery] Get / Post questions and need help with syntax. Example included.
I want to return a cdata string from an xml document whos data is requested using get/post using the ajax plugin. I need this data to be handed to some specific objects and to be available to other scripts for processing. I am new to the JQuery thing for ajax. The code I have so far.. var usrOb = { n : null } var tplObj = { v : null } var rowObj = { x : null , y : null , z : null } $(document).ready(function(){ $.getCDATA
[jQuery] Trying to make fadeTo() function
<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=windows-1255"> <meta name=Generator content="Microsoft Word 11 (filtered medium)"> <!--[if !mso]> <style> v\:* {behavior:url(#default#VML);} o\:* {behavior:url(#default#VML);} w\:* {behavior:url(#default#VML);} .shape {behavior:url(#default#VML);} </style>
[jQuery] jQuery_Auto
> jQuery_Auto
[jQuery] Safari error (Built Tue May 2 15:07:09 2006)
This is a Safari bug which was fixed in 2.0. It's the same problem I reported here: http://jquery.com/discuss/2006-April/000622/ John, could we put an extra semicolon on the throw statement at the end of jquery.js? That would work around this Safari bug. (I think I like this solution better than modifying Packer as I described earlier, because it keeps the file size smaller.) -Mike
[jQuery] Safari error (Built Tue May 2 15:07:09 2006)
Hi everyone, I just realized that the latest jquery release does not work (for me) on safari 1.3.2 (v312.6). But only for the compressed version of jquery: http://jquery.com/src/latest/ In the JavaScript Console, I get "SyntaxError - Parse error". When using http://jquery.com/src/latest/sane/ everything is fine. Any idea on how to fix this? Thanks and greetings, Arash _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Trouble with -moz-user-select
--
[jQuery] Trouble with -moz-user-select
Hi all. I don't know if it's Firefox or jQuery's fault, but while I can use $("body").css('-moz-user-select', 'none'); to disable text selection, but enabling it again with $("body").css('-moz-user-select', 'auto'); doesn't work. $('body').css('-moz-user-select'); still returns `none` and, of course, I'm unable to select text. Any idea? (By the way, I'm using this evil proprietary property to disable background text selection while dragging "popup" divs.) Regards. -- Choan <http://choangalvez.nom.es/>
[jQuery] Some more findings concerning speed - $.tabs optimized
Hi all, I now have optimized the $.tabs plugin with some interesting results. Before the optimization changing the tab took about 250ms, which in my eyes was unacceptabel because of a noticeable delay after the click (a co-worker indeed once asked me, if the content of the tab is fetched via XmlHttp...) So I rewrote the code using the '#' selector (assuming that this would use the faster getElementById() at once) - Example: Instead of $("[@id='" + containerId + "']/div:visible").hide(); I now use:
[jQuery] Page will not display rendered html after DOMmanipulationin IE
Here's another take on the buildGallery function, using a Lisp flavor. I didn't test it but the syntax is okay. I've assumed that it's not necessary to hide the empty TDs, it just skips putting IMG in those cells. Another way to approach it would be to build a template row in DOM objects, then cloneNode the row and change the IMG SRC attributes. var buildGallery = function(nColumns,nArray) { function genArray(n,f) { var a = []; for ( var i=0; i < n; i++ ) ret[i] = f(i); return a; } var nimg = 0;
[jQuery] Advice on replacment of Scriptaculous effect with Jquery...
For an effect like that--a one-cycle animation that stays within the bounds of the final rectangle--the most portable and performant way might be an animated gif. You can have the first gif frame delay for a second to account for the page load, then do the animation and stop at the last frame. With solid colors like that the gif should be very small. -----Original Message----- From: discuss-bounces@jquery.com [mailto:discuss-bounces@jquery.com] On Behalf Of Mark Panay Sent: Friday, May 05, 2006 8:51
[jQuery] Advice on replacment of Scriptaculous effect with Jquery...
Hi List, I was wondering if there has been any FX development lately that I may have missed. Currently on my site www.markpanay.com I use behaviour,prototype and scriptaculous to make a container appear nicely, however I've just replaced the contact page with Jquery saving hundreds of kb but the effect is just not as "sexy". Could somebody take a look and tell me if there is an alternative P,B,S - www.markpanay.com/index.html Jquery - www.markpanay.com/contact.html Any help is greatly appreciated.
[jQuery] Some jQuery Demos
G'day Mark, Just to let you know that anyone using IE6 won't be able to see your demo page (tis a shame...) becuase you are serving it up as application/xhtml+xml which IE6 and IE7 won't support. http://blogs.msdn.com/ie/archive/2005/09/15/467901.aspx Kent _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Serializing a form
--
[jQuery] $() speedup available for testing
> From: Mike Alsup
[jQuery] $() speedup available for testing
> The event module is using the underscore trick (thus the
[jQuery] $() speedup available for testing
> From: Mike Alsup
[jQuery] $() speedup available for testing
I've posted a patched copy of jQuery that speeds up the $() function by using $.fn as a prototype for the object that $() returns, instead of copying all of the $.fn methods each time $() is called. When you use plugins that create many $.fn methods, such as the event plugin, that copy loop takes a lot of time. The new code eliminates that fixed per-call overhead. This speeds up every $() call, especially simple $(element) wrappers which are now very fast--at least if you're not combining jQuery
[jQuery] Some jQuery Demos
I've started to accumulate some example scripts from the list and elsewhere. If anyone wants to play along or have any comments then by all means send me some examples in the <cough>web page module</cough> format. http://markc.renta.net/jquery/ --markc _______________________________________________ jQuery mailing list discuss@jquery.com http://jquery.com/discuss/
[jQuery] Page will not display rendered html after DOM manipulationin IE
> From: david schaaf
[jQuery] Trouble with -moz-user-select
Is auto a legal value? http://xulplanet.com/references/elemref/ref_StyleProperties.html -----Original Message----- From: discuss-bounces@jquery.com [mailto:discuss-bounces@jquery.com] On Behalf Of Choan C. Gálvez Sent: Thursday, May 04, 2006 11:42 AM To: jQuery Discussion. Subject: [jQuery] Trouble with -moz-user-select Hi all. I don't know if it's Firefox or jQuery's fault, but while I can use $("body").css('-moz-user-select', 'none'); to disable text selection, but enabling it again with $("body").css('-moz-user-select',
[jQuery] Page will not display rendered html after DOM manipulation in IE
<div>Basically, I am trying to build the framework for a picture gallery using the jquery-DOM plugin, but for some reason when I run the buildGallery function the rendered html does not get updated in IE. I have used IE DOM inspector to view the rendered html and the DOM and everything seems to be working fine, but for some reason the images do not show up in the browser. However, in Firefox everything works without a problem. Here is the javascript and test html page: </div> <div><font size="2"></font> </div>
[jQuery] re-binding events after the DOM has been modified
Hi all, I modify the DOM using append. How can I rebind all defined events after I have modified the DOM, i.e. is there something similar to the apply() method of the Behavior library. Below is an example of what I'm trying to do. In the following fragment I have a SPAN with class 'showbutton' which onclick shows a DIV with class 'descr'. Clicking on the DIV itself clones it with new ID but the same class 'descr' and adds a SPAN on top, with the same class 'showbutton'. Now, what I am trying to achieve
[jQuery] created $.xmlActive and AJAX loading indicator + more
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type"> <title></title> </head> <body bgcolor="#ffffff" text="#000000"> As i also mailed to John yesterday i have started to work on the ajax part of jQuery. I have added a few (just a few hehe) things which i want to share with you guys: <b>Notes:</b> - For debugging purposes this is the SANE version, because i want you all to see what i changed. - This <b>shouldn't</b>
[jQuery] JQuery won't use new elemnts won't
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1255"> <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 name=Generator content="Microsoft Word 11 (filtered medium)"> <style> <!-- /* Style Definitions */ p.MsoNormal, li.MsoNormal, div.MsoNormal {margin:0cm; margin-bottom:.0001pt; text-align:right; direction:rtl; unicode-bidi:embed; font-size:12.0pt; font-family:"Times New
Next Page