Programming Ideas, Logics, Tips and Tricks » tips http://www.sajithmr.me Mon, 23 Jan 2012 15:44:09 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 jQuery Traversing Tips http://www.sajithmr.me/jquery-traversing-tips http://www.sajithmr.me/jquery-traversing-tips#comments Thu, 14 Oct 2010 13:09:48 +0000 Mr Me http://www.sajithmr.me/jquery-traversing-tips/ Just a quick review of tips available in jQuery to manage nodes (contents) near by the content / node which is triggered an event, like click, hover etc

Functions: find, parent, parents, children, first, last, closest

Suppose you need to manage some nodes nearby a link or a button on an event.

Say $(‘.button’).click(function(){

// code goes here

})

To get the current parent of triggered element, use $(this).parent()

To get the parent which has a class , use:
$(this).parents(‘.classname’);

To find any other element just above the node, use :
$(this).parents(‘.classname’).find(‘li’);

to get the first element in find, use find(‘li:first’)

and for last, use li:last

To get exactly the child nodes, use:
$(‘.classname’).children(‘some_selector_here’);

Here comes another very useful function, which is, closest

$(this).closest(‘td’) etc

So, this quick note will be helpful to you

Thanks

Sajith


]]> http://www.sajithmr.me/jquery-traversing-tips/feed 0 Just a second with Iframe http://www.sajithmr.me/just-a-second-with-iframe http://www.sajithmr.me/just-a-second-with-iframe#comments Wed, 11 Nov 2009 20:07:59 +0000 Mr Me http://www.sajithmr.me/?p=490 IF you are facing problem with layout issues inside iframe (which is normally not there in normal pages) just test these things.

flex-iframe-logo-128

  • Iframe is considered as a separate html page. So it needs all the basic tags, from html, head, body.
  • It does not get styles from parent, so you need to add manually in the header
  • Take care of javascript calls  separated with parent and local (if anything related with parent , use parent. , for example, to access a jQuery script from parent use, parent.$.function_name)
  • Avoid define styles inside body tag with <style> tags, place them in <head> tag
  • To solve the layout issues, you must use the DOCTYPE tag at the beginning
  • If you are using any autoheight scripts to control iframe height dynamically, remember, it may not work as expected in all browser. (jQuery autoheight plugin sometimes fails in OPERA)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">

There is a saying that using iframe is a bad practise. I don’t know the fact, anyway gmail uses more than 5 iframes to implement all the features and works well. (See Gmail Architecture)

]]> http://www.sajithmr.me/just-a-second-with-iframe/feed 1