PDA

View Full Version : Has anyone implemented DDSmoothMenu in combination with the BGIframe jQuery plugin?



jimdand
06-23-2009, 08:01 PM
1) Script Title: ddsmoothmenu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm

3) Describe problem: I am trying to implement an iFrame shim fix to make DDSmoothMenu appear over select menus in IE6, and am thinking of using the BGiFrame plugin to jQuery to hopefully save myself some coding time. Has anyone else successfully implemented a combination of ddsmoothmenu and bgiframe? And if so, what edits did you make to the ddsmoothmenu code to implement the bgiframe fix?

pkirankmr
07-24-2009, 08:55 PM
I have succesfully implemented bgiframe plugin.

Its direct and not much changes in the code.

These 2 lines of code goes into <Head> tag.

1.<!--[if lt IE 7]><script type="text/javascript" src="/TEMSAPPRoot/Include/Menu/jquery.bgiframe.min.js"></script><![endif]-->

2.<!--[if lt IE 7]><script type="text/javascript"> $(document).ready(function() { $('ul').bgiframe();}); </script><![endif]-->

Thats it.

The first line of code tells the browser if it is less than only IE 7 the .js file is requested.

The second line tickles the bgiframe plugin and tell it that it needs to be applied on UL tag.

It all depends on which tag you need that to be implemented.

---------------------------------------------------------------

This is taken from http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/

How to get the element?

* $("#header") = gets the element with id="header"
* $("h3") = gets all <h3> element
* $("div#content .photo") = gets all element with class="photo" nested in the <div id="content">
* $("ul li") = gets all <li> element nested in all <ul>
* $("ul li:first") = gets only the first <li> element of the <ul>

This is taken from http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/