[jQuery] height of div
Hi, I'm trying to get the height value of a div that's contents are retrieved from a separate html file using .load, but it only ever comes back with a value of zero. This is probably because the div is yet to have any contents loaded into it. How would I go about getting the height only when the contents have been fully loaded? here is the code I have so far $('#content').load('home.html'); var sep_height = div = $('#content').height(); $('.seperator').css('height', height); Thanks for any help b0bd0gz -- View this message in context: http://www.nabble.com/height-of-div-tf4352381s15494.html#a12401885 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: height of div
Try this: $('#content').load('home.html', function(){ $(.seperator).height( $(this).height() ); }); --John On 8/30/07, b0bd0gz [EMAIL PROTECTED] wrote: Hi, I'm trying to get the height value of a div that's contents are retrieved from a separate html file using .load, but it only ever comes back with a value of zero. This is probably because the div is yet to have any contents loaded into it. How would I go about getting the height only when the contents have been fully loaded? here is the code I have so far $('#content').load('home.html'); var sep_height = div = $('#content').height(); $('.seperator').css('height', height); Thanks for any help b0bd0gz -- View this message in context: http://www.nabble.com/height-of-div-tf4352381s15494.html#a12401885 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: height of div
Thanks for the quick reply, still getting a height value of zero I'm afraid, any other ideas? b0bd0gz Try this: $('#content').load('home.html', function(){ $(.seperator).height( $(this).height() ); }); --John -- View this message in context: http://www.nabble.com/height-of-div-tf4352381s15494.html#a12402042 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Best of both jquery validate and jqueryyav
Hi I have a dilema between jquery validate and jqueryyav. I am using validate which offers great flexibility in the error placement, because I can pass a function to it : errorPlacement: function(error, element){ jqueryYAV offers the implies that I need, but I cannot pass a function to the error placement. Its showError method looks like that : evalText = jQuery('#+ objError.id +'). + params.errorPosition + (\ + + params.errorTag + class='+params.errorClass+' + objError.msg + / + params.errorTag + + \); Is there a miracle solution ? ;-) Will implies be integrated anytime soon in validate ? Is jqueryYAV's code easily hackable in order to pass a function to the errorPosition ? -Olivier PS: here is my actual errorPlacement code just to let know the sort of thing I'm doing : errorPlacement: function(error, element){ element.after(div class=\error_exclamation_mark\/divdiv class=\errorBox clearfix\div class=\errorBoxTitle\Error/div/div); $left = element.offset ().left+element.width()+element.next(.error_exclamation_mark).width(); $top = element.offset().top; element.siblings(div.errorBox).css('position', 'absolute').css('left', $left).css('top', $top); error.appendTo(element.siblings(div.errorBox)); if ($.browser.msie) element.wrap(div id=\wrap_select_for_ie\/div); }
[jQuery] Re: jQuery 1.1.4 incompatible with Interface 1.2
Interface isn't really being maintained anymore. As jQuery has updated to new versions more and more interface issues have emerged. because interface isn't being updated you only have 3 options: 1) Stick with an older version of jQuery 2) Wait for the new ui library to replace Interface 3) Muddle through as best you can with the minimal features of interface that you absolutely must have and that you can verify still work with the latest jQuery For example the only part of Interface I'm still using is idrag for draggables. I wanted to use the sliders but they don't work very well and from 1.1.3 they didn't work at all in IE. So I've been using drag and building my own sliders on top of that. On Aug 29, 6:41 pm, henry [EMAIL PROTECTED] wrote: When I use Sortables with fx:n , Firefox firebug output: -- jQuery.easing[options.easing] is not a function z.now = jQuery.easing[options.easing](p, n, firstNum, (lastNum- firstNum, options.durations); jquery.js (line 5214) -- According to the following thread, this bug should have been fixed in 1.1.4 :http://groups.google.com/group/jquery-en/browse_thread/thread/5616191... Help?
[jQuery] Document Ready - It lost me!?
Whoa! I thought I was beginning to understand this stuff, and then. Ok, I thought that this piece of JS code in the head tag like so: html head script type='text/javascript' (function($) { ... Does it see HTML tags? ... })(jQuery); /script /head body html tags .. /body /html That the whole purpose of (function($) {.. })(jQuery) was so it ready to work as soon as the HTML tags are ready? I have to move it the JS to the affter the tags. head /head body html tags .. script type='text/javascript' (function($) { ... Does it see HTML tags? ... })(jQuery); /script /body What am I missing here about jQuery?
[jQuery] Re: Document Ready - It lost me!?
Pops wrote: Whoa! I thought I was beginning to understand this stuff, and then. Ok, I thought that this piece of JS code in the head tag like so: html head script type='text/javascript' (function($) { ... Does it see HTML tags? ... })(jQuery); /script /head body html tags .. /body /html That the whole purpose of (function($) {.. })(jQuery) was so it ready to work as soon as the HTML tags are ready? I have to move it the JS to the affter the tags. head /head body html tags .. script type='text/javascript' (function($) { ... Does it see HTML tags? ... })(jQuery); /script /body What am I missing here about jQuery? You messed up a usual closure with jQuery document.ready method: Use: $(document).ready(function() { // DOM is ready }); or the shortcut (which looks similiar to yours but isn't): $(function() { // DOM is ready }); And together with the self executing anonymous function you have: (function($) { $(function() { // DOM is ready }); })(jQuery); --Klaus
[jQuery] Re: Document Ready - It lost me!?
Pops wrote: where did I get this from? (function($) { ... you code.. })(jQuery); I must of pulled if from an example. What would be its purpose to have this wrap? Simulating block scope in which you can safely use the $ shortcut... --Klaus
[jQuery] Re: Best of both jquery validate and jqueryyav
Thanks. I only saw the second example. I'll play with it and be back with my results soon. (may I suggest you to add the examples to the downloads ) -Olivier On 8/30/07, SeViR [EMAIL PROTECTED] wrote: I don't understand WHY you need pass a function for show the errors... The position of the errors in jQuery.YAV is related to the error element. So you can only pass jQuery transversing and manipulation functions (after, before, prepend,). The rest (the error visualization) can be set using CSS. You can also play with error elements after the validation process using onError function. As I see, your code seems show the error in a layer box. This example with jQuery.YAV can help you (the first example): The code: http://letmehaveblog.blogspot.com/2007/08/some-ideas-using-jqueryyav-plugin.html Run the example (clicking in the Go! button): http://projects.sevir.org/storage/yav/idea1.html Maybe you have the idea using validation plugin and you don't see that you can do similar things using other methods ;-) Jose Olivier Percebois-Garve escribió: Hi I have a dilema between jquery validate and jqueryyav. I am using validate which offers great flexibility in the error placement, because I can pass a function to it : errorPlacement: function(error, element){ jqueryYAV offers the implies that I need, but I cannot pass a function to the error placement. Its showError method looks like that : evalText = jQuery('#+ objError.id +'). + params.errorPosition + (\ + + params.errorTag + class='+params.errorClass+' + objError.msg + / + params.errorTag + + \); Is there a miracle solution ? ;-) Will implies be integrated anytime soon in validate ? Is jqueryYAV's code easily hackable in order to pass a function to the errorPosition ? -Olivier PS: here is my actual errorPlacement code just to let know the sort of thing I'm doing : errorPlacement: function(error, element){ element.after(div class=\error_exclamation_mark\/divdiv class=\errorBox clearfix\div class=\errorBoxTitle\Error/div/div); $left = element.offset ().left+element.width()+element.next(.error_exclamation_mark).width(); $top = element.offset().top; element.siblings(div.errorBox).css('position', 'absolute').css('left', $left).css('top', $top); error.appendTo(element.siblings(div.errorBox)); if ($.browser.msie) element.wrap(div id=\wrap_select_for_ie\/div); } -- Best Regards, José Francisco Rives Lirola sevir1ATgmail.com SeViR CW · Computer Design http://www.sevir.org Murcia - Spain
[jQuery] Re: Are there click events from dynamically added DOM elements?
Live Query does the trick! Another amazing piece of code from the JQuery community! I didn't know that events wont bind to elements created after the DOM has been built the first time. And I guess that now it doesn't matter anyway! On Aug 22, 6:11 pm, duma [EMAIL PROTECTED] wrote: Well, the row element doesn't exist in the document yet, so your call to $(#10192) won't find anything. If you insert newrow into the document (e.g. with $(#YourTargetElement).append(newrow)), and then do yourclickactions (i.e. with $(#10192).click(function() {})), it should work. Alternatively, you could also use thenewhttp://blog.brandonaaron.net/2007/08/19/new-plugin-live-query/Live Query plugin! :-) It takes care of all this for you. Take care, and keep creating! Sean ethanpil wrote: Hi, Sorry to bother everyone with what is probably a stupid question, but I amnewto JQuery, although loving every second... I have been trying to dynamically add and delete a table row on a clickevent, using Jquery. I am able to add and delete the row, by clicking on the row above it but I have not successfully been able to close thenewrow from inside of itself (using a link). I have spent 3 or 4 hours trying all different ways to attach actions to theclick event of the link inside mynewtable row, but no matter what I do, I cant even get an alert to popup from it. What am I doing wrong? Thanks for your time! $(document).ready(function(){ var newrow = \'tr id=ticket_10192 class=ticket_infotd colspan=5 scope=rowcenterNewRow/centerbrp align=right # Close /p/td/tr\'; $(\'#10192\').click(function(){ var e if( (e=$(\'#ticket_10192\')).length ) { // element Exists, delete it $(\'#ticket_10192\').remove(); } else { //Doesnt exist, create it $(this).after(newrow); } }); $(\'a.close_ticket\').click(function(){ $(\'#ticket_10192\').remove(); }); }); -- View this message in context:http://www.nabble.com/Are-there-click-events-from-dynamically-added-D... Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: New plugin: elementReady
I forgot to mention that I have added the elementReady plugin to the plugin repository at http://jquery.com/plugins/project/elementReady I'm looking forward to your comments and suggestions! Cheerio Bennett. On Aug 29, 10:44 pm, Bennett McElwee [EMAIL PROTECTED] wrote: I have written a simple but useful jQuery plugin. jQuery.elementReady() calls a function during page load as soon as a specific element is available -- even before the full DOM is loaded. It's useful if you have unobtrusive JavaScript that you want to apply to particular page elements immediately, without having to wait for the whole DOM to load in a large page. Using the elementReady plugin is very similar to the existing jQuery.ready() function, except that you must also pass in a string representing the ID of the element that should have the function call attached. The plugin, documentation and more are available athttp://www.thunderguy.com/semicolon/2007/08/14/elementready-jquery-pl... This is an early version of the plugin. While it works well for me in testing (and on this page), it has not been reviewed or exhaustively tested. I would appreciate your comments on the idea and the implementation.
[jQuery] Re: ie lost selection in textarea
i think i found solution: var selectedObj = new Object(); function saveSelection(){ selectedObj[ 'start' ] = $( #id ).getSelection().start; selectedObj[ 'end' ] = $( #id ).getSelection().end; } function restoreSelection(){ $( #id ).setSelection( eval( '(' + '[ '+ selectedObj[ 'start' ] + ',' + selectedObj[ 'end' ] + ']' + ')' ) ); } On 29 авг, 22:46, Amir.Mamedov [EMAIL PROTECTED] wrote: use 2 plugins fieldSelection and jqModal how save selected state of textarea when i lost focus on field and revert when i need to use them?
[jQuery] jCarouselLite with thickbox
Hello!! i am new in jquery world and am greatly impressed by the effect that we can create using jquery pluggins. i have a question, i hope i am posting at right place.. i have developed a site and used jquery pluggins in that site. i have used jCarouselLite for image rotation and then used thickbox for each image,, so that if user clicks on that image,, some information is displayed. i have slightly modified the jCarouselLite,, so that when user hover mouse over the image,, the rotation stops and starts again when mouse is removed from it.. this is working fine.. now i am having a problem that thickbox is displayed properly from few clicks but after maybe one complete rotation of images (dont know exact scenerio),, when i click on the images,, instead of thickbox appearing,, a new page is loaded in the same windows,, as if its a normal page,, you can check it www.discretelogix.com Does anyone have any idea, why is thickbox behaving like this anything that i am doing wrongany suggestion?? Regards,
[jQuery] simple math: add all values of (span class=number) and output result
I want to do some simple math. I want to collect all numbers that are in a span with the class number and add them to each other. Then output the result in another span (id=result). span class=number25/span span class=number25/span span class=number25.5/span So this should be the result: span id=result75.5/span I know it's simple, but I don't know the syntax to add the numbers. Can you help me out or give me a hint in the right direction? It's probably just a one line script looping through the spans and adding them.
[jQuery] Re: Interface Elements jQuery
How can I make a list be both Sortables Selectables (and maybe Droppable)? Is it even possible? I can only get one working on the same list. Thank you, Henry On Jul 16, 3:03 pm, skube [EMAIL PROTECTED] wrote: Thanks for your response Richard. On Jul 13, 9:05 pm, Richard D. Worth [EMAIL PROTECTED] wrote: I just did a quick test, and it doesn't appear they've been tested to work together. I was able to select a few elements (if I didn't start dragging my select region on a sortableitem, or it would start sort-dragging), and then I was able to drag and sort one of those elements, but the others didn't come with it. I'm planning on doing some work on the new ui selectables and sortables. If Paul doesn't beat me to it, I'll keep this in mind as a feature request (it's certainly one I'm interested in). Thanks. - Richard On 7/13/07, skube [EMAIL PROTECTED] wrote: Hi, I'm just wondering if anyone has any insight into using the Interface plugins. Specifically, I'm wondering if it is possible to haveSelectable,Sortableelements. Or are they mutually exclusive? thanks, skube
[jQuery] Re: How to add content here?
Thanks, Karl! Methinks, this is the best method. On 29 авг, 21:23, Karl Swedberg [EMAIL PROTECTED] wrote: On Aug 28, 2007, at 11:12 PM, Sagari wrote: Greetings, The task: to add content (HTML) exactly at the place where script was placed, i.e. how do I get the parent of a scrirpt type=text/javascript src=scriptsource.js/script -like tag? I need to use DOM scripting, not document.write(). Thank you! Konstantin Hi Konstantin, To add HTML content immediately following that script tag, you wouldn't need to know the parent element. Instead, you could try something like this: $('[EMAIL PROTECTED]').after('divYour HTML/div'); That particular example (using a div) would only work if the script tag is in the body, though. To find the parent of that script, you could do this: $('[EMAIL PROTECTED]').parent(); --Karl _ Karl Swedbergwww.englishrules.comwww.learningjquery.com
[jQuery] How to detect jQuery presence and include it on-the-fly?
Greetings, The task: include jQuery source on the fly in case it's not loaded. The script is included on a third-party page and it's not possible to guarantee the jQuery is already loaded. What is the simplest way to do that? Thanks! All the best, Konstantin
[jQuery] How to detect jQuery presence and include it on-the-fly?
Greetings, The task: include jQuery source on the fly in case it's not loaded. The script is included on a third-party page and it's not possible to guarantee the jQuery is already loaded. What is the simplest way to do that? Thanks! All the best, Konstantin
[jQuery] Problem with XML :contains('texthere') Selector on IE
Hi, xml: category id1/id titleNew Journey/title sub_categories sub_category id1001/id titleTransport Bus Chatswood/title /sub_category sub_category id1002/id titleTransport Car Parking/title /sub_category sub_category id1003/id titleTransport $1000 subsidy/title /sub_category /sub_categories /category This is the thing... 1. i have to fill a select optgroup with its options. 2. Filling the optgroup is okay, but with the options this works well with firefox: $(category[title:contains(\' + $optionGroup + \')]/... where optionGroup is the optgroup label taken from the category/title e.g. new journey text from the xml. 3. Look at this link: http://docs.jquery.com/Selectors i used this $(li[a:contains('Register')]); method. 4. It works well with firefox but doesn't work at all with IE. So any idea how can i solve this problem? Thanks.
[jQuery] Re: How to add content here?
Hi Mike, The task is to use DOM scripting instead of good old document.write(). The winds of future, damn them. Thanks for your code sample! On 29 авг, 23:55, Michael Geary [EMAIL PROTECTED] wrote: My favorite way to do this is to take advantage of the fact that the the script tag is the last one in the document at the time that it's executed. This works with inline scripts as well as .js files. Try pasting this code into the body of a test document: Insert text here: { script type=text/javascript (function() { var script = $('script:last'); $(function() { $(script).after( 'Hello World' ); }); })(); /script } But I'm curious: Why can't you use document.write? -Mike From: Sagari The task: to add content (HTML) exactly at the place where script was placed, i.e. how do I get the parent of a scrirpt type=text/javascript src=scriptsource.js/script -like tag? I need to use DOM scripting, not document.write().
[jQuery] Access Contents of iFrame/TinyMCE?
Is there any way to have a look at the contents of an iFrame with jQuery? My assumption is no. Alternatively, anyone know how I can add jQuery etc. to a TinyMCE editor iFrame? Some recreational googling has yet to bear fruit. Basically, I've been asked to add some magical juju to images in the editors, and jQuery seems the straightest path, but getting to the content of an editor is proving tricky. It seems to nuke script tags, which strikes me as a Good Idea, though frustrating to my efforts. Anyone know anything? Thanks! -andre
[jQuery] Any way to use cross browser method document.selection.clear() ?
Hi there, All I want is to AVOID any text selection and hightlight while doing these: Click somewhere on the page, and Shift + Click elsewhere on the page again, and the text between the two Clicks would be selected and hightlighted. In IE, i can use the document.selection.clear() method to clear the selection. But for other browsers such as FF, it just say document.selection has no properties and not do nothing. Is there any way to handle this?
[jQuery] What's wrong with my coding?
Hi, I added the click event to a few a and they work perfectly fine, but when I try to do it with a FOR loop, it doesn't work anymore, does anyone has any idea about it? Thank you. /* works well */ $(a#1-a).click(function(){toggleTab(0);}); $(a#2-a).click(function(){toggleTab(1);}); $(a#3-a).click(function(){toggleTab(2);}); /* doesn't work */ var k=0; for (k=0;ktotalNumberTabs;k++) { $(a# + (k+1) + -a).click(function(){ toggleTab(k); }); }
[jQuery] Form Input Lookup
Hello, please do excuse my lack of knowledge with JS and JQuery but i have attempted to avoid everything JS for many years as i just did not like it. Although JQuery did make some simple aspects more manageable i still try to avoid it... but sadly now i need to work with AJAX to make aspects of a project more simple for its users :D I am currently trying to create a Username Look up function with JQuery and i am trying to learn how to do this by hacking up the jquery.autocomplete plugin i stumbled apon via pengoworks.com. But i feel im failing as i dont quite understand what is happening with the script and this means im not really learning anything along the way - which is not good for me in the long run as i would like to finally get my head around JS ;) So if someone would like to step me in the right direction to what i need to look at for creating a simple JQuery plugin/function that would allow me to 1: Grab the value of a form input 2: Grab results of a .php page via AJAX ( $.get()?? ) 3: Check through the AJAX results ( should i return the data as JSON? or just | it? ) 4: If there is a match / likeness for what is in the form input addClass('error') IF NOT addClass('accept') Quite simple really, but with my head my arse regarding JS im not 100% sure what i should be looking to get through the points. If someone could just point me to the correct aspects of the API or Help pages that would be great. Many thanks for any help and sorry if im just being a twittering little JS noob :(
[jQuery] Re: Problems with IE after a jquery load
Hi I have upload my example, you can see it here: http://copa.hattrickasturias.arvixe.com/test When you click in Inscripcion, it loads a DIV, with a form, in FF, when you click in cerrar link of this form, the div hides, but in IE doesnt. Anyone can help with this? Thanks dsongman wrote: I'm having a similar problem when I call this function: frameMe : function() { alert(frameMe...); $(#content .frame).load(function() { alert(image loaded...); [ ...code... ] }); } Firefox gives the alert frameMe... followed by each of the image loaded... alerts for the images that it binds to. IE6 and IE7 both alert frameMe... and nothing afterward. Are there others having problems with IE and the load event? Or others with a solution? Thanks, Danny -- View this message in context: http://www.nabble.com/Problems-with-IE-after-a-jquery-load-tf4297658s15494.html#a12404872 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: Accessible News Slider plugin for jQuery -- the final release
Well, for me that's a good thing, but probably not so much for your work :) Thanks for pointing out that bug. I can't believe in all this time I never found that. Part of my tests usually is to click a bunch of times on stuff like that to see what happens. I will have to take another look at it -- it is probably something easy that I missed. Thanks Rey. On Aug 30, 12:29 am, Rey Bango [EMAIL PROTECTED] wrote: BTW Brian, your blog has s much awesome content that its completely distracted me from my work!! :p ;) Rey... Giant Jam Sandwich wrote: I have made a final adjustment to the Accessible News Slider plugin for jQuery, and I will no longer be supporting new releases or feature requests. The primary purpose behind building this plugin was to demonstrate that dynamic components can be accessible if appropriate steps are taken. This has been a successful experiment, and I still get quite a bit of traffic for the plugin. Unfortunately, most of the feature requests that I receive do not take accessibility into account. Many of them are both interesting and usable, but not necessarily accessible. For this reason I am releasing the final version completely into the public domain. The plugin has always been available under the GNU GPL, but you may now use it to suit any of your project needs. You will always find the support page athttp://www.reindel.com/accessible_news_slider. Enjoy!
[jQuery] Re: What's wrong with my coding?
Joe L wrote: Hi, I added the click event to a few a and they work perfectly fine, but when I try to do it with a FOR loop, it doesn't work anymore, does anyone has any idea about it? Thank you. /* works well */ $(a#1-a).click(function(){toggleTab(0);}); $(a#2-a).click(function(){toggleTab(1);}); $(a#3-a).click(function(){toggleTab(2);}); /* doesn't work */ var k=0; for (k=0;ktotalNumberTabs;k++) { $(a# + (k+1) + -a).click(function(){ toggleTab(k); }); } This is a classic so to say. By the time of the click handler gets called k has the value it had at the time of the last loop. You would need to capture the value in a closure. But: You can do that more easily with jQuery. First of all, an id in HTML must not start with a number: http://www.w3.org/TR/html401/types.html#type-name So let's say you're changing the ids accordingly to a-1, a-2 etc. You can then make better use of selectors and run the matched items through an each loop (that will take care of the rest): $('[EMAIL PROTECTED]a-]').each(function(i) { $(this).bind('click', function() { toggleTab(i); }); }); HTH, --Klaus
[jQuery] Re: Form plugin and error validation
Steve, If you need that kind of control over the reset then I suggest you use the resetForm function rather than the resetForm option property. In your success handler, once you've determined there is no logical error you, can simply invoke: $('#myForm').resetForm(); Mike On 8/29/07, Steve Finkelstein [EMAIL PROTECTED] wrote: Hi all, Is there a way I can stop resetForm: true from hitting when I deem something is invalid via server-side validation? For example, here's my ajaxForm object: $('#form2').ajaxForm( { target: '#container', type: 'post', resetForm: true, } ); And on the server-side I have a very rudimentary validation: if($error_message) { echo $error_message; exit; } Is there anyway to tell ajaxForm when there is a logical error so that success: and resetForm: are not executed. I understand those parameters are there for successful AJAX responses, not logical errors. I'm just not sure how to stop the form from resetting when I have logical errors, however I do want this functionality to exist for the form is indeed error free. Thank you, - sf
[jQuery] Re: Form Input Lookup
Start here: http://www.google.co.uk/search?q=jquery+autocompletesourceid=navclient-ffie=UTF-8rls=GGGL,GGGL:2006-14,GGGL:en On Aug 30, 9:33 am, Phunky [EMAIL PROTECTED] wrote: Hello, please do excuse my lack of knowledge with JS and JQuery but i have attempted to avoid everything JS for many years as i just did not like it. Although JQuery did make some simple aspects more manageable i still try to avoid it... but sadly now i need to work with AJAX to make aspects of a project more simple for its users :D I am currently trying to create a Username Look up function with JQuery and i am trying to learn how to do this by hacking up the jquery.autocomplete plugin i stumbled apon via pengoworks.com. But i feel im failing as i dont quite understand what is happening with the script and this means im not really learning anything along the way - which is not good for me in the long run as i would like to finally get my head around JS ;) So if someone would like to step me in the right direction to what i need to look at for creating a simple JQuery plugin/function that would allow me to 1: Grab the value of a form input 2: Grab results of a .php page via AJAX ( $.get()?? ) 3: Check through the AJAX results ( should i return the data as JSON? or just | it? ) 4: If there is a match / likeness for what is in the form input addClass('error') IF NOT addClass('accept') Quite simple really, but with my head my arse regarding JS im not 100% sure what i should be looking to get through the points. If someone could just point me to the correct aspects of the API or Help pages that would be great. Many thanks for any help and sorry if im just being a twittering little JS noob :(
[jQuery] Re: What's wrong with my coding?
$('[EMAIL PROTECTED]a-]').each(function(i) { $(this).bind('click', function() { toggleTab(i); }); }); Nice, Klaus!
[jQuery] jdmenu and css issue?
http://www.kaizendigital.com/index2.php I don't see anything wrong with my code of jdmenu codee(css wize) but when using jdmeny and am image on top there is a small space between the image and jdmenu, can anyone help me as css is not my strongest area dn it is driving me crazy. -- View this message in context: http://www.nabble.com/jdmenu-and-css-issue--tf4354044s15494.html#a12406408 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: Form plugin and error validation
Hi mike, First and foremost, thanks for your reply! As for the validation, should I return a string such as 'errors' and eval() it in my success callback? I'm not entirely sure how to let js know that the server deemed something in the form as a booboo. Thanks again. - sf Sent from my iPhone On Aug 30, 2007, at 8:04 AM, Mike Alsup [EMAIL PROTECTED] wrote: Steve, If you need that kind of control over the reset then I suggest you use the resetForm function rather than the resetForm option property. In your success handler, once you've determined there is no logical error you, can simply invoke: $('#myForm').resetForm(); Mike On 8/29/07, Steve Finkelstein [EMAIL PROTECTED] wrote: Hi all, Is there a way I can stop resetForm: true from hitting when I deem something is invalid via server-side validation? For example, here's my ajaxForm object: $('#form2').ajaxForm( { target: '#container', type: 'post', resetForm: true, } ); And on the server-side I have a very rudimentary validation: if($error_message) { echo $error_message; exit; } Is there anyway to tell ajaxForm when there is a logical error so that success: and resetForm: are not executed. I understand those parameters are there for successful AJAX responses, not logical errors. I'm just not sure how to stop the form from resetting when I have logical errors, however I do want this functionality to exist for the form is indeed error free. Thank you, - sf
[jQuery] Re: Weird behavior of CSS float! Different in IE and Firefox
div id=parent style=width:800px;background- color:rgb(200,200,0);padding:5px;border:2px solid;overflow:hidden On 30/08/2007, Paladin [EMAIL PROTECTED] wrote: I just discovered some weird behavior of float. The following is the html code. !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/ TR/html4/strict.dtd html head meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 / titleUntitled Document/title /head body div id=parent style=width:800px;background- color:rgb(200,200,0);padding:5px;border:2px solid; div id=child1 style=position:relative;float:left;border:1px solid;width:200px;height:40px;This is child1/div div id=child2 style=position:relative;float:left;border:1px solid;width:200px;height:40px;This is child2/div /div /body /html if rendered in FF, you will see that the children are out of the parent border. In IE, the page is correctly rendered. However, if we change the positioning of parent to position to absolute, you will see the childeren are correctly rendered inside the parent. Could someone do me some help? I just want to dynamically change the height of parent to contain the children divs, meanwhile every div maintain their position in the document flow. I happened to succeeded once but now even I repeat the code they don't seem to work. Very funny!
[jQuery] Re: Form Input Lookup
A Google link? Come on, man. Why even reply? Phunky, there are autocomplete plugins. You can find them on this page: http://docs.jquery.com/Plugins I've used and enhanced this one: http://www.pengoworks.com/workshop/jquery/autocomplete.htm My enhanced version includes the changes listed below. Let me know if you'd like to use it! Updates to jquery.autocomplete.js - You can have a question mark in your Url (will use a instead, in that case). - Responses are expected to be Json. - If there are more results than the number to be displayed, an ellipsis is shown. - Added the option displayField. Whatever you specify for this option will be the field that is displayed in the search results. The default is id. - Added the option valueField. Specify a string to use as the attribute to use for the value of the field. The default is id. - Added the option formFieldForValue. Specify a string that matches the field you want to use to store the value of the selected item. For example, #MyHiddenField. - Took out the caching for now, because it was causing problems and I don't currently think it's a good idea. - Added the option onUnknownValueEntered, which is an event called when the user enters a value that isn't found. The value entered is passed as a parameter to the function you specify. - The onItemSelect and onUnknownValueEntered callbacks pass the input field to you as the second argument (the first being the li). Bugfixes: - Fixed a bug in moveSelect(step) that allowed an empty list (lis) to be indexed into, even when the .length was 0. - Fixed a bug which caused raw Html to be inserted into the autocompleted field when tabbing when nothing was selected. - In selectItem(li), I added a line that converts all of the Html entities (e.g. amp;) to their textual counterparts (e.g. ). Diego A. wrote: Start here: http://www.google.co.uk/search?q=jquery+autocompletesourceid=navclient-ffie=UTF-8rls=GGGL,GGGL:2006-14,GGGL:en On Aug 30, 9:33 am, Phunky [EMAIL PROTECTED] wrote: Hello, please do excuse my lack of knowledge with JS and JQuery but i have attempted to avoid everything JS for many years as i just did not like it. Although JQuery did make some simple aspects more manageable i still try to avoid it... but sadly now i need to work with AJAX to make aspects of a project more simple for its users :D I am currently trying to create a Username Look up function with JQuery and i am trying to learn how to do this by hacking up the jquery.autocomplete plugin i stumbled apon via pengoworks.com. But i feel im failing as i dont quite understand what is happening with the script and this means im not really learning anything along the way - which is not good for me in the long run as i would like to finally get my head around JS ;) So if someone would like to step me in the right direction to what i need to look at for creating a simple JQuery plugin/function that would allow me to 1: Grab the value of a form input 2: Grab results of a .php page via AJAX ( $.get()?? ) 3: Check through the AJAX results ( should i return the data as JSON? or just | it? ) 4: If there is a match / likeness for what is in the form input addClass('error') IF NOT addClass('accept') Quite simple really, but with my head my arse regarding JS im not 100% sure what i should be looking to get through the points. If someone could just point me to the correct aspects of the API or Help pages that would be great. Many thanks for any help and sorry if im just being a twittering little JS noob :( -- View this message in context: http://www.nabble.com/Form-Input-Lookup-tf4353491s15494.html#a12406718 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: New plugin: elementReady
This could be very useful on large pages. Great work ~Sean
[jQuery] Re: Find values
Please help me! On Aug 30, 10:44 am, David [EMAIL PROTECTED] wrote: I have a table generated by ajax: table tr id=3 tdinput type=text value=7586/ /td tdselect id=xxx option value=3Unu/option option value=4Psatru/option option value=5Cinci/option /select/td tdinput type=text value=758633/td tdnimic/td /tr tr id=89 tdinput type=text value=758as6/ /td tdselect id=xxx option value=33Unu/option option value=44Psatru/option option value=55Cinci/option /select/td tdinput type=text value=mother/td tdnimic/td /tr /table how find value of first input, value of select,value of next input, text of tdnimic/td and id of tr by click on each tr id= Thank you.
[jQuery] Re: simple math: add all values of (span class=number) and output result
Just hammered together in a few seconds as I typed, might not work var runningTotal = 0; $('.number').each (function () { runningTotal += ($(this).html () * 1); // The multiply forces a typecast from string to a number type }); $('.result').html (runningTotal); On Aug 30, 12:09 am, bytte [EMAIL PROTECTED] wrote: I want to do some simple math. I want to collect all numbers that are in a span with the class number and add them to each other. Then output the result in another span (id=result). span class=number25/span span class=number25/span span class=number25.5/span So this should be the result: span id=result75.5/span I know it's simple, but I don't know the syntax to add the numbers. Can you help me out or give me a hint in the right direction? It's probably just a one line script looping through the spans and adding them.
[jQuery] Re: Form plugin and error validation
Steve, How you handle the server response is entirely up to you of course. Personally, I like to use json and do something like this: success: function(json) { if (json.error) { // display error alert(json.error); } else { // process response where json.data is // something like Thanks for your comment. $('#myTargetDiv').append(json.data); } } But if your response contains substantial markup then json isn't a good fit. You need to establish a protocol that is straight-forward but can scale for your application/website. Mike On 8/30/07, Steve Finkelstein [EMAIL PROTECTED] wrote: Hi mike, First and foremost, thanks for your reply! As for the validation, should I return a string such as 'errors' and eval() it in my success callback? I'm not entirely sure how to let js know that the server deemed something in the form as a booboo. Thanks again. - sf Sent from my iPhone On Aug 30, 2007, at 8:04 AM, Mike Alsup [EMAIL PROTECTED] wrote: Steve, If you need that kind of control over the reset then I suggest you use the resetForm function rather than the resetForm option property. In your success handler, once you've determined there is no logical error you, can simply invoke: $('#myForm').resetForm(); Mike On 8/29/07, Steve Finkelstein [EMAIL PROTECTED] wrote: Hi all, Is there a way I can stop resetForm: true from hitting when I deem something is invalid via server-side validation? For example, here's my ajaxForm object: $('#form2').ajaxForm( { target: '#container', type: 'post', resetForm: true, } ); And on the server-side I have a very rudimentary validation: if($error_message) { echo $error_message; exit; } Is there anyway to tell ajaxForm when there is a logical error so that success: and resetForm: are not executed. I understand those parameters are there for successful AJAX responses, not logical errors. I'm just not sure how to stop the form from resetting when I have logical errors, however I do want this functionality to exist for the form is indeed error free. Thank you, - sf
[jQuery] OT - theme: dropdown
Stu Nicholls has done it again: a css skin for dropdown menus. HYPERLINK http://www.cssplay.co.uk/menus/pro_drophttp://www.cssplay.co.uk/menus/pro_drop As john mentioned, pay attention to the licence if you plan to use it for your own project... Alexandre Ce message Envoi est certifié sans virus connu. Analyse effectuée par AVG. Version: 7.5.484 / Base de données virus: 269.12.12/979 - Date: 29/08/2007 20:21
[jQuery] [OT] Comparison of Compressors
Ajaxian reported today about a site that compares the compression capabilities of the most popular tools such as JSMin, Packer, YUI Compressor and ShrinkSafe. Check it out: http://ajaxian.com/archives/compressorrater-compare-the-squeeze Rey...
[jQuery] Re: simple math: add all values of (span class=number) and output result
Thomas, I also have a calculation plug-in I've been working on that does just want you want: http://www.pengoworks.com/workshop/jquery/calculation.plugin.htm $(.number).sum(); My plug-in also handles numbers that have addition formatting in them by using a RegEx to parse the numbers out (which is a configuration option that can be changed.) -Dan -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Gordon Sent: Thursday, August 30, 2007 9:31 AM To: jQuery (English) Subject: [jQuery] Re: simple math: add all values of (span class=number) and output result Just hammered together in a few seconds as I typed, might not work var runningTotal = 0; $('.number').each (function () { runningTotal += ($(this).html () * 1); // The multiply forces a typecast from string to a number type }); $('.result').html (runningTotal); On Aug 30, 12:09 am, bytte [EMAIL PROTECTED] wrote: I want to do some simple math. I want to collect all numbers that are in a span with the class number and add them to each other. Then output the result in another span (id=result). span class=number25/span span class=number25/span span class=number25.5/span So this should be the result: span id=result75.5/span I know it's simple, but I don't know the syntax to add the numbers. Can you help me out or give me a hint in the right direction? It's probably just a one line script looping through the spans and adding them.
[jQuery] tooltip with arrow , delay and fixed positions - help
hey. i got the following problem: i have a link and i want that once user hover it it will wait 4 secs and then shows the tooltip while he is in stays in the element text once he moves out its fade out in MY script the problem is that i stay in the element 4 secs, and then i have to move the mouse a bit for appear the tooltip also, the arrow.gif must be moved for fixing the position of the tooltip, and if the tooltip dont have enough space in the screen then disapear the arrow.gif i got inspired from this script: http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip2.htm and until now i did this: http://pastebin.com/m43beec28 i know its messy but its working fine i think is anyone knows something maybe same that does that job or just can help me to fix this current script ? -- View this message in context: http://www.nabble.com/tooltip-with-arrow-%2C-delay-and-fixed-positions---help-tf4354655s15494.html#a12408534 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: How to detect jQuery presence and include it on-the-fly?
something like: if(typeof jQuery != 'function'){ document.write('script...'); } On 8/30/07, Sagari [EMAIL PROTECTED] wrote: Greetings, The task: include jQuery source on the fly in case it's not loaded. The script is included on a third-party page and it's not possible to guarantee the jQuery is already loaded. What is the simplest way to do that? Thanks! All the best, Konstantin -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com
[jQuery] Re: Find values
Seems they are all children of their individual TR tag right? What is the event you are listening for? If its an ajax table you will need to bind the events using the Live jQuery plugin. Then once you have an event you are listening for you probably will have something like: var parentTR = $(this.parents(tr:first); //this is the parent TR of whatever is firing the event, assuming its inside the TR parentTR.children(input:first).val(); //this would be the first inputs value Does this help get you started? Glen On 8/30/07, David [EMAIL PROTECTED] wrote: Please help me! On Aug 30, 10:44 am, David [EMAIL PROTECTED] wrote: I have a table generated by ajax: table tr id=3 tdinput type=text value=7586/ /td tdselect id=xxx option value=3Unu/option option value=4Psatru/option option value=5Cinci/option /select/td tdinput type=text value=758633/td tdnimic/td /tr tr id=89 tdinput type=text value=758as6/ /td tdselect id=xxx option value=33Unu/option option value=44Psatru/option option value=55Cinci/option /select/td tdinput type=text value=mother/td tdnimic/td /tr /table how find value of first input, value of select,value of next input, text of tdnimic/td and id of tr by click on each tr id= Thank you.
[jQuery] What the heck??? Click event intermittently...
On my blog users click the link at the bottom of each section to expand the comments section for that post: http://www.andyandjaime.com/ The problem is that it's working intemittently in IE7 (haven't tested 6 yet). I'll load the page, click the link and it'll work. Next time I load the page, it WON'T work. It appears to be consistent in FF2...it works every time. In IE7, sometimes the section expands as desired, sometimes the page goes to the link in the href tag. It's like it completely ignores my jQuery click handler. Here's the relevant HTML div class=openComments a href=Teeth!Comments :4: - View comments/a /div (I know the link is bogus, but I'm just testing). Here's the jQuery code: $('.openComments a').click(function(){ $(this).parents('.openComments').next('.comments').slideDown().parent('.comm entShell').ScrollTo(800); return false; }); Please help! Andy Matthews Senior ColdFusion Developer Office: 877.707.5467 x747 Direct: 615.627.9747 Fax: 615.467.6249 [EMAIL PROTECTED] www.dealerskins.com http://www.dealerskins.com/ dealerskinslogo.bmp
[jQuery] Re: Problems with IE after a jquery load
--- danzinger [EMAIL PROTECTED] wrote: Hi I have upload my example, you can see it here: http://copa.hattrickasturias.arvixe.com/test When you click in Inscripcion, it loads a DIV, with a form, in FF, when you click in cerrar link of this form, the div hides, but in IE doesnt. Anyone can help with this? Thanks LOL, you might want to warn people that clicking on that link resizes your browser. If the document you are trying to load contains script and style tags, IE will strip that, which can cause lots of trouble. I (and others) have opened threads about this without a lot of interest. It's not a JQuery thing and there doesn't seem to be a workaround other than to load move that script stuff to the containing document. hope that helps! dsongman wrote: I'm having a similar problem when I call this function: frameMe : function() { alert(frameMe...); $(#content .frame).load(function() { alert(image loaded...); [ ...code... ] }); } Firefox gives the alert frameMe... followed by each of the image loaded... alerts for the images that it binds to. IE6 and IE7 both alert frameMe... and nothing afterward. Are there others having problems with IE and the load event? Or others with a solution? Thanks, Danny -- View this message in context: http://www.nabble.com/Problems-with-IE-after-a-jquery-load-tf4297658s15494.html#a12404872 Sent from the JQuery mailing list archive at Nabble.com. Yahoo! oneSearch: Finally, mobile search that gives answers, not web links. http://mobile.yahoo.com/mobileweb/onesearch?refer=1ONXIC
[jQuery] Re: Accessible News Slider plugin for jQuery -- the final release
Great great great plugin! And not just because of its functionality, but for the accessibility of it. I am glad to see that you stuck to your guns about keeping it so. My dev team had the priviledge to go to the EPA and to their compliance testing center where we sat with gentleman that was blind and got to hear how some of the sites we were developing sounded and it was horrible. I took steps in building a new framework (my company does a lot of web based training sites) that is compliant and uses jQuery/xml/xhtml (airplume.informationexperts.com) and hearing it in JAWS sound so much better. Anyway, I am tooting my own horn here, just wanted to say that I am with you on taking accessibility into account. Great work! On 8/30/07, Giant Jam Sandwich [EMAIL PROTECTED] wrote: Well, for me that's a good thing, but probably not so much for your work :) Thanks for pointing out that bug. I can't believe in all this time I never found that. Part of my tests usually is to click a bunch of times on stuff like that to see what happens. I will have to take another look at it -- it is probably something easy that I missed. Thanks Rey. On Aug 30, 12:29 am, Rey Bango [EMAIL PROTECTED] wrote: BTW Brian, your blog has s much awesome content that its completely distracted me from my work!! :p ;) Rey... Giant Jam Sandwich wrote: I have made a final adjustment to the Accessible News Slider plugin for jQuery, and I will no longer be supporting new releases or feature requests. The primary purpose behind building this plugin was to demonstrate that dynamic components can be accessible if appropriate steps are taken. This has been a successful experiment, and I still get quite a bit of traffic for the plugin. Unfortunately, most of the feature requests that I receive do not take accessibility into account. Many of them are both interesting and usable, but not necessarily accessible. For this reason I am releasing the final version completely into the public domain. The plugin has always been available under the GNU GPL, but you may now use it to suit any of your project needs. You will always find the support page athttp://www.reindel.com/accessible_news_slider. Enjoy! -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com
[jQuery] Invite from Andre Behrens ([EMAIL PROTECTED])
AndreBehrens ([EMAIL PROTECTED]) has invited you as a friend on Quechup... ...the social networking platform sweeping the globe Go to: http://quechup.com/join.php?i=08727518 to accept Andre's invite You can use Quechup to meet new people, catch up with old friends, maintain a blog, share videos amp; photos, chat with other members, play games, and more. It's no wonder Quechup is fast becoming 'The Social Networking site to be on' Join Andre and his friends today: http://quechup.com/join.php?i=08727518 -- You received this because Andre Behrens ([EMAIL PROTECTED]) knows and agreed to invite you. You will only receive one invitation from [EMAIL PROTECTED] Quechup will not spam or sell your email address, see our privacy policy - http://quechup.com/privacy.php Go to http://quechup.com/emailunsubscribe.php/ZW09anF1ZXJ5LWVuQGdvb2dsZWdyb3Vwcy5jb20%3D if you do not wish to receive any more emails from Quechup. -- Copyright Quechup.com 2007. Go to http://quechup.com/emailunsubscribe.php/ZW09anF1ZXJ5LWVuQGdvb2dsZWdyb3Vwcy5jb20%3D if you do not wish to receive any more emails from Quechup
[jQuery] Re: Form Input Lookup
Thanks for the replies i am actually using the autocomplete plugin for my live search parts, but what im trying to create is just a lookup which will not return any selection values but just addClass depending what it finds.
[jQuery] $(html) error...I think. Please help, I'm stumped!
Hello everyone! My name is Dustin and was hoping I could get a little help with a JQuery problem I've run into. I just started using JQuery and have been trying out a little AJAX when I ran into a problem. In Firefox (using Firebug) I get the error: ret[i].getElementsByTagName is not a function r = jQuery.merge( r, ret[i].getElementsByTagName( tag )); Here is my Javascript code where the error appears to be. $.ajax({ url: 'CS_AJAX_Server_Responder.cfm', type: 'POST', dataType: 'html', timeout: 3, data: {Invoice:invoiceNum,Store:storeNum,Div:divNum,invoicevalidate:'true' }, error: function(){ $('#loadingimg').fadeOut(slow); alert('Error accessing server. Please try again.'); }, success: function(html){ $('#loadingimg').fadeOut(slow); alert('test message'); $(html).find('#invoice').each(function(){ var invalidDiv = $(this).text(); alert(invalidDiv); }); } }); } } My server side code is very simple. ulli id=invoiceinvalid/li/ul The error appears to be caused by $(html).find() but I really do not have a clue as to why. Once I remove the $(html).find() code it no longer throws the error. The frustrating thing is that I had everything working yesterday but it does not work any longer and I have no idea what I changed that could have led to this error. In IE I don't get any error but it doesn't proceed through the code like normal. Please, any insight and help would be appreciated...this has been driving me up the wall.
[jQuery] Question about Collapse/Expand
Hi there is an example that I would like to use on a friends website. Here is the link: http://docs.jquery.com/Tutorials:Live_Examples_of_jQuery I am working with example b. The think I am trying to do is to make it default collapesed instead of expanded. How would I do this? Thanks, Frank
[jQuery] Re: Graceful degradation (Safari 2)
I was wondering why jquery would not automatically do a browser sniff, and fall back to methods that non-supported browsers understand. Instead of me doing the browser checking, why doesn't jquery do this for me? For example, something like this within the show, or animate methods: if ( $.browser.safari parseFloat($.browser.version) 2 ) { var theobj = document.getElementById(showlayer); theobj.style.display = block; } Would this browser sniffing significantly increases file size? Is this the reason why jquery does not do this? Regards Richard On Aug 30, 2:42 am, Brandon Aaron [EMAIL PROTECTED] wrote: The Safari version is actually the WebKit build number. Which is 413 for Safari 2. -- Brandon Aaron On 8/29/07, Karl Rudd [EMAIL PROTECTED] wrote: If you're using jQuery 1.1.3 or later you can test for the version of Safari really easily: if ( $.browser.safari parseFloat($.browser.version) 2 ) { // Do stuff for Safari version 2 } Karl Rudd On 8/29/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: I love jquery, the only issue I have is the non-graceful degradation of some methods with mainly Safari Ver 2. I understand this browser is outdated, and perhaps the worst browser out there, but my colleagues at work still use it. If some of the features of jquery are not available for safari 1x, why not make it degrade gracefully? For instance, I want to show() a division layer, that has set display:none. If safari 1x does not support the opacity effects, then why not degrade to simply changing the container style to display:block, instead of returning and doing nothing? I think this would be a great advantage if jquery could do this, i would like to know why jquery does not support graceful degradation. Thank you for any comments.
[jQuery] Ajax .load
Is it possible to execute java after an ajax .load ? I have a page where I use .load to pull in an external page. The java code on the external page doesn't load or fire when it loads inside the new page. Is the .load event just for loading HTML only ? I'm very new to jquery and java in general, so I'm not sure if I'm using the wrong command. Warren -- View this message in context: http://www.nabble.com/Ajax-.load-tf4351900s15494.html#a12400416 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: $.load(url) and IE fails to find CSS/JS
--- Shelane [EMAIL PROTECTED] wrote: Actually, this has been discussed quite a bit. http://groups.google.com/group/jquery-en/browse_thread/thread/6722e380538892b9/ I did manage to get scripts working properly in IE, with some trick that John Resig told me to try. Look at the code I have in my examples pack: http://education.llnl.gov/jquery/ Hi, Thanks for the reply. I don't mean to hassle you, but if you could be a bit more explicit as to the trick I think lots of people would be grateful. I searched the group archive for 'john resig' you and IE trouble, etc. but couldn't find the thread with the tricks and the examples on your page are geared toward showing Jquery, there is no reference to IE troubles and workarounds. I don't mind looking through code, but if you could mention one of the examples that is using the workaround I would be VERY grateful. Thanks! John On Aug 29, 12:41 pm, John Napiorkowski [EMAIL PROTECTED] wrote: --- Michael Lo [EMAIL PROTECTED] wrote: Try this $.get('page.html',function(data){ ($('#target').html(data); }); Michael The problem seems to be that IE strips script and style tags on incoming with the xmlrequestobject and firefox doesn't... I'm shocked that this issue isn't noticed or discussed more, but I guess I'm just too new to this to know these kinds of things. Does anyone know a way to force this behavior to change on IE, or do I need to come up with a different workaround? If someone assists me I promise to add details to the wiki someplace obvious. Thanks! --John PS, if we could all try to not top post it will help us follow long discussion threads! Thanks! On 8/24/07, John Napiorkowski [EMAIL PROTECTED] wrote: --- polyrhythmic [EMAIL PROTECTED] wrote: John, What version of jQuery are you running? And what are your browser versions? Also, style tags must be placed inside the head tags. jQuery makes it easy to manipulate DOM styles from AJAX data, but if you would like to import styles as inline HTML you must style each invidual element using its style attribute: element style=foo: bar; Charles doublerebel.com I am using the latest JQuery from the download area. What I have is a full webpage that I am dynamically injecting some HTML into via $.load(...) and that injected bit has a style and script block. On FireFox it seems that that scripts and styles get activated, but on IE is doesn't. For example if I put a scriptalert(1)/script into the injected page, on FF I see the alert when the page loads, but on IE I don't. To be honest this is a huge difference in behavior, so I figure I can't be the only one that ran into the trouble. It looks like JQuery does some sort of eval if it finds a script tag, but Maybe IE is removing them. Anyway, just trying to figure out If I can make this work or not. Thanks for your reply and I hope I've described my issue correctly. --John On Aug 22, 9:47 pm, John Napiorkowski [EMAIL PROTECTED] wrote: Hi, I'm sure this is a stupid error on my part but it's driving me crazy. I have a bit of html that I want to inject into my page like so: $('#target').load('page.html'); Now this works, but I find that if 'page.html' contains a script and style section IE won't process it, but Firefox seems to. What I mean is that if the 'pages.html' itself contains some inline javascript than Firefox will execute it but IE doesn't. So for example my 'pages.html' might look like (this is abbreviated, but I think you'll get the idea): div id=container style form { ... } /style script $()ready({ ... }); /script !-- More html that the above works on -- /div Putting aside for the moment about whether or not inline script sections is a good idea or not, does anyone know why this would work on Firefox only and is there any workarounds? My client's setup makes anything but inline scripting a nightmare, so I am hoping to solve this. If I can't make this work I'll have to us popup windows, so please help me :) I saw something in the docs about $.getScript versus $.get but I didn't see how this could help. The only thing I found was a call to evalScripts in the source, but I couldn't find documentation for that, so I didn't play with it. Thanks! John Napiorkowski Ready for the edge of your seat?
[jQuery] Re: What the heck??? Click event intermittently...
Worked on every comment link I clicked on the homepage. Rick From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Andy Matthews Sent: Thursday, August 30, 2007 10:48 AM To: [jQuery] Subject: [jQuery] What the heck??? Click event intermittently... On my blog users click the link at the bottom of each section to expand the comments section for that post: http://www.andyandjaime.com/ The problem is that it's working intemittently in IE7 (haven't tested 6 yet). I'll load the page, click the link and it'll work. Next time I load the page, it WON'T work. It appears to be consistent in FF2...it works every time. In IE7, sometimes the section expands as desired, sometimes the page goes to the link in the href tag. It's like it completely ignores my jQuery click handler. Here's the relevant HTML div class=openComments a href=Teeth!Comments :4: - View comments/a /div (I know the link is bogus, but I'm just testing). Here's the jQuery code: $('.openComments a').click(function(){ $(this).parents('.openComments').next('.comments').slideDown().parent('.comm entShell').ScrollTo(800); return false; }); Please help! Andy Matthews Senior ColdFusion Developer Office: 877.707.5467 x747 Direct: 615.627.9747 Fax: 615.467.6249 [EMAIL PROTECTED] www.dealerskins.com http://www.dealerskins.com/ image001.png
[jQuery] Re: What the heck??? Click event intermittently...
Try reloading the page a few times, then click on the links again. Like I said, it works intermittently... _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Rick Faircloth Sent: Thursday, August 30, 2007 10:28 AM To: jquery-en@googlegroups.com Subject: [jQuery] Re: What the heck??? Click event intermittently... Worked on every comment link I clicked on the homepage. Rick From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Andy Matthews Sent: Thursday, August 30, 2007 10:48 AM To: [jQuery] Subject: [jQuery] What the heck??? Click event intermittently... On my blog users click the link at the bottom of each section to expand the comments section for that post: http://www.andyandjaime.com/ The problem is that it's working intemittently in IE7 (haven't tested 6 yet). I'll load the page, click the link and it'll work. Next time I load the page, it WON'T work. It appears to be consistent in FF2...it works every time. In IE7, sometimes the section expands as desired, sometimes the page goes to the link in the href tag. It's like it completely ignores my jQuery click handler. Here's the relevant HTML div class=openComments a href=Teeth!Comments :4: - View comments/a /div (I know the link is bogus, but I'm just testing). Here's the jQuery code: $('.openComments a').click(function(){ $(this).parents('.openComments').next('.comments').slideDown().parent('.comm entShell').ScrollTo(800); return false; }); Please help! Andy Matthews Senior ColdFusion Developer Office: 877.707.5467 x747 Direct: 615.627.9747 Fax: 615.467.6249 [EMAIL PROTECTED] www.dealerskins.com http://www.dealerskins.com/ image001.png
[jQuery] Re: Best of both jquery validate and jqueryyav
Hi So far I have been able to make custom error boxes with the following code: $(.error).each(function(i, n){ $formElement = $(n).next('input, select'); $offset = $formElement.offset(); $left = $offset.left+$formElement.width()+$formElement.parent().next(.error_exclamation_mark).width(); $top = $offset.top; $(n).wrap(div class=\errorBox clearfix\/div); $(n).before('div class=\errorBoxTitle\Error/div'); $formElement.after('div class=\error_exclamation_mark\/div'); $formElement.wrap('div class=\errorFormElement/div'); $(n).parent(.errorBox).css('position', 'absolute').css('left', $left).css('top', $top); }); Open issues with that are : - the code is being runned each time I hit the submit button, so the error boxes are are duplicated. I dont know how to make it run just once. -my dimension code get some positions wrong, I cant tell where it comes from. But that is peanuts compared to the pain of getting the implies rules to work. I just broke my head on that the whole afternoon and feel very frustrated. The rules syntax seem easier on the yav website. Sevir, you may want to add examples on your website. If I can give some constructive critics: -The code in the alt attribute may be indented. its just too long to read. -Each example should have only one specific thing: for instance http://projects.sevir.org/storage/yav/relationships.html that page demonstrates a relation + a custom rule. Ok, that's what I can say for now, my brain is smoking ;-( -Olivier On 8/30/07, SeViR [EMAIL PROTECTED] wrote: I don't understand WHY you need pass a function for show the errors... The position of the errors in jQuery.YAV is related to the error element. So you can only pass jQuery transversing and manipulation functions (after, before, prepend,). The rest (the error visualization) can be set using CSS. You can also play with error elements after the validation process using onError function. As I see, your code seems show the error in a layer box. This example with jQuery.YAV can help you (the first example): The code: http://letmehaveblog.blogspot.com/2007/08/some-ideas-using-jqueryyav-plugin.html Run the example (clicking in the Go! button): http://projects.sevir.org/storage/yav/idea1.html Maybe you have the idea using validation plugin and you don't see that you can do similar things using other methods ;-) Jose Olivier Percebois-Garve escribió: Hi I have a dilema between jquery validate and jqueryyav. I am using validate which offers great flexibility in the error placement, because I can pass a function to it : errorPlacement: function(error, element){ jqueryYAV offers the implies that I need, but I cannot pass a function to the error placement. Its showError method looks like that : evalText = jQuery('#+ objError.id +'). + params.errorPosition + (\ + + params.errorTag + class='+params.errorClass+' + objError.msg + / + params.errorTag + + \); Is there a miracle solution ? ;-) Will implies be integrated anytime soon in validate ? Is jqueryYAV's code easily hackable in order to pass a function to the errorPosition ? -Olivier PS: here is my actual errorPlacement code just to let know the sort of thing I'm doing : errorPlacement: function(error, element){ element.after(div class=\error_exclamation_mark\/divdiv class=\errorBox clearfix\div class=\errorBoxTitle\Error/div/div); $left = element.offset ().left+element.width()+element.next(.error_exclamation_mark).width(); $top = element.offset().top; element.siblings(div.errorBox).css('position', 'absolute').css('left', $left).css('top', $top); error.appendTo(element.siblings(div.errorBox)); if ($.browser.msie) element.wrap(div id=\wrap_select_for_ie\/div); } -- Best Regards, José Francisco Rives Lirola sevir1ATgmail.com SeViR CW · Computer Design http://www.sevir.org Murcia - Spain
[jQuery] Re: What the heck??? Click event intermittently...
I did have some inconsistencies after reloading a few times. The second time. all was still well. Third time.got a page could not be found error (could be on my end) Fourth time.some links I clicked on would take me to the top of a new page and sometimes the comments section would open. Got some other stuff running on the page that might be interfering? Rick From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Andy Matthews Sent: Thursday, August 30, 2007 11:45 AM To: jquery-en@googlegroups.com Subject: [jQuery] Re: What the heck??? Click event intermittently... Try reloading the page a few times, then click on the links again. Like I said, it works intermittently... _ From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Rick Faircloth Sent: Thursday, August 30, 2007 10:28 AM To: jquery-en@googlegroups.com Subject: [jQuery] Re: What the heck??? Click event intermittently... Worked on every comment link I clicked on the homepage. Rick From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Andy Matthews Sent: Thursday, August 30, 2007 10:48 AM To: [jQuery] Subject: [jQuery] What the heck??? Click event intermittently... On my blog users click the link at the bottom of each section to expand the comments section for that post: http://www.andyandjaime.com/ The problem is that it's working intemittently in IE7 (haven't tested 6 yet). I'll load the page, click the link and it'll work. Next time I load the page, it WON'T work. It appears to be consistent in FF2...it works every time. In IE7, sometimes the section expands as desired, sometimes the page goes to the link in the href tag. It's like it completely ignores my jQuery click handler. Here's the relevant HTML div class=openComments a href=Teeth!Comments :4: - View comments/a /div (I know the link is bogus, but I'm just testing). Here's the jQuery code: $('.openComments a').click(function(){ $(this).parents('.openComments').next('.comments').slideDown().parent('.comm entShell').ScrollTo(800); return false; }); Please help! Andy Matthews Senior ColdFusion Developer Office: 877.707.5467 x747 Direct: 615.627.9747 Fax: 615.467.6249 [EMAIL PROTECTED] www.dealerskins.com http://www.dealerskins.com/ image001.png
[jQuery] Re: Graceful degradation (Safari 2)
On Aug 30, 7:15 am, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: I was wondering why jquery would not automatically do a browser sniff, and fall back to methods that non-supported browsers understand. Why browser sniff at all? Why not detect for supported methods and do what is supported. I'm a bit concerned at the level of browser sniffing already in jQuery, as has been pointed in a recent thread in a different group. For example, | --jquery-1.1.4.js:1604- | // check if target is a textnode (safari) | if (jQuery.browser.safari event.target.nodeType == 3) |event.target = originalEvent.target.parentNode; Why not just: if (event.target.nodeType == 3) event.target = originalEvent.target.parentNode; ? In some fringe cases, resorting to browser sniffing as a last resort may be justified, but surely some of the sniffing that exists in jQuery already is unnecessary. Matt Kruse
[jQuery] Wrap JQuery into YUI namespace?
Is it possible? e.g. YAHOO.util.jQuery(#test).each(...);
[jQuery] Re: Wrap JQuery into YUI namespace?
Yes! With jQuery 1.1.4 you can do: YAHOO.util.jQuery = jQuery.noConflict(true); --John On 8/30/07, howa [EMAIL PROTECTED] wrote: Is it possible? e.g. YAHOO.util.jQuery(#test).each(...);
[jQuery] Re: $(html) error...I think. Please help, I'm stumped!
What version of jQuery are you using? --John On 8/30/07, Dustin Martin [EMAIL PROTECTED] wrote: Hello everyone! My name is Dustin and was hoping I could get a little help with a JQuery problem I've run into. I just started using JQuery and have been trying out a little AJAX when I ran into a problem. In Firefox (using Firebug) I get the error: ret[i].getElementsByTagName is not a function r = jQuery.merge( r, ret[i].getElementsByTagName( tag )); Here is my Javascript code where the error appears to be. $.ajax({ url: 'CS_AJAX_Server_Responder.cfm', type: 'POST', dataType: 'html', timeout: 3, data: {Invoice:invoiceNum,Store:storeNum,Div:divNum,invoicevalidate:'true' }, error: function(){ $('#loadingimg').fadeOut(slow); alert('Error accessing server. Please try again.'); }, success: function(html){ $('#loadingimg').fadeOut(slow); alert('test message'); $(html).find('#invoice').each(function(){ var invalidDiv = $(this).text(); alert(invalidDiv); }); } }); } } My server side code is very simple. ulli id=invoiceinvalid/li/ul The error appears to be caused by $(html).find() but I really do not have a clue as to why. Once I remove the $(html).find() code it no longer throws the error. The frustrating thing is that I had everything working yesterday but it does not work any longer and I have no idea what I changed that could have led to this error. In IE I don't get any error but it doesn't proceed through the code like normal. Please, any insight and help would be appreciated...this has been driving me up the wall.
[jQuery] Re: $(html) error...I think. Please help, I'm stumped!
I notice you are running an each method when the find is looking for an id (#invoice). This implies that you are looping over multiple elements with the same id. This will mess things up as it is invalid to have multiple elements with the same id. Try using invoice as a class rather than an id in your html. li class=invoiceinvalid/li -- Josh - Original Message - From: John Resig [EMAIL PROTECTED] To: jquery-en@googlegroups.com Sent: Thursday, August 30, 2007 9:36 AM Subject: [jQuery] Re: $(html) error...I think. Please help, I'm stumped! What version of jQuery are you using? --John On 8/30/07, Dustin Martin [EMAIL PROTECTED] wrote: Hello everyone! My name is Dustin and was hoping I could get a little help with a JQuery problem I've run into. I just started using JQuery and have been trying out a little AJAX when I ran into a problem. In Firefox (using Firebug) I get the error: ret[i].getElementsByTagName is not a function r = jQuery.merge( r, ret[i].getElementsByTagName( tag )); Here is my Javascript code where the error appears to be. $.ajax({ url: 'CS_AJAX_Server_Responder.cfm', type: 'POST', dataType: 'html', timeout: 3, data: {Invoice:invoiceNum,Store:storeNum,Div:divNum,invoicevalidate:'true' }, error: function(){ $('#loadingimg').fadeOut(slow); alert('Error accessing server. Please try again.'); }, success: function(html){ $('#loadingimg').fadeOut(slow); alert('test message'); $(html).find('#invoice').each(function(){ var invalidDiv = $(this).text(); alert(invalidDiv); }); } }); } } My server side code is very simple. ulli id=invoiceinvalid/li/ul The error appears to be caused by $(html).find() but I really do not have a clue as to why. Once I remove the $(html).find() code it no longer throws the error. The frustrating thing is that I had everything working yesterday but it does not work any longer and I have no idea what I changed that could have led to this error. In IE I don't get any error but it doesn't proceed through the code like normal. Please, any insight and help would be appreciated...this has been driving me up the wall.
[jQuery] Access Settings in a Sortable Element
Using the Interface Plugin, I have created a Sortable element: jQuery('#rank-products').Sortable(); In there I have passed params like: handle: 'td.rank-handle' Is it possible to reference that param? I am trying to call it in a function later, and I would like for this to be more generalized so that I don't have to update a bunch of different spots if I ever change something.
[jQuery] sending xml using $ajax()
$.ajax({ contentType: 'text/xml', dataType: 'html', data:'project id=16titleasdf/titleclientasdf/ clientyear2007/yeardescriptionasdf/description/project', processData: false, timeout: 5000, type: 'POST', url: 'saveXML.php', error: function(){ alert('Error loading result from saveXML.php'); }, success: function(html){ alert(html); } }); my php file is simply echoing $_POST. each time an array is printed in the alert box. how do i view what parameters are being sent.
[jQuery] how to block another ajax request when one is in the progress
i write a hover event for div,and in the handler use ajax to request data.but it give me a problem: it do the same ajax request many times(the number is the times i hover the div) when the first ajax didn't finished. xinhaozheng
[jQuery] Release: Accordion 1.5
In my opinion (and only my opinion) i think that it is kinda disturbing if we hover on one item and immediately if we hover on another item, the accordian doesn't open for the second item. I think that the interface should always be responsive to the user. If the mouse is over a menu it should activate. The animation is really just an 'extra'. The ability to navigate a web site by accessing the menu items is of paramount importance. One possible solution might be to offer either behavior as an option. Erin On 8/26/07, Jörn Zaefferer mailto:[EMAIL PROTECTED][EMAIL PROTECTED] wrote: Ganeshji Marwaha schrieb: Jörn, this is fantastic... very re-usable as well.. I have a question/suggestion though... When i hover over one of the items, and before the animation completes if i hover over another item, the animation for the second item doesn't occur. Now, i will have to move my mouse out of that item and hover over it again to get the other item to expand. Is it something that can be fixed, or is it a known limitation that we will have to live by... Well, so far that was intended to be a feature, not a bug. The combination of long-running animations with hover is annoying, right. But it is also annoying when the accordion keeps changing on each mouse move, even when you didn't intend to get a different chunk. Fixing it isn't difficult, but it is difficult to decide what the right fix actually is. Your help is appreciated. -- Jörn
[jQuery] Coldfusionistas
Hi, I have now set up a blog with the purpose to show up integration ways between cf and jQuery (basically converting jquery plug-in in easy reusable Custom Tags). Any suggestion, ideas, code and so on should be really appreciate. The blog is www.andreacfm.com Thanks Andrea Campolonghi
[jQuery] Cookie Plugin - Trying to get the values of elements in the array of cookies.
I'm using the cookie plugin. And, I have created 4 cookies with it and they are named: Expanded[1]=3 Expanded[2]=18 Expanded[3]=27 Expanded[4]=37 I also keep a count of the number of cookies that have been created and the name of this cookie is this: onExpandCount=4 How do I loop through these cookies? I can't seem to get the syntax right. Here's what I've tried: function expandMenuUsingCookie() { for (var index=0;index$.cookie('onExpandCount');index++) { //console.log(index); YAHOO.widget.TreeView.getNode('menu',$.cookie('Expanded['+index +']')).toggle(); } } There's something wrong with this line right about where I try to get the value of the cookie: YAHOO.widget.TreeView.getNode('menu',$.cookie('Expanded['+index +']')).toggle();
[jQuery] jCarousel feature request
can you implement one thing: now, to rewind all items to the last one, i must know how much of them, substract quantity of scrolled items and set it to the property start. but it nedded quite frequently. maybe it'll be good idea to make a new value to the start property: last or something... sorry for my bad english =)
[jQuery] Re: sending xml using $ajax()
I've used LiveHTTPHeaders to inspect XML payloads in POST requests, since they don't show up in Firebug. You may want to give that a shot: http://livehttpheaders.mozdev.org/ On Aug 30, 11:22 am, ekene [EMAIL PROTECTED] wrote: $.ajax({ contentType: 'text/xml', dataType: 'html', data:'project id=16titleasdf/titleclientasdf/ clientyear2007/yeardescriptionasdf/description/project', processData: false, timeout: 5000, type: 'POST', url: 'saveXML.php', error: function(){ alert('Error loading result from saveXML.php'); }, success: function(html){ alert(html); } }); my php file is simply echoing $_POST. each time an array is printed in the alert box. how do i view what parameters are being sent.
[jQuery] Re: how to block another ajax request when one is in the progress
On Thursday, August 30, 2007 8:46 AM Xinhao Zheng said: i write a hover event for div,and in the handler use ajax to request data.but it give me a problem: it do the same ajax request many times(the number is the times i hover the div) when the first ajax didn't finished. I don't have an answer to your specific question but maybe you should consider changing the event trigger from hover to click? Alternatively you might be able to utilize the BlockUI (http://www.malsup.com/jquery/block/) plugin to prevent interaction (clicks, hovers, etc.) with your page (or just that element) until the first request has been completed. Regards, Chris.
[jQuery] Apple dashboard-style animation in jquery?
Is there an easy way to get the animation style used in the Apple dashboard widgets that flips the widget over to reveal the 'back'? Thanks for any leads or tips Rolf -- View this message in context: http://www.nabble.com/Apple-dashboard-style-animation-in-jquery--tf4355930s15494.html#a12412783 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: Best of both jquery validate and jqueryyav
Olivier Percebois-Garve schrieb: Will implies be integrated anytime soon in validate ? Could someone please explain how implies works like? I looked at the examples of YAV, but apart from the notion of dependencies I could figure out how it works. I'd be happy to integrate a similar feature into the validation plugin, once I understand what it does. Maybe its already possible and just not documented. -- Jörn
[jQuery] Re: Graceful degradation (Safari 2)
The example you posted is a very specific bug in Safari and running it for other browsers would be incorrect. We do feature/object checking when it is possible. -- Brandon Aaron On 8/30/07, Matt Kruse [EMAIL PROTECTED] wrote: On Aug 30, 7:15 am, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: I was wondering why jquery would not automatically do a browser sniff, and fall back to methods that non-supported browsers understand. Why browser sniff at all? Why not detect for supported methods and do what is supported. I'm a bit concerned at the level of browser sniffing already in jQuery, as has been pointed in a recent thread in a different group. For example, | --jquery-1.1.4.js:1604- | // check if target is a textnode (safari) | if (jQuery.browser.safari event.target.nodeType == 3) |event.target = originalEvent.target.parentNode; Why not just: if (event.target.nodeType == 3) event.target = originalEvent.target.parentNode; ? In some fringe cases, resorting to browser sniffing as a last resort may be justified, but surely some of the sniffing that exists in jQuery already is unnecessary. Matt Kruse
[jQuery] Re: Release: Accordion 1.5
In the real world, things dont always happen instantly. A sliding door (like on Star Trek) opens with a whoosh. I am sure they could have built a door shield that was opened instantly rather than a whooshing door. Especially with their futuristic technology. However, people like the whoosh. It's possible to have it too long, like whosh. In which case you bump into the door with your nose (i.e. Supermarket Doors) or whsh in which case it feels like the power it turned up too high, which is jarring. The perfect effect is timed to the Goldilocks principle. Not too quick, not too slow, not the instant the user puts their mouseover, not waiting too long to fire, not too much bounce, not too robot-like. It should be just-right. Glen On 8/30/07, Erin Doak [EMAIL PROTECTED] wrote: In my opinion (and only my opinion) i think that it is kinda disturbing if we hover on one item and immediately if we hover on another item, the accordian doesn't open for the second item. I think that the interface should always be responsive to the user. If the mouse is over a menu it should activate. The animation is really just an 'extra'. The ability to navigate a web site by accessing the menu items is of paramount importance. One possible solution might be to offer either behavior as an option. Erin On 8/26/07,* Jörn Zaefferer* [EMAIL PROTECTED] wrote: Ganeshji Marwaha schrieb: Jörn, this is fantastic... very re-usable as well.. I have a question/suggestion though... When i hover over one of the items, and before the animation completes if i hover over another item, the animation for the second item doesn't occur. Now, i will have to move my mouse out of that item and hover over it again to get the other item to expand. Is it something that can be fixed, or is it a known limitation that we will have to live by... Well, so far that was intended to be a feature, not a bug. The combination of long-running animations with hover is annoying, right. But it is also annoying when the accordion keeps changing on each mouse move, even when you didn't intend to get a different chunk. Fixing it isn't difficult, but it is difficult to decide what the right fix actually is. Your help is appreciated. -- Jörn
[jQuery] Release: Accordion 1.5
I agree that people like the animation effects. I'm all for them. The problem is that if a menu/header is still in the opening animation process and the mouse is moved to a new menu/header item the new menu doesn't open at all - no matter how long one waits. That to me is a bug. Erin In the real world, things dont always happen instantly. A sliding door (like on Star Trek) opens with a whoosh. I am sure they could have built a door shield that was opened instantly rather than a whooshing door. Especially with their futuristic technology. However, people like the whoosh. It's possible to have it too long, like whosh. In which case you bump into the door with your nose ( i.e. Supermarket Doors) or whsh in which case it feels like the power it turned up too high, which is jarring. The perfect effect is timed to the Goldilocks principle. Not too quick, not too slow, not the instant the user puts their mouseover, not waiting too long to fire, not too much bounce, not too robot-like. It should be just-right. Glen On 8/30/07, Erin Doak mailto:[EMAIL PROTECTED][EMAIL PROTECTED] wrote: In my opinion (and only my opinion) i think that it is kinda disturbing if we hover on one item and immediately if we hover on another item, the accordian doesn't open for the second item. I think that the interface should always be responsive to the user. If the mouse is over a menu it should activate. The animation is really just an 'extra'. The ability to navigate a web site by accessing the menu items is of paramount importance. One possible solution might be to offer either behavior as an option. Erin On 8/26/07, Jörn Zaefferer mailto:[EMAIL PROTECTED][EMAIL PROTECTED] wrote: Ganeshji Marwaha schrieb: Jörn, this is fantastic... very re-usable as well.. I have a question/suggestion though... When i hover over one of the items, and before the animation completes if i hover over another item, the animation for the second item doesn't occur. Now, i will have to move my mouse out of that item and hover over it again to get the other item to expand. Is it something that can be fixed, or is it a known limitation that we will have to live by... Well, so far that was intended to be a feature, not a bug. The combination of long-running animations with hover is annoying, right. But it is also annoying when the accordion keeps changing on each mouse move, even when you didn't intend to get a different chunk. Fixing it isn't difficult, but it is difficult to decide what the right fix actually is. Your help is appreciated. -- Jörn
[jQuery] Re: Coldfusionistas
Andrea, this is VERY cool. Definitely hit me up offlist as Rob Gonda and I are going to be updating AjaxCFC with jQuery v1.2 shortly and the custom tags you're building could be a very nice fit. http://www.reybango.com/index.cfm/2007/8/30/Rob-Gondas-AjaxCFC-Library-Important-News Rey... jQuery Project Team [EMAIL PROTECTED] wrote: Hi, I have now set up a blog with the purpose to show up integration ways between cf and jQuery (basically converting jquery plug-in in easy reusable Custom Tags). Any suggestion, ideas, code and so on should be really appreciate. The blog is www.andreacfm.com Thanks Andrea Campolonghi
[jQuery] Binding a Click Event to Anchor Tag
I used to be able to do this: $(a).click(function(){ alert(test); return false; }); a href=#test/a It no longer works in Firefox. I read some other posts that seem to be discussing the same thing, but nothing definitive. Bind does not work either. However, if I change click to mouseover, then it works. Suggestions? Thanks. Brian
[jQuery] Re: Accessible News Slider plugin for jQuery -- the final release
Hey, thanks Benjamin! Nothing wrong with tooting your own horn. I am finding out that very, very few developers have hands-on accessibility experience like you mentioned. If you didn't get a chance, have a read: http://blog.reindel.com/2007/08/29/web-site-accessibility-awareness-loses-steam/ It sounds like we had a similar enlightenment :) Brian On Aug 30, 9:55 am, Benjamin Sterling [EMAIL PROTECTED] wrote: Great great great plugin! And not just because of its functionality, but for the accessibility of it. I am glad to see that you stuck to your guns about keeping it so. My dev team had the priviledge to go to the EPA and to their compliance testing center where we sat with gentleman that was blind and got to hear how some of the sites we were developing sounded and it was horrible. I took steps in building a new framework (my company does a lot of web based training sites) that is compliant and uses jQuery/xml/xhtml (airplume.informationexperts.com) and hearing it in JAWS sound so much better. Anyway, I am tooting my own horn here, just wanted to say that I am with you on taking accessibility into account. Great work! On 8/30/07, Giant Jam Sandwich [EMAIL PROTECTED] wrote: Well, for me that's a good thing, but probably not so much for your work :) Thanks for pointing out that bug. I can't believe in all this time I never found that. Part of my tests usually is to click a bunch of times on stuff like that to see what happens. I will have to take another look at it -- it is probably something easy that I missed. Thanks Rey. On Aug 30, 12:29 am, Rey Bango [EMAIL PROTECTED] wrote: BTW Brian, your blog has s much awesome content that its completely distracted me from my work!! :p ;) Rey... Giant Jam Sandwich wrote: I have made a final adjustment to the Accessible News Slider plugin for jQuery, and I will no longer be supporting new releases or feature requests. The primary purpose behind building this plugin was to demonstrate that dynamic components can be accessible if appropriate steps are taken. This has been a successful experiment, and I still get quite a bit of traffic for the plugin. Unfortunately, most of the feature requests that I receive do not take accessibility into account. Many of them are both interesting and usable, but not necessarily accessible. For this reason I am releasing the final version completely into the public domain. The plugin has always been available under the GNU GPL, but you may now use it to suit any of your project needs. You will always find the support page athttp://www.reindel.com/accessible_news_slider. Enjoy! -- Benjamin Sterlinghttp://www.KenzoMedia.comhttp://www.KenzoHosting.com
[jQuery] Re: JS stops running
Still trying, if I comment out the $.ajax section and put an alert after that section the code runs, but once I uncomment the page just processes the default way. I get no errors in firebug or anything, so not sure why it just seems to skip the function.
[jQuery] Re: Graceful degradation (Safari 2)
On Aug 30, 12:52 pm, Brandon Aaron [EMAIL PROTECTED] wrote: The example you posted is a very specific bug in Safari and running it for other browsers would be incorrect. If the bug is that the original target of events in safari can be a text node within an element rather than the element itself, then why would it matter if you run it for other browsers? In this case you are fixing a bug that happens to appear in one browser, but why limit the fix to only that browser? What if another browser based on Safari comes out but has a different user agent string and isn't recognized by jQuery? Wouldn't you still want the bug to be fixed? What harm would it cause to leave out the browser check? This and a few other places seem like situations where the bug is known to exist in only a single browser, so the fix is needlessly targeted to only a specific browser using unnecessary browser sniffing. Or are there other reasons that I'm not aware of? Matt Kruse
[jQuery] Running a Function After All other Javascript is Loaded
Here's what I am doing currently: setTimeout(expandMenuUsingCookie(),550); But, I'm sure there is a better way than that. Can anyone share a better way to run code last?
[jQuery] Re: height of div
In this situations, I prefer to use dimension plugin. It is quite charming to use it. 2007/8/30, b0bd0gz [EMAIL PROTECTED]: Thanks for the quick reply, still getting a height value of zero I'm afraid, any other ideas? b0bd0gz Try this: $('#content').load('home.html', function(){ $(.seperator).height( $(this).height() ); }); --John -- View this message in context: http://www.nabble.com/height-of-div-tf4352381s15494.html#a12402042 Sent from the JQuery mailing list archive at Nabble.com. -- Dragan Krstić krdr http://krdr.ebloggy.com/
[jQuery] Re: Graceful degradation (Safari 2)
In this case you are fixing a bug that happens to appear in one browser, but why limit the fix to only that browser? What if another browser based on Safari comes out but has a different user agent string and isn't recognized by jQuery? Wouldn't you still want the bug to be fixed? What harm would it cause to leave out the browser check? Why fix something that isn't broken? You can play the hypothetical both ways without satisfaction. What if another browser comes out that breaks when this fix is applied? It's a pragmatic solution to a problem that exists today. Mike
[jQuery] Re: Graceful degradation (Safari 2)
On 8/30/07, Matt Kruse [EMAIL PROTECTED] wrote: In this case you are fixing a bug that happens to appear in one browser, but why limit the fix to only that browser? What if another browser based on Safari comes out but has a different user agent string and isn't recognized by jQuery? Wouldn't you still want the bug to be fixed? What harm would it cause to leave out the browser check? I forgot to mention that the check against $.browser.safari is a little deceiving. We are actually checking against WebKit, which would also catch any browser based on Safrai ... like Shiira. It is a very sticky topic and one we all feel very passionate about. None and I mean _none_ of us like doing browser detection/sniffing. It if it is there, it has mostly likely be tested without it first and added only when absolutely necessary. Regarding this particular fix, I don't recall if it negatively affected another browser/engine. -- Brandon Aaron
[jQuery] Re: Apple dashboard-style animation in jquery?
Sadly I don't have a mac, is there a demo anywhere I can have a look at? On 8/30/07, rolfsf [EMAIL PROTECTED] wrote: Is there an easy way to get the animation style used in the Apple dashboard widgets that flips the widget over to reveal the 'back'? Thanks for any leads or tips Rolf -- View this message in context: http://www.nabble.com/Apple-dashboard-style-animation-in-jquery--tf4355930s15494.html#a12412783 Sent from the JQuery mailing list archive at Nabble.com. -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com
[jQuery] Re: Graceful degradation (Safari 2)
On Aug 30, 2:06 pm, Mike Alsup [EMAIL PROTECTED] wrote: Why fix something that isn't broken? You can play the hypothetical both ways without satisfaction. I don't think so - in the case where it isn't broken then nothing bad will result. The correction will not execute. In fact, it's less code to take the better approach. And how do you know it's not broken in another browser, and will never be broken in any future browser? Fixing it only in the case you know about right now is short-sighted and completely unnecessary. Experienced Javascript developers could look at the cited code and use it as a reason to question the coding in the library. What if another browser comes out that breaks when this fix is applied? Is that even possible? And even if it somehow is, isn't it far less likely than another browser coming out that has the same problem but won't execute the fix because you've limited it to only safari? Fixing browser-specific bugs using browser sniffing is highly suspect and almost never necessary. In almost all cases, the bug/quirk can be fixed in the general case without any check for browser. Matt Kruse
[jQuery] Re: Binding a Click Event to Anchor Tag
Turns out it was an old version of the library. On Aug 30, 1:42 pm, Giant Jam Sandwich [EMAIL PROTECTED] wrote: I used to be able to do this: $(a).click(function(){ alert(test); return false; }); a href=#test/a It no longer works in Firefox. I read some other posts that seem to be discussing the same thing, but nothing definitive. Bind does not work either. However, if I change click to mouseover, then it works. Suggestions? Thanks. Brian
[jQuery] Re: Coldfusionistas
Christopher, Yes it will work. Actually the blog is hosted on MX7 and examples pages works fine. Check it out: http://www.andreacfm.com/examples/cfjq_tab/ http://www.andreacfm.com/examples/cfjq_popup/ Let me have your feedback. Andrea On 30 ago, 13:52, Christopher Jordan [EMAIL PROTECTED] wrote: Andrea, Nice idea! Will this work with all MX versions of CF as well as CF8? Chris On 8/30/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi, I have now set up a blog with the purpose to show up integration ways between cf and jQuery (basically converting jquery plug-in in easy reusable Custom Tags). Any suggestion, ideas, code and so on should be really appreciate. The blog iswww.andreacfm.com Thanks Andrea Campolonghi --http://cjordan.us
[jQuery] Re: Coldfusionistas
Ray, thanks. Should be an honour to know that you will check out my works for integrating in AjaxCfc. Let me have your feedbacks and suggestions. In the weeend I will end the docs for first 2 tags and will post a fashrotator using media plugin. Bye Andrea On 30 ago, 13:52, Christopher Jordan [EMAIL PROTECTED] wrote: Andrea, Nice idea! Will this work with all MX versions of CF as well as CF8? Chris On 8/30/07, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: Hi, I have now set up a blog with the purpose to show up integration ways between cf and jQuery (basically converting jquery plug-in in easy reusable Custom Tags). Any suggestion, ideas, code and so on should be really appreciate. The blog iswww.andreacfm.com Thanks Andrea Campolonghi --http://cjordan.us
[jQuery] getting query string val method with jquery
Hi all, Is there any new built in method to get a query string value into a var for jquery For example this same question came up awhile ago here: http://groups.google.com/group/jquery-en/browse_thread/thread/99e1bc29713bba37/09506175a651256e?lnk=gstq=query+stringrnum=2# I wasnt sure with the new versions of jquery if there is anything new built in to do such a thing or if you'd still need to create your own function to handle it. Jim
[jQuery] Re: Weird behavior of CSS float! Different in IE and Firefox
Just as a follow up on this, it doesn't have to be overflow hidden, just any overflow attribute. Applying the overflow forces the browser to calculate the size of the div to see if it needs to show the scrollbar or not. Giuliano Marcangelo wrote: div id=parent style=width:800px;background- color:rgb(200,200,0);padding:5px;border:2px solid;overflow:hidden On 30/08/2007, Paladin [EMAIL PROTECTED] wrote: I just discovered some weird behavior of float. The following is the html code. !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/ TR/html4/strict.dtd html head meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 / titleUntitled Document/title /head body div id=parent style=width:800px;background- color:rgb(200,200,0);padding:5px;border:2px solid; div id=child1 style=position:relative;float:left;border:1px solid;width:200px;height:40px;This is child1/div div id=child2 style=position:relative;float:left;border:1px solid;width:200px;height:40px;This is child2/div /div /body /html if rendered in FF, you will see that the children are out of the parent border. In IE, the page is correctly rendered. However, if we change the positioning of parent to position to absolute, you will see the childeren are correctly rendered inside the parent. Could someone do me some help? I just want to dynamically change the height of parent to contain the children divs, meanwhile every div maintain their position in the document flow. I happened to succeeded once but now even I repeat the code they don't seem to work. Very funny! -- View this message in context: http://www.nabble.com/Weird-behavior-of-CSS-float%21-Different-in-IE-and-Firefox-tf4353488s15494.html#a12414829 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: Question about Collapse/Expand
-Original Message- From: FrankTudor [mailto:[EMAIL PROTECTED] Sent: Thursday, August 30, 2007 9:44 AM To: jQuery (English) Subject: [jQuery] Question about Collapse/Expand http://docs.jquery.com/Tutorials:Live_Examples_of_jQuery I am working with example b. The think I am trying to do is to make it default collapesed instead of expanded. I'm headed out the door so this is a quick reply but... Couldn't you hide the element by default, and then do your slideDown on a click or whatever action you want to use to display the element... Some basic show/hide tutorials: http://www.learningjquery.com/2006/09/basic-show-and-hide http://www.learningjquery.com/2006/09/slicker-show-and-hide For the most part - you can replace show/hide - with slideUp/slideDown... HTH Jim
[jQuery] Re: Graceful degradation (Safari 2)
In this case you are fixing a bug that happens to appear in one browser, but why limit the fix to only that browser? What if another browser based on Safari comes out but has a different user agent string and isn't recognized by jQuery? Wouldn't you still want the bug to be fixed? What harm would it cause to leave out the browser check? Why fix something that isn't broken? You can play the hypothetical both ways without satisfaction. What if another browser comes out that breaks when this fix is applied? It's a pragmatic solution to a problem that exists today. In general, I agree with you. But look at the specific code again: // check if target is a textnode (safari) if (jQuery.browser.safari event.target.nodeType == 3) event.target = originalEvent.target.parentNode; The purpose of this code is to detect when event.target is a text node and substitute the parent node instead. The only reason to make this specific to Safari would be if we *want* to allow event.target to be a text node in other browsers. But we don't want event.target to be a text node, in any browser. We'd always want to get the parent node in such a situation, even if it happened in some unknown future browser. -Mike
[jQuery] Re: Apple dashboard-style animation in jquery?
There is a quicktime demo of the whole dashboard, and you can see the various animations used. About a third of the way through you'll see them click on the bottom right corner of a weather app and it flips over and resizes thanks, Rolf bmsterling wrote: Sadly I don't have a mac, is there a demo anywhere I can have a look at? On 8/30/07, rolfsf [EMAIL PROTECTED] wrote: Is there an easy way to get the animation style used in the Apple dashboard widgets that flips the widget over to reveal the 'back'? Thanks for any leads or tips Rolf -- View this message in context: http://www.nabble.com/Apple-dashboard-style-animation-in-jquery--tf4355930s15494.html#a12412783 Sent from the JQuery mailing list archive at Nabble.com. -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com -- View this message in context: http://www.nabble.com/Apple-dashboard-style-animation-in-jquery--tf4355930s15494.html#a12415126 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: Apple dashboard-style animation in jquery?
doh! http://www.apple.com/macosx/theater/dashboard.html rolfsf wrote: There is a quicktime demo of the whole dashboard, and you can see the various animations used. About a third of the way through you'll see them click on the bottom right corner of a weather app and it flips over and resizes thanks, Rolf bmsterling wrote: Sadly I don't have a mac, is there a demo anywhere I can have a look at? On 8/30/07, rolfsf [EMAIL PROTECTED] wrote: Is there an easy way to get the animation style used in the Apple dashboard widgets that flips the widget over to reveal the 'back'? Thanks for any leads or tips Rolf -- View this message in context: http://www.nabble.com/Apple-dashboard-style-animation-in-jquery--tf4355930s15494.html#a12412783 Sent from the JQuery mailing list archive at Nabble.com. -- Benjamin Sterling http://www.KenzoMedia.com http://www.KenzoHosting.com -- View this message in context: http://www.nabble.com/Apple-dashboard-style-animation-in-jquery--tf4355930s15494.html#a12415128 Sent from the JQuery mailing list archive at Nabble.com.
[jQuery] Re: Binding a Click Event to Anchor Tag
I'm not having the exact same issue, but I am having inconsistencies with the click method. -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Giant Jam Sandwich Sent: Thursday, August 30, 2007 1:42 PM To: jQuery (English) Subject: [jQuery] Binding a Click Event to Anchor Tag I used to be able to do this: $(a).click(function(){ alert(test); return false; }); a href=#test/a It no longer works in Firefox. I read some other posts that seem to be discussing the same thing, but nothing definitive. Bind does not work either. However, if I change click to mouseover, then it works. Suggestions? Thanks. Brian
[jQuery] Re: Graceful degradation (Safari 2)
I believe this code has just been migrated from an earlier hack for Safari. We used to just clone the event object only for Safari but now we clone it for all browsers. The best thing that can be done to help us make sure we don't browser sniff unless we absolutely have to is to create a new ticket with a test case and even better a patch. Thanks :) -- Brandon Aaron On 8/30/07, Michael Geary [EMAIL PROTECTED] wrote: In this case you are fixing a bug that happens to appear in one browser, but why limit the fix to only that browser? What if another browser based on Safari comes out but has a different user agent string and isn't recognized by jQuery? Wouldn't you still want the bug to be fixed? What harm would it cause to leave out the browser check? Why fix something that isn't broken? You can play the hypothetical both ways without satisfaction. What if another browser comes out that breaks when this fix is applied? It's a pragmatic solution to a problem that exists today. In general, I agree with you. But look at the specific code again: // check if target is a textnode (safari) if (jQuery.browser.safari event.target.nodeType == 3) event.target = originalEvent.target.parentNode; The purpose of this code is to detect when event.target is a text node and substitute the parent node instead. The only reason to make this specific to Safari would be if we *want* to allow event.target to be a text node in other browsers. But we don't want event.target to be a text node, in any browser. We'd always want to get the parent node in such a situation, even if it happened in some unknown future browser. -Mike
[jQuery] Re: The Mitchies. Rating the Best GUI Plugins
I am so pleased you took the time to look closely at my project. Your analysis is perfect, but I do have some questoins below. Some may sound dumb because I am so new to all this. On Aug 29, 10:48 pm, Pops [EMAIL PROTECTED] wrote: Mitch, I have to say - excellent job, very nice. I do have some comments, and this is not just you but nearly all the web 2.0 sites: - No Javascript Since it depends on JavaScript, and you don't want to make it work in web 1.0, then add the following: noscript This site requires JavaScript to be enabled! /noscript That is easy to fix and I will add it. There was some thought I might create a version that did require JS but I can see now that is the impossible dream. It is really odd to see a site go gun-ho with a fancy like web 2.0. It must it taking alot of work, yet, they don't do some basic fundamentals. - Font Size Scaling Don't assume one size fits all. For me, my eyes are not like it use to be. So many times I hit ctrl + a few times to increase the size.. Many sites don't scale correctly when the fonts change. Plus, it really looks fantastic to be able to increase the web site font size on a large flat screen! You would be able to demo your web site and people see it from a distance. :-) I have the same complaint about sites using fonts that are too hard to read. Honestly I have not been thinking about eyes and I better start today. Can you offer any words of wisdom on what I need to do to scale well. Does it mean using ems instead of points? I dont know much about ems and not sure I understand them enough to do it right. What happens when the font is too big for its container? Like I didnt design the tabs or accordion and I dont know how to scale them. For your web site, 1) why restrict the width size? Make it work with 2 4 or 5% left and width margins. I definitly want to restrict the width because this is a control panel like environment, not a web site. Its more like Flash. I need to know where text is precisely for this to work. That is why the height is fixed too. 2) You will see the run off in tab 1 if you don't auto-fit the content. What do you mean here but run off How do I see that? 3) Tab 2 is all messy when the font size has changed. More below with tab 2. I just did moved the font size around and I am surprised at how little is wrong with it. I didnt know that radio buttons owuld enlarge when you make the font larger but of course that makes sense now. I dont see how I can do that if the width is fixed. 4) Tab 3 is perfect, It scales correctly (but will look better if the width was wider). It better look good. All that is there is a single paragraph of text. About tab 2, very nice looking, but there is so much. The whole goal of this was to get it on one screen so that is why its the way it is. I probably have gone a little overboard but I cant get rid of a lot of stuff on that page and still have it make sense. - Make it work in full screen! This is a debatable issue. I think full screen would look weird but I am open to seeing it. - Maybe another tab? You could put History on another tab, but the beauty is allowing people with large screens see it all. To be honest if I had to do this all over again I might use a drag and drop front end where the user could decide what to move and where to put it. I could hide the radio buttons in a drop down menu. - Make the location an accordion too? - How about group it by region - North East States - Mid East States - South East States - North Central States - Mid Central States - South Central States - North West States - Mid West States - South West States Or just North, Mid, South or East, Central, West. If you used region it might work nice as an accordion. I dont see how to do that with locatoin by state, and keep in mind that the user often selects more then one location (pacific coast, california, oregon). Other than that - Great job! Thanks that is kind of you, given all the stuff I got wrong. Mitch -- HLS On Aug 29, 6:21 pm, Mitch [EMAIL PROTECTED] wrote: The Mitchies. Rating the Best GUI Plugins My interface is an example of what a novice non programmer can do using jQuery and a number of its best plugins. The goal was to build a GUI that contained a large number of web 2.0 features, meaning controls that gave a desktop experience inside the browser. Besides wanting to upgrade my very popular avian search engine (http://www.whatbird.com), I wanted to see how far I could go, how many controls could I use to make my GUI inviting and modern. I also wanted to see how such a GUI would work in the various browsers, such as IE and FF. I wanted to see how fragile javascirpted web 2.0 pages were. I stumbled upon jQuery and instantly saw its value. Then I dived in. The