Web Development & Stuff » jQuery

CKEditor in iFrame / jQuery UI dialog top offset bug

admin — Fri, 15 Oct 2010 16:37:22 +0000

I had a couple of CKEditors in a jQuery UI dialog box today. The dialog box contained an iFrame with the actual CKEditors inside that.

On the odd occasion when the modal box opened (tested in FireFox 3.6 on the Mac and PC) the vertical scroll position of the iFrame would not be at the top. Instead it was focused on one of the lower CKEditors.

After some Googling and hacking and still no solution I placed this in each CKeditor onReady/instanceReady callback, which did the trick:

1
2
3

CKEditor.on("instanceReady", function(event){

  $(window).scrollTop(0);

});

Stop Javascript event bubbling / propagation with nested html elements using jQuery

admin — Wed, 28 Jul 2010 13:51:29 +0000

You can stop nested elements triggering their parent element event handlers (DOM bubbling) using this handy jQuery method:

http://api.jquery.com/event.stopImmediatePropagation/

I ran into this issue whilst working on a calendar/scheduling app. Where day containing elements needed click events and their child elements needed click events too.

Love the jQuery ;]

Access dynamic jQuery elements that have been added to the DOM after page has loaded

admin — Sun, 08 Nov 2009 10:43:06 +0000

If you wanted to manipulate elements you’d added to a page with jQuery after the DOM had loaded, you used to have to specify event handlers when adding them.

jQuery v1.3 has a handy new ‘live’ method. Which basically allows you to access all elements, whether present at page load or added dynamically afterward with jQuery.

jQuery documentation

Quick click event example:

1
2
3

$("a.deleteRow").live("click", function(){

    # Code to manipulate all matching elements added before or after the DOM has loaded.

}

Submit form with jQuery gotcha

admin — Thu, 29 Oct 2009 15:40:29 +0000

It seems that you can’t submit a form with jQuery using:

1	$('form#myform').submit();

If you have an input in the form with the name attribute set to submit. So this doesn’t work:

1	="submit" name="submit" value="Press to continue" />

Change the name attribute to something else other than submit and it works fine ;]