[jQuery] ActiveX message for every DOM manipulation?
Hi there, I am trying to get rid of the annoying Allow execution of ActiveX control elements? (or similar, translated from German) message that comes along with a higher security setting in Internet Explorer. I receive this message every time I want to manipulate the DOM tree, for now it's only the following line that triggers it: $('body').wrapInner('div id=fixedWrapper/div'); Do you have an idea if there is a way to avoid this? I have no clue, do not even know why simple DOM manipulation should be ActiveX related though. Any help welcome, of course :-) Best regards Arne
[jQuery] Re: Let a container follow page scrolling, easing
Mhhh, this doesn't work the way I want it either... or I am too dumb to change it to my needs. Greetings Arne On Nov 18, 4:26 pm, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote: i used this function: function toolAutoScroll(){ var pageScrl = $(document).scrollTop(); var toolScrl = $('#mainToolbar').offset({ scroll: false }); $('#fixedDiv').animate({top: pageScrl+50},800, 'easeOutBounce', function(){ window.setTimeout('toolAutoScroll()', 100) }); } On Nov 17, 9:12 pm, Arne-Kolja Bachstein [EMAIL PROTECTED] wrote: Hi there, does anyone know how to quickly implement a container that follows the scrolling of a page in an slightly animated way? There's quite a lot of such implementations around the web, though I couldn't find an example today. But with jQuery this shouldn't be much of an effort, is it? I tried on my own by simply doing the following: $(document).ready( function() { $(window).scroll( function() { myOffset = $(document).scrollTop(); // using dimensions plugin $(#fixed).animate( { top: myOffset}, 70); }); }); and this sorta works, but is triggered way too often, because the onscroll event seems to be triggered on each single scrolling step. So how could I let it follow the container more smoothly? Or does there exist a plugin for this? Could not find any in the official repository though. Thanks in advance Arne
[jQuery] Form Plugin: Submitting async?
Hi there, I'm wondering if there is a way to submit a form async, as it seems that it's done synchronous and I cannot find any options regarding this. I am trying to upload a file using jQuery. I first tried jQuery.ajax, but this did not upload the file. So I tried jQuery().ajaxSubmit() from the official form plugin and it seems to work for the file, but it opens an empty window/tab to send the request. Any idea how to solve this? Don't think there's something I could paste, as it's really only a oneliner jQuery(form#upload).ajaxSubmit(); as of now. Don't have to set special options except for async transfer. Greetings Arne
[jQuery] Re: Form Plugin: Submitting async?
Hi Dan, thanks for that fingertipp, it makes me understand its behaviour. But nonetheless there's now the question: why is this iframe not opened as an iframe but as a new tab? What can force a modern browser (Firefox 2.0.x) to open an iframe in a new tab? I'm a bit confused about that... Greetings Arne -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Dan G. Switzer, II Sent: Tuesday, August 07, 2007 9:06 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Form Plugin: Submitting async? Arne, I'm wondering if there is a way to submit a form async, as it seems that it's done synchronous and I cannot find any options regarding this. I am trying to upload a file using jQuery. I first tried jQuery.ajax, but this did not upload the file. So I tried jQuery().ajaxSubmit() from the official form plugin and it seems to work for the file, but it opens an empty window/tab to send the request. Any idea how to solve this? Don't think there's something I could paste, as it's really only a oneliner jQuery(form#upload).ajaxSubmit(); as of now. Don't have to set special options except for async transfer. I've never used the Form Plug-in to upload a file, but I do know that it has to use an IFRAME to do this. Since XHR does not support file uploads, Mike wrote a workaround for uploading files that uses an IFRAME. From a quick peak at the source code, it looks like it's definitely an asynchronous process. -Dan
[jQuery] Re: Form Plugin: Submitting async?
Hi Dan, yes, exactly this is what I meant. Well, tested it in IE7 now and it works correctly, so there must really be a problem with my firefox. Well, I don't have that much plugins installed, mainly some webdev plugins like firebug, but it has to do something with my config. So thanks again for your help, I got it generally working now :-) A nice little upload progress meter with jQuery and APC (Alternative PHP Cache)! Greetings Arne -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Dan G. Switzer, II Sent: Tuesday, August 07, 2007 10:27 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Form Plugin: Submitting async? Arne, thanks for that fingertipp, it makes me understand its behaviour. But nonetheless there's now the question: why is this iframe not opened as an iframe but as a new tab? What can force a modern browser (Firefox 2.0.x) to open an iframe in a new tab? I'm a bit confused about that... Are you saying that when you use the Form Plug-in, the IFRAME is opened in a new tab? If so, that's got to be a Firefox Plug-in you have installed. -Dan
[jQuery] How to create an endless animation?
Hi there, well, it's all in the topic: What is the best (least CPU usage is important I think) way to create an endless animation? I know how to generally use effects, but I do not know how to loop an animation. Any hints are welcome. or maybe even links to tutorials or something like that, I'm of course willing to learn it from a resource, but simply didn't find one yet. Thanks in advance, Arne
[jQuery] Refreshing event registration
Hi there, I am adding input elements using jQuery and these input elements shall react on globally registered event handlers ( $(.myelement).click() ). But when inserting them via jQuery, they do not react on these rules, so I think I have to somehow re-register the events after adding them dynamically. But how do I do this? When I simply execute the bindings after inserting the elements, the events get registered multiple times. Is there a simple re-register command or something? Thanks in advance Arne
[jQuery] Re: Refreshing event registration
Hi Mike, thanks for this, this solution sounds quite plausible and is a good way to handle it at the moment, so thank you again! Best regards Arne -Original Message- From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Mike Alsup Sent: Sunday, June 17, 2007 7:17 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Refreshing event registration Arne, When jQuery 1.1.3 comes out you will be able to use Brandon Aaron's Behavior Pluigin[1] to manage this behavior automatically. Until then you can do it manually. They key is to only bind the elements that have not been previously bound. If, for example, you're using ajax functionality to replace the contents of a form you can do something like the following: function addBehavior(sel, context) { $(sel, context).click(function(){}); } $(document).ready(function() { addBehavior(':input'); // example 1: load method $('#example1').click(function() { $('#myForm').load(function() { addBehavior(':input',this); }); }); // example 2: simple form plugin usage $('#example2').submit(function() { $('#myForm').ajaxSubmit(function() { addBehavior(':input',this); }); return false; }); // example 3: advanced form plugin usage $('#example2').submit(function() { $('#myForm').ajaxSubmit({ target: '#myForm', success: function() { addBehavior(':input',this); } }); return false; }); }); If you're just adding some elements on the fly they you'll need to be slightly more clever but as long as you know what you've added you should be able to either cache them or select them and apply the desired behavior. // cache example var $a = $('input name=a value=x').appendTo('#myForm'); var $b = $('input name=b value=y').appendTo('#myForm'); addBehavior([$a,$b]); Cheers. Mike [1] http://jqueryjs.googlecode.com/svn/trunk/plugins/behavior/jquery.behavi or.js On 6/17/07, Arne-Kolja Bachstein [EMAIL PROTECTED] wrote: Hi there, I am adding input elements using jQuery and these input elements shall react on globally registered event handlers ( $(.myelement).click() ). But when inserting them via jQuery, they do not react on these rules, so I think I have to somehow re-register the events after adding them dynamically. But how do I do this? When I simply execute the bindings after inserting the elements, the events get registered multiple times. Is there a simple re-register command or something? Thanks in advance Arne
[jQuery] Carousel / Sliding Images / Glider
Hi there, does anyone know a plugin that can slide images ltr/rtl as an endless animation? Or does anyone know how to implement this with an animate() call or something like this? I don't get it just using the animate thing. and I have not yet tried to create a plugin, because I do not know how to handle animations. Greetings, Arne
[jQuery] Possible to intercept enter/return key?
Hi there, is it possible to bind a keydown event to intercept the enter/return key? I have a form that is submitted manually and does not have form tags around it (can't do this, restriction of the cms I am using). and now it - of course - doesn't react with a start search when hitting return after entering a search phrase. So I would need to bind a keydown event to the corresponding input fields that reacts on pressing enter/return. Thanks in advance, Arne
[jQuery] Re: Possible to intercept enter/return key?
Hi Marshall, thank you _very_ much, it works like a charme! Best regards Arne From: jquery-en@googlegroups.com [mailto:[EMAIL PROTECTED] On Behalf Of Marshall Salinger Sent: Tuesday, June 12, 2007 6:05 PM To: jquery-en@googlegroups.com Subject: [jQuery] Re: Possible to intercept enter/return key? This should do the trick: $(yourSelector).keydown(function(e){ if (e.keyCode == 13) { $(yourSelector).submit(); } }); -Marshall Arne-Kolja Bachstein wrote: Hi there, is it possible to bind a keydown event to intercept the enter/return key? I have a form that is submitted manually and does not have form tags around it (can't do this, restriction of the cms I am using). and now it - of course - doesn't react with a start search when hitting return after entering a search phrase. So I would need to bind a keydown event to the corresponding input fields that reacts on pressing enter/return. Thanks in advance, Arne
[jQuery] The CSS behind overlays
Hi there, I hope there's someone out there who can help me with this little issue. I have to create an overlay that is _not_ called using JS, but can be clicked away using JS. The JS thing now isn't a problem, I simple hide it on click using jQuery, since I already use jQuery at an other part of this web site. But I now need the CSS to style the overlay like it is styled when using the usual lightbox scripts and so on. Do you know how it should look like? I am using two divs: one for the overlay background for dimming the site and one div that's within this background div, containing the content. Now my problems are: a) How can I stretch the overlay background over the whole screen? b) How can I make it alpha transparent for _all_ browsers? c) How can I vertically center the content div that's inside this background div? I know the lightbox scripts do this by using CSS, but how do the CSS rules have to look like in the result? Thanks in advance, Arne
[jQuery] Slideshow with unknown amount of images
Hi there, this is more a general question than a jQuery based one, but maybe jQuery really is the thing to implement this. I have to create a slideshow with an unknown amount of images. The person that is managing the content doesn't want to edit any source code or something when uploading new images, so the best method would be to just cycle a whole directory of images, at least if I want to avoid server side scripting. Is this possible in any way using JavaScript and/or jQuery? I fear it's not, but maybe you have a hint or something. Thanks in advance, Arne
[jQuery] jQuery.noConflict() problem
Hi there, I am trying to get jQuery to work with DNN (DotNetNuke) and assume there is a conflict between jQuery and all those DNN js thingys, because when I load jQuery at least one JS driven function of DNN does not work any more. So I looked for a way around this and found the function noConflict. But when trying to call noConflict it returns jQuery is not defined - jQuery.noConflict();. Does anyone know how to fix this? I am already using the latest (packed) version of jQuery atm. Thanks in advance, Arne
[jQuery] .hover() on list element doesnt work properly
Hi there, I am trying to create a little flyout menu by doing this: $(ul.ul_inner/li).hover(function(){ $(ul, this).show(); },function(){ $(ul, this).hide(); }); It seems to work, but has one big problem: The ul inside of $(this) is hidden too early in IE6. The hover event is only recognized when hovering text (the menu link) within the given li element (this), but not when hovering the padding area or something. So it closes immediatly after moving the cursor off the links. The markup is like the following: ul class=ul_inner li a href=URIMySubmenu/a ul[mySubmenu]/ul /li /ul Any idea how to fix this? :-) The list element is already display:block, and when using the developer tools for IE it outlines the list element exactly like firefox does, so there should not be the problem of a list element thats really being too small, it just only works on the text and not the element space. Best regards, Arne