|
|
|
| <prev next> |
[no subject]: msg#00000lang.javascript.yui<link rel=3D"stylesheet" type=3D"text/css" href=3D"http://yui.yahooapis.com/2.3.1/build/reset-fonts-grids/reset-fonts-= grids.css"> =20 <!-- CSS for Menu --> <link rel=3D"stylesheet" type=3D"text/css" href=3D"http://yui.yahooapis.com/2.3.1/build/menu/assets/skins/sam/menu.css= "> <!-- Page-specific styles --> <style type=3D"text/css"> div.yui-b p { =20=20=20=20=20=20=20=20=20=20=20=20 margin: 0 0 .5em 0; color: #999; =20=20=20=20=20=20=20=20=20=20=20=20 } =20=20=20=20=20=20=20=20=20=20=20=20 div.yui-b p strong { =20=20=20=20=20=20=20=20=20=20=20=20 font-weight: bold; color: #000; =20=20=20=20=20=20=20=20=20=20=20=20 } =20=20=20=20=20=20=20=20=20=20=20=20 div.yui-b p em { color: #000; =20=20=20=20=20=20=20=20=20=20=20=20 }=20=20=20=20=20=20=20=20=20=20=20=20 =20=20=20=20=20=20=20=20=20=20=20=20 h1 { font-weight: bold; margin: 0 0 1em 0; padding: .25em .5em; background-color: #ccc; } #productsandservices { margin: 0 0 10px 0; =20=20=20=20=20=20=20=20=20=20=20=20 } </style> <!-- Dependency source files --> <script type=3D"text/javascript" src=3D"http://yui.yahooapis.com/2.3.1/build/yahoo-dom-event/yahoo-dom-event= .js"></script> <script type=3D"text/javascript" src=3D"http://yui.yahooapis.com/2.3.1/build/animation/animation.js";></scrip= t> <script type=3D"text/javascript" src=3D"http://yui.yahooapis.com/2.3.1/build/container/container_core.js";></= script> <!-- Menu source file --> <script type=3D"text/javascript" src=3D"http://yui.yahooapis.com/2.3.1/build/menu/menu.js";></script> <!-- Page-specific script --> <script type=3D"text/javascript"> // Initialize and render the menu bar when it is available in the DOM YAHOO.util.Event.onContentReady("productsandservices", function () { // Animation object var oAnim; // "beforeshow" event handler for each submenu of the menu bar function onMenuBeforeShow(p_sType, p_sArgs) { var oBody, oShadow, oUL; =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 if (this.parent) { oShadow =3D this.element.lastChild; oShadow.style.height =3D "0px"; =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 if (oAnim && oAnim.isAnimated()) { =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 oAnim.stop(); oAnim =3D null; =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 } oBody =3D this.body; oUL =3D oBody.getElementsByTagName("ul")[0]; =20=20=20=20 YAHOO.util.Dom.setStyle(oBody, "overflow", "hidden"); YAHOO.util.Dom.setStyle(oUL, "marginTop", ("-" + oUL.offsetHeight + "px")); =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 } } function onTween(p_sType, p_aArgs, p_oShadow) { if (this.cfg.getProperty("iframe")) { =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 this.syncIframe(); =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 } =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 if (p_oShadow) { =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 p_oShadow.style.height =3D this.element.offsetHeight + "px"; =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 } =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 } function onAnimationComplete(p_sType, p_aArgs, p_oShadow) { var oBody =3D this.body, oUL =3D oBody.getElementsByTagName("ul")[0]; if (p_oShadow) { =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 p_oShadow.style.height =3D this.element.offsetHeight + "px"; =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 } YAHOO.util.Dom.setStyle(oUL, "marginTop", "auto"); YAHOO.util.Dom.setStyle(oBody, "overflow", "visible"); =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 if (YAHOO.env.ua.ie) { =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 YAHOO.util.Dom.setStyle(oBody, "zoom", "1"); =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 } =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 } // "show" event handler for each submenu of the menu bar function onMenuShow(p_sType, p_sArgs) { var oElement, oShadow, oUL; =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 if (this.parent) { oElement =3D this.element; oShadow =3D oElement.lastChild; oUL =3D this.body.getElementsByTagName("ul")[0]; =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 oAnim =3D new YAHOO.util.Anim(oUL,=20 { marginTop: { to: 0 } }, .5, YAHOO.util.Easing.easeOut); oAnim.onStart.subscribe(function () { =20=20=20=20=20=20=20=20 oShadow.style.height =3D "100%"; =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 }); =20=20=20=20 oAnim.animate(); =20=20=20=20 /* Refire the event handler for the "iframe"=20 configuration property with each tween so that the=20=20 size and position of the iframe shim remain in sync=20 with the menu. */ =20=20=20=20 if (YAHOO.env.ua.ie) { = =20 oShadow.style.height =3D oElement.offsetHeight + "px"; oAnim.onTween.subscribe(onTween, oShadow, this); =20=20=20=20 } =20=20=20=20 =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 oAnim.onComplete.subscribe(onAnimationComplete, oShadow, this); =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 } =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 } // "beforerender" event handler for the menu bar function onMenuBeforeRender(p_sType, p_sArgs) { var oSubmenuData =3D { =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 "communication": [=20 =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 { text: "360", url: "http://360.yahoo.com"; }, { text: "Alerts", url: "http://alerts.yahoo.com"; }, { text: "Avatars", url: "http://avatars.yahoo.com"; }, { text: "Groups", url: "http://groups.yahoo.com " }, { text: "Internet Access", url: "http://promo.yahoo.com/broadband"; }, { text: "PIM", submenu: { id: "pim", itemdata: [ =20=20=20=20=20=20=20=20 { text: "Yahoo! Mail", url: "http://mail.yahoo.com"; }, { text: "Yahoo! Address Book", url: "http://addressbook.yahoo.com"; }, { text: "Yahoo! Calendar", url: "http://calendar.yahoo.com"; }, { text: "Yahoo! Notepad", url: "http://notepad.yahoo.com"; } =20=20=20=20=20=20=20=20 ] } = =20 },=20 { text: "Member Directory", url: "http://members.yahoo.com"; }, { text: "Messenger", url: "http://messenger.yahoo.com"; }, { text: "Mobile", url: "http://mobile.yahoo.com"; }, { text: "Photos", url: "http://photos.yahoo.com"; }, =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 ], =20=20=20=20 "shopping": [ =20=20=20=20 { text: "Auctions", url: "http://auctions.shopping.yahoo.com"; }, { text: "Autos", url: "http://autos.yahoo.com"; }, { text: "Classifieds", url: "http://classifieds.yahoo.com"; }, { text: "Flowers & Gifts", url: "http://shopping.yahoo.com/b:Flowers%20%26%20Gifts:20146735"; }, { text: "Points", url: "http://points.yahoo.com"; }, { text: "Real Estate", url: "http://realestate.yahoo.com"; }, { text: "Travel", url: "http://travel.yahoo.com"; }, { text: "Wallet", url: "http://wallet.yahoo.com"; }, { text: "Yellow Pages", url: "http://yp.yahoo.com"; } = =20 =20=20=20=20 ], =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 "entertainment": [ =20=20=20=20 { text: "Fantasy Sports", url: "http://fantasysports.yahoo.com"; }, { text: "Games", url: "http://games.yahoo.com"; }, { text: "Kids", url: "http://www.yahooligans.com"; }, { text: "Music", url: "http://music.yahoo.com"; }, { text: "Movies", url: "http://movies.yahoo.com"; }, { text: "Radio", url: "http://music.yahoo.com/launchcast"; }, { text: "Travel", url: "http://travel.yahoo.com"; }, { text: "TV", url: "http://tv.yahoo.com"; } =20=20=20=20=20=20=20=20=20=20=20=20=20 =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 ], =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 "information": [ =20=20=20=20 { text: "Downloads", url: "http://downloads.yahoo.com"; }, { text: "Finance", url: "http://finance.yahoo.com"; }, { text: "Health", url: "http://health.yahoo.com"; }, { text: "Local", url: "http://local.yahoo.com"; }, { text: "Maps & Directions", url: "http://maps.yahoo.com"; }, { text: "My Yahoo!", url: "http://my.yahoo.com"; }, { text: "News", url: "http://news.yahoo.com"; }, { text: "Search", url: "http://search.yahoo.com"; }, { text: "Small Business", url: "http://smallbusiness.yahoo.com"; }, { text: "Weather", url: "http://weather.yahoo.com"; } =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 ] =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 }; // Add a submenu to each of the menu items in the menu bar this.getItem(0).cfg.setProperty("submenu", { id: "communication", itemdata: oSubmenuData["communication"] }); this.getItem(1).cfg.setProperty("submenu", { id: "shopping", itemdata: oSubmenuData["shopping"] }); this.getItem(2).cfg.setProperty("submenu", { id: "entertainment", itemdata: oSubmenuData["entertainment"] }); this.getItem(3).cfg.setProperty("submenu", { id: "information", itemdata: oSubmenuData["information"] }); this.subscribe("beforeShow", onMenuBeforeShow); this.subscribe("show", onMenuShow); } // Initialize the root menu bar var oMenuBar =3D new YAHOO.widget.MenuBar("productsandservices", { autosubmenudisplay: true, hidedelay: 750, lazyload: true }); // Subscribe to the "beforerender" event oMenuBar.beforeRenderEvent.subscribe(onMenuBeforeRender); /* Call the "render" method with no arguments since the markup for=20 this menu already exists in the DOM. */ oMenuBar.render();=20=20=20=20=20=20=20=20=20=20=20=20 =20=20=20=20=20=20=20=20=20=20=20=20 }); </script> </head> <body class=3D"yui-skin-sam" id=3D"yahoo-com"> <div id=3D"doc" class=3D"yui-t1"> <div id=3D"hd"> <!-- start: your content here --> =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 <h1>Example: Website Top Nav Using Animation With Submenus From JavaScript (YUI Library)</h1> =20=20=20=20=20=20=20=20 <!-- end: your content here --> </div> <div id=3D"bd"> <!-- start: primary column from outer template --> <div id=3D"yui-main"> <div class=3D"yui-b"> <!-- start: stack grids here --> <div id=3D"productsandservices" class=3D"yuimenubar yuimenubarnav"> <div class=3D"bd"> <ul class=3D"first-of-type"> <li class=3D"yuimenubaritem first-of-type"><a class=3D"yuimenubaritemlabel" href=3D"http://communication.yahoo.com";>Communication</a></li> <li class=3D"yuimenubaritem"><a class=3D"yuimenubaritemlabel" href=3D"http://shopping.yahoo.com";>Shopping</a></li> <li class=3D"yuimenubaritem"><a class=3D"yuimenubaritemlabel" href=3D"http://entertainment.yahoo.com";>Entertainment</a></li> <li class=3D"yuimenubaritem"><a class=3D"yuimenubaritemlabel" href=3D"#">Information</a></li> </ul> </div> </div> <p id=3D"note"><strong>NOTE:</strong> <em>This example demonstrates how to add animation effects to a menu bar with submenus built using JavaScript.</em></p> <form name=3D"example"> <select name=3D"test"> <option value=3D"one">One</option> <option value=3D"two">Two</option> <option value=3D"three">Three</option>=20 = =20 </select> </form> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat dolor, id aliquam leo tortor eget odio. Pellentesque orci arcu, eleifend at, iaculis sit amet, posuere eu, lorem. Aliquam erat volutpat. Phasellus vulputate. Vivamus id erat. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nunc gravida. Ut euismod, tortor eget convallis ullamcorper, arcu odio egestas pede, ut ornare urna elit vitae mauris. Aenean ullamcorper eros a lacus. Curabitur egestas tempus lectus. Donec et lectus et purus dapibus feugiat. Sed sit amet diam. Etiam ipsum leo, facilisis ac, rutrum nec, dignissim quis, tellus. Sed eleifend.</p> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat dolor, id aliquam leo tortor eget odio. Pellentesque orci arcu, eleifend at, iaculis sit amet, posuere eu, lorem. Aliquam erat volutpat. Phasellus vulputate. Vivamus id erat. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nunc gravida. Ut euismod, tortor eget convallis ullamcorper, arcu odio egestas pede, ut ornare urna elit vitae mauris. Aenean ullamcorper eros a lacus. Curabitur egestas tempus lectus. Donec et lectus et purus dapibus feugiat. Sed sit amet diam. Etiam ipsum leo, facilisis ac, rutrum nec, dignissim quis, tellus. Sed eleifend.</p> <!-- end: stack grids here --> </div> </div> <!-- end: primary column from outer template --> <!-- start: secondary column from outer template --> <div class=3D"yui-b"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat dolor, id aliquam leo tortor eget odio. Pellentesque orci arcu, eleifend at, iaculis sit amet, posuere eu, lorem. Aliquam erat volutpat. Phasellus vulputate. Vivamus id erat. Nulla facilisi. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nunc gravida. Ut euismod, tortor eget convallis ullamcorper, arcu odio egestas pede, ut ornare urna elit vitae mauris. Aenean ullamcorper eros a lacus. Curabitur egestas tempus lectus. Donec et lectus et purus dapibus feugiat. Sed sit amet diam. Etiam ipsum leo, facilisis ac, rutrum nec, dignissim quis, tellus. Sed eleifend.</p> =20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20=20 </div> <!-- end: secondary column from outer template --> </div> <div id=3D"ft"> <p>FOOTER: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec, auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim, massa sit amet dignissim cursus, quam lacus feugiat.</p> </div> </div> =20=20=20=20=20=20=20=20 </body> </html> --SNhv3NK3mKFe6UveWJhQW4c-AIjMCjTdALVJOZQ Content-Type: text/html; charset=ISO-8859-1 Content-Transfer-Encoding: 7bit <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd";> <html> <head> </head> <body style="background-color: #ffffff;"> <!--~-|**|PrettyHtmlStartT|**|-~--> <div id="ygrp-mlmsg" style="width:655px; position:relative;"> <div id="ygrp-msg" style="width: 490px; padding: 0 15px 0 0; float:left; z-index:1;"> <!--~-|**|PrettyHtmlEndT|**|-~--> <div id="ygrp-text"> <p>Hi,<br> <br> I am just trying to get started so I thought I'd take the Menu Family:<br> Website Top Nav Using Animation With Submenus From<br> JavaScript(<a href="http://developer.yahoo.com/yui/examples/menu/topnavfromjswithanim.html";>http://developer.<wbr>yahoo.com/<wbr>yui/examples/<wbr>menu/topnavfromj<wbr>swithanim.<wbr>html</a>)<br> example and run it in my environment. I changed all the "../build"<br> paths to point to <a href="http://yui.yahooapis.com/2.3.1";>http://yui.yahooapi<wbr>s.com/2.3.<wbr>1</a> instead.<br> <br> When I load the file in Firefox I get this error:<br> ...<br> Warning: Expected declaration but found '*'. Skipped to next declaration.<br> Source File:<br> <a href="http://yui.yahooapis.com/2.3.1/build/menu/assets/skins/sam/menu.css";>http://yui.yahooapi<wbr>s.com/2.3.<wbr>1/build/menu/<wbr>assets/skins/<wbr>sam/menu.<wbr>css</a><br> Line: 7<br> Warning: Expected declaration but found '*'. Skipped to next declaration.<br> Source File:<br> <a href="http://yui.yahooapis.com/2.3.1/build/menu/assets/skins/sam/menu.css";>http://yui.yahooapi<wbr>s.com/2.3.<wbr>1/build/menu/<wbr>assets/skins/<wbr>sam/menu.<wbr>css</a><br> Line: 7<br> Error: YAHOO.widget.<wbr>MenuBar is not a constructor<br> Source File: <a href="http://localhost:8080/ydd/";>http://localhost:<wbr>8080/ydd/</a><br> Line: 295<br> <br> Searching the group I noticed the "not a constructor" problem is<br> associated with an ordering problem. But since I copied the code<br> directly from a working example, could this still be the problem? Or<br> is the timing different when loading over the network and is there<br> anyway around it?<br> <br> Thanks.<br> <br> Here's the code:<br> <br> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"<br> "<a href="http://www.w3.org/TR/html4/strict.dtd";>http://www.w3.<wbr>org/TR/html4/<wbr>strict.dtd</a>"><br> <html><br> <head><br> <meta http-equiv="<wbr>content-type" content="text/<wbr>html;<br> charset=utf-<wbr>8"><br> <title>Example: Website Top Nav Using Animation With Submenus<br> From JavaScript (YUI Library)</title><br> <br> <!-- Standard reset, fonts and grids --><br> <br> <link rel="stylesheet" type="text/css"<br> href="<a href="http://yui.yahooapis.com/2.3.1/build/reset-fonts-grids/reset-fonts-grids.css";>http://yui.yahooapi<wbr>s.com/2.3.<wbr>1/build/reset-<wbr>fonts-grids/<wbr>reset-fonts-<wbr>grids.css</a>"><br> <br> <br> <!-- CSS for Menu --><br> <br> <link rel="stylesheet" type="text/css"<br> href="<a href="http://yui.yahooapis.com/2.3.1/build/menu/assets/skins/sam/menu.css";>http://yui.yahooapi<wbr>s.com/2.3.<wbr>1/build/menu/<wbr>assets/skins/<wbr>sam/menu.<wbr>css</a>"><br> <br> <!-- Page-specific styles --><br> <br> <style type="text/css"<wbr>><br> <br> div.yui-b p {<br> <br> margin: 0 0 .5em 0;<br> color: #999;<br> <br> }<br> <br> div.yui-b p strong {<br> <br> font-weight: bold;<br> color: #000;<br> <br> }<br> <br> div.yui-b p em {<br> <br> color: #000;<br> <br> } <br> <br> h1 {<br> <br> font-weight: bold;<br> margin: 0 0 1em 0;<br> padding: .25em .5em;<br> background-color: #ccc;<br> <br> }<br> <br> #productsandservice<wbr>s {<br> <br> margin: 0 0 10px 0;<br> <br> }<br> <br> </style><br> <br> <!-- Dependency source files --><br> <br> <script type="text/javascri<wbr>pt"<br> src="<a href="http://yui.yahooapis.com/2.3.1/build/yahoo-dom-event/yahoo-dom-event.js";>http://yui.yahooapi<wbr>s.com/2.3.<wbr>1/build/yahoo-<wbr>dom-event/<wbr>yahoo-dom-<wbr>event.js</a>"></script><br> <script type="text/javascri<wbr>pt"<br> src="<a href="http://yui.yahooapis.com/2.3.1/build/animation/animation.js";>http://yui.yahooapi<wbr>s.com/2.3.<wbr>1/build/animatio<wbr>n/animation.<wbr>js</a>"></script><br> <script type="text/javascri<wbr>pt"<br> src="<a href="http://yui.yahooapis.com/2.3.1/build/container/container_core.js";>http://yui.yahooapi<wbr>s.com/2.3.<wbr>1/build/containe<wbr>r/container_<wbr>core.js</a>"></script><br> <br> <!-- Menu source file --><br> <br> <script type="text/javascri<wbr>pt"<br> src="<a href="http://yui.yahooapis.com/2.3.1/build/menu/menu.js";>http://yui.yahooapi<wbr>s.com/2.3.<wbr>1/build/menu/<wbr>menu.js</a>"></script><br> <br> <!-- Page-specific script --><br> <br> <script type="text/javascri<wbr>pt"><br> <br> // Initialize and render the menu bar when it is available<br> in the DOM<br> <br> YAHOO.util.Event.<wbr>onContentReady(<wbr>"productsandserv<wbr>ices",<br> function () {<br> <br> // Animation object<br> <br> var oAnim;<br> <br> // "beforeshow" event handler for each submenu of the<br> menu bar<br> <br> function onMenuBeforeShow(<wbr>p_sType, p_sArgs) {<br> <br> var oBody,<br> oShadow,<br> oUL;<br> <br> if (this.parent) {<br> <br> oShadow = this.element.<wbr>lastChild;<br> <br> oShadow.style.<wbr>height = "0px";<br> <br> if (oAnim && oAnim.isAnimated(<wbr>)) {<br> <br> oAnim.stop()<wbr>;<br> oAnim = null;<br> <br> }<br> <br> oBody = this.body;<br> oUL = oBody.getElementsBy<wbr>TagName("<wbr>ul")[0];<br> <br> YAHOO.util.Dom.<wbr>setStyle(<wbr>oBody, "overflow",<br> "hidden");<br> YAHOO.util.Dom.<wbr>setStyle(<wbr>oUL, "marginTop", ("-"<br> + oUL.offsetHeight + "px"));<br> <br> }<br> <br> }<br> <br> function onTween(p_sType, p_aArgs, p_oShadow) {<br> <br> if (this.cfg.getProper<wbr>ty("iframe"<wbr>)) {<br> <br> this.syncIframe(<wbr>);<br> <br> }<br> <br> if (p_oShadow) {<br> <br> p_oShadow.style.<wbr>height =<br> this.element.<wbr>offsetHeight + "px";<br> <br> }<br> <br> }<br> <br> function onAnimationComplete<wbr>(p_sType, p_aArgs,<br> p_oShadow) {<br> <br> var oBody = this.body,<br> oUL = oBody.getElementsBy<wbr>TagName("<wbr>ul")[0];<br> <br> if (p_oShadow) {<br> <br> p_oShadow.style.<wbr>height =<br> this.element.<wbr>offsetHeight + "px";<br> <br> }<br> <br> YAHOO.util.Dom.<wbr>setStyle(<wbr>oUL, "marginTop", "auto");<br> YAHOO.util.Dom.<wbr>setStyle(<wbr>oBody, "overflow", "visible");<br> <br> if (YAHOO.env.ua.<wbr>ie) {<br> <br> YAHOO.util.Dom.<wbr>setStyle(<wbr>oBody, "zoom", "1");<br> <br> }<br> <br> }<br> <br> // "show" event handler for each submenu of the menu bar<br> <br> function onMenuShow(p_<wbr>sType, p_sArgs) {<br> <br> var oElement,<br> oShadow,<br> oUL;<br> <br> if (this.parent) {<br> <br> oElement = this.element;<br> oShadow = oElement.lastChild;<br> oUL = this.body.getElemen<wbr>tsByTagName(<wbr>"ul")[0];<br> <br> oAnim = new YAHOO.util.Anim(<wbr>oUL, <br> { marginTop: { to: 0 } },<br> .5, YAHOO.util.Easing.<wbr>easeOut);<br> <br> oAnim.onStart.<wbr>subscribe(<wbr>function () {<br> <br> oShadow.style.<wbr>height = "100%";<br> <br> });<br> <br> <br> oAnim.animate(<wbr>);<br> <br> /*<br> Refire the event handler for the "iframe" <br> configuration property with each tween so<br> that the <br> size and position of the iframe shim<br> remain in sync <br> with the menu.<br> */<br> <br> if (YAHOO.env.ua.<wbr>ie) {<br> <br> oShadow.style.<wbr>height =<br> oElement.offsetHeig<wbr>ht + "px";<br> <br> oAnim.onTween.<wbr>subscribe(<wbr>onTween, oShadow,<br> this);<br> <br> }<br> <br> <br> oAnim.onComplete.<wbr>subscribe(<wbr>onAnimationCompl<wbr>ete, oShadow, this);<br> <br> }<br> <br> }<br> <br> // "beforerender" event handler for the menu bar<br> <br> function onMenuBeforeRender(<wbr>p_sType, p_sArgs) {<br> <br> var oSubmenuData = {<br> <br> "communication"<wbr>: [ <br> <br> { text: "360", url: "<a href="http://360.yahoo.com";>http://360.yahoo.<wbr>com</a>" },<br> { text: "Alerts", url:<br> "<a href="http://alerts.yahoo.com";>http://alerts.<wbr>yahoo.com</a>" },<br> { text: "Avatars", url:<br> "<a href="http://avatars.yahoo.com";>http://avatars.<wbr>yahoo.com</a>" },<br> { text: "Groups", url:<br> "<a href="http://groups.yahoo.com";>http://groups.<wbr>yahoo.com</a> " },<br> { text: "Internet Access", url:<br> "<a href="http://promo.yahoo.com/broadband";>http://promo.<wbr>yahoo.com/<wbr>broadband</a>" },<br> { text: "PIM", submenu: { id: "pim",<br> itemdata: [<br> <br> { text: "Yahoo! Mail", url:<br> "<a href="http://mail.yahoo.com";>http://mail.<wbr>yahoo.com</a>" },<br> { text: "Yahoo! Address Book",<br> url: "<a href="http://addressbook.yahoo.com";>http://addressbook.<wbr>yahoo.com</a>" },<br> { text: "Yahoo! Calendar", url:<br> "<a href="http://calendar.yahoo.com";>http://calendar.<wbr>yahoo.com</a>" },<br> { text: "Yahoo! Notepad", url:<br> "<a href="http://notepad.yahoo.com";>http://notepad.<wbr>yahoo.com</a>" }<br> <br> ] }<br> <br> }, <br> { text: "Member Directory", url:<br> "<a href="http://members.yahoo.com";>http://members.<wbr>yahoo.com</a>" },<br> { text: "Messenger", url:<br> "<a href="http://messenger.yahoo.com";>http://messenger.<wbr>yahoo.com</a>" },<br> { text: "Mobile", url:<br> "<a href="http://mobile.yahoo.com";>http://mobile.<wbr>yahoo.com</a>" },<br> { text: "Photos", url:<br> "<a href="http://photos.yahoo.com";>http://photos.<wbr>yahoo.com</a>" },<br> <br> ],<br> <br> "shopping": [<br> <br> { text: "Auctions", url:<br> "<a href="http://auctions.shopping.yahoo.com";>http://auctions.<wbr>shopping.<wbr>yahoo.com</a>" },<br> { text: "Autos", url:<br> "<a href="http://autos.yahoo.com";>http://autos.<wbr>yahoo.com</a>" },<br> { text: "Classifieds"<wbr>, url:<br> "<a href="http://classifieds.yahoo.com";>http://classifieds.<wbr>yahoo.com</a>" },<br> { text: "Flowers & Gifts", url:<br> "<a href="http://shopping.yahoo.com/b:Flowers%20%26%20Gifts:20146735";>http://shopping.<wbr>yahoo.com/<wbr>b:Flowers%<wbr>20%26%20Gifts:<wbr>20146735</a>" },<br> { text: "Points", url:<br> "<a href="http://points.yahoo.com";>http://points.<wbr>yahoo.com</a>" },<br> { text: "Real Estate", url:<br> "<a href="http://realestate.yahoo.com";>http://realestate.<wbr>yahoo.com</a>" },<br> { text: "Travel", url:<br> "<a href="http://travel.yahoo.com";>http://travel.<wbr>yahoo.com</a>" },<br> { text: "Wallet", url:<br> "<a href="http://wallet.yahoo.com";>http://wallet.<wbr>yahoo.com</a>" },<br> { text: "Yellow Pages", url:<br> "<a href="http://yp.yahoo.com";>http://yp.yahoo.<wbr>com</a>" } <br> <br> ],<br> <br> "entertainment"<wbr>: [<br> <br> { text: "Fantasy Sports", url:<br> "<a href="http://fantasysports.yahoo.com";>http://fantasysport<wbr>s.yahoo.com</a>" },<br> { text: "Games", url:<br> "<a href="http://games.yahoo.com";>http://games.<wbr>yahoo.com</a>" },<br> { text: "Kids", url:<br> "<a href="http://www.yahooligans.com";>http://www.yahoolig<wbr>ans.com</a>" },<br> { text: "Music", url:<br> "<a href="http://music.yahoo.com";>http://music.<wbr>yahoo.com</a>" },<br> { text: "Movies", url:<br> "<a href="http://movies.yahoo.com";>http://movies.<wbr>yahoo.com</a>" },<br> { text: "Radio", url:<br> "<a href="http://music.yahoo.com/launchcast";>http://music.<wbr>yahoo.com/<wbr>launchcast</a>" },<br> { text: "Travel", url:<br> "<a href="http://travel.yahoo.com";>http://travel.<wbr>yahoo.com</a>" },<br> { text: "TV", url: "<a href="http://tv.yahoo.com";>http://tv.yahoo.<wbr>com</a>" }<br> <br> <br> ],<br> <br> "information"<wbr>: [<br> <br> { text: "Downloads", url:<br> "<a href="http://downloads.yahoo.com";>http://downloads.<wbr>yahoo.com</a>" },<br> { text: "Finance", url:<br> "<a href="http://finance.yahoo.com";>http://finance.<wbr>yahoo.com</a>" },<br> { text: "Health", url:<br> "<a href="http://health.yahoo.com";>http://health.<wbr>yahoo.com</a>" },<br> { text: "Local", url:<br> "<a href="http://local.yahoo.com";>http://local.<wbr>yahoo.com</a>" },<br> { text: "Maps & Directions", url:<br> "<a href="http://maps.yahoo.com";>http://maps.<wbr>yahoo.com</a>" },<br> { text: "My Yahoo!", url:<br> "<a href="http://my.yahoo.com";>http://my.yahoo.<wbr>com</a>" },<br> { text: "News", url:<br> "<a href="http://news.yahoo.com";>http://news.<wbr>yahoo.com</a>" },<br> { text: "Search", url:<br> "<a href="http://search.yahoo.com";>http://search.<wbr>yahoo.com</a>" },<br> { text: "Small Business", url:<br> "<a href="http://smallbusiness.yahoo.com";>http://smallbusines<wbr>s.yahoo.com</a>" },<br> { text: "Weather", url:<br> "<a href="http://weather.yahoo.com";>http://weather.<wbr>yahoo.com</a>" }<br> <br> ]<br> <br> };<br> <br> // Add a submenu to each of the menu items in the<br> menu bar<br> <br> this.getItem(<wbr>0).cfg.setProper<wbr>ty("submenu"<wbr>, { id:<br> "communication"<wbr>, itemdata: oSubmenuData[<wbr>"communication"<wbr>] });<br> this.getItem(<wbr>1).cfg.setProper<wbr>ty("submenu"<wbr>, { id:<br> "shopping", itemdata: oSubmenuData[<wbr>"shopping"<wbr>] });<br> this.getItem(<wbr>2).cfg.setProper<wbr>ty("submenu"<wbr>, { id:<br> "entertainment"<wbr>, itemdata: oSubmenuData[<wbr>"entertainment"<wbr>] });<br> this.getItem(<wbr>3).cfg.setProper<wbr>ty("submenu"<wbr>, { id:<br> "information"<wbr>, itemdata: oSubmenuData[<wbr>"information"<wbr>] });<br> <br> this.subscribe(<wbr>"beforeShow"<wbr>, onMenuBeforeShow)<wbr>;<br> this.subscribe(<wbr>"show", onMenuShow);<br> <br> }<br> <br> // Initialize the root menu bar<br> <br> var oMenuBar = new<br> YAHOO.widget.<wbr>MenuBar("<wbr>productsandservi<wbr>ces", { autosubmenudisplay:<br> true, hidedelay: 750, lazyload: true });<br> <br> // Subscribe to the "beforerender" event<br> <br> oMenuBar.beforeRend<wbr>erEvent.subscrib<wbr>e(onMenuBeforeRe<wbr>nder);<br> <br> /*<br> Call the "render" method with no arguments since<br> the markup for <br> this menu already exists in the DOM.<br> */<br> <br> oMenuBar.render(<wbr>); <br> <br> });<br> <br> </script><br> <br> </head><br> <body class="yui-skin-<wbr>sam" id="yahoo-com"<wbr>><br> <br> <div id="doc" class="yui-t1"<wbr>><br> <div id="hd"><br> <!-- start: your content here --><br> <br> <h1>Example: Website Top Nav Using Animation With<br> Submenus From JavaScript (YUI Library)</h1><br> <br> <!-- end: your content here --><br> <br> </div><br> <div id="bd"><br> <br> <!-- start: primary column from outer template --><br> <div id="yui-main"<wbr>><br> <div class="yui-b"<wbr>><br> <!-- start: stack grids here --><br> <br> <div id="productsandserv<wbr>ices"<br> class="yuimenubar yuimenubarnav"<wbr>><br> <div class="bd"><br> <br> <ul class="first-<wbr>of-type"><br> <li class="yuimenubarit<wbr>em<br> first-of-type"<wbr>><a class="yuimenubarit<wbr>emlabel"<br> href="<a href="http://communication.yahoo.com";>http://communicatio<wbr>n.yahoo.com</a>">Communication<<wbr>/a></li><br> <li class="yuimenubarit<wbr>em"><a<br> class="yuimenubarit<wbr>emlabel"<br> href="<a href="http://shopping.yahoo.com";>http://shopping.<wbr>yahoo.com</a>">Shopping</<wbr>a></li><br> <li class="yuimenubarit<wbr>em"><a<br> class="yuimenubarit<wbr>emlabel"<br> href="<a href="http://entertainment.yahoo.com";>http://entertainmen<wbr>t.yahoo.com</a>">Entertainment<<wbr>/a></li><br> <li class="yuimenubarit<wbr>em"><a<br> class="yuimenubarit<wbr>emlabel" href="#">Informatio<wbr>n</a></li><br> </ul><br> </div><br> <br> </div><br> <br> <p id="note"><strong><wbr>NOTE:</strong> <em>This<br> example demonstrates how to add animation effects to a menu bar with<br> submenus built using JavaScript.<<wbr>/em></p><br> <br> <form name="example"<wbr>><br> <select name="test"><br> <option value="one"><wbr>One</option><br> <option value="two"><wbr>Two</option><br> <br> <option value="three"<wbr>>Three</option> <br> <br> </select><br> </form><br> <br> <p>Lorem ipsum dolor sit amet, consectetuer<br> adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec,<br> auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim,<br> massa sit amet dignissim cursus, quam lacus feugiat dolor, id aliquam<br> leo tortor eget odio. Pellentesque orci arcu, eleifend at, iaculis sit<br> amet, posuere eu, lorem. Aliquam erat volutpat. Phasellus vulputate.<br> Vivamus id erat. Nulla facilisi. Class aptent taciti sociosqu ad<br> litora torquent per conubia nostra, per inceptos hymenaeos. Nunc<br> gravida. Ut euismod, tortor eget convallis ullamcorper, arcu odio<br> egestas pede, ut ornare urna elit vitae mauris. Aenean ullamcorper<br> eros a lacus. Curabitur egestas tempus lectus. Donec et lectus et<br> purus dapibus feugiat. Sed sit amet diam. Etiam ipsum leo, facilisis<br> ac, rutrum nec, dignissim quis, tellus. Sed eleifend.</p><br> <p>Lorem ipsum dolor sit amet, consectetuer<br> adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec,<br> auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim,<br> massa sit amet dignissim cursus, quam lacus feugiat dolor, id aliquam<br> leo tortor eget odio. Pellentesque orci arcu, eleifend at, iaculis sit<br> amet, posuere eu, lorem. Aliquam erat volutpat. Phasellus vulputate.<br> Vivamus id erat. Nulla facilisi. Class aptent taciti sociosqu ad<br> litora torquent per conubia nostra, per inceptos hymenaeos. Nunc<br> gravida. Ut euismod, tortor eget convallis ullamcorper, arcu odio<br> egestas pede, ut ornare urna elit vitae mauris. Aenean ullamcorper<br> eros a lacus. Curabitur egestas tempus lectus. Donec et lectus et<br> purus dapibus feugiat. Sed sit amet diam. Etiam ipsum leo, facilisis<br> ac, rutrum nec, dignissim quis, tellus. Sed eleifend.</p><br> <br> <!-- end: stack grids here --><br> </div><br> <br> </div><br> <!-- end: primary column from outer template --><br> <br> <!-- start: secondary column from outer template --><br> <div class="yui-b"<wbr>><br> <br> <p>Lorem ipsum dolor sit amet, consectetuer<br> adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec,<br> auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim,<br> massa sit amet dignissim cursus, quam lacus feugiat dolor, id aliquam<br> leo tortor eget odio. Pellentesque orci arcu, eleifend at, iaculis sit<br> amet, posuere eu, lorem. Aliquam erat volutpat. Phasellus vulputate.<br> Vivamus id erat. Nulla facilisi. Class aptent taciti sociosqu ad<br> litora torquent per conubia nostra, per inceptos hymenaeos. Nunc<br> gravida. Ut euismod, tortor eget convallis ullamcorper, arcu odio<br> egestas pede, ut ornare urna elit vitae mauris. Aenean ullamcorper<br> eros a lacus. Curabitur egestas tempus lectus. Donec et lectus et<br> purus dapibus feugiat. Sed sit amet diam. Etiam ipsum leo, facilisis<br> ac, rutrum nec, dignissim quis, tellus. Sed eleifend.</p><br> <br> </div><br> <!-- end: secondary column from outer template --><br> <br> </div><br> <div id="ft"><br> <br> <p>FOOTER: Lorem ipsum dolor sit amet, consectetuer<br> adipiscing elit. Maecenas sit amet metus. Nunc quam elit, posuere nec,<br> auctor in, rhoncus quis, dui. Aliquam erat volutpat. Ut dignissim,<br> massa sit amet dignissim cursus, quam lacus feugiat.</p><br> <br> </div><br> </div><br> <br> </body><br> </html><br> <br> </p> </div> <!--~-|**|PrettyHtmlStart|**|-~--> <span width="1" style="color: white;">__._,_.___</span> <!-- Start the section with Message In topic --> <div id="ygrp-actbar"> <span class="left"> <a href="http://groups.yahoo.com/group/ydn-javascript/message/19730;_ylc=X3oDMTM3dDllNDFmBF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRtc2dJZAMxOTczMARzZWMDZnRyBHNsawN2dHBjBHN0aW1lAzExOTI2NjYyNTYEdHBjSWQDMTk3MzA-";> Messages in this topic </a> (<span class="bld">1</span>) </span> <a href="http://groups.yahoo.com/group/ydn-javascript/post;_ylc=X3oDMTJyaDBmM3N1BF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRtc2dJZAMxOTczMARzZWMDZnRyBHNsawNycGx5BHN0aW1lAzExOTI2NjYyNTY-?act=reply&messageNum=19730";> <span class="bld"> Reply </span> (via web post) </a> | <a href="http://groups.yahoo.com/group/ydn-javascript/post;_ylc=X3oDMTJmMzNyaWthBF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDZnRyBHNsawNudHBjBHN0aW1lAzExOTI2NjYyNTY-"; class="bld"> Start a new topic </a> </div> <!------- Start Nav Bar ------> <!-- |**|begin egp html banner|**| --> <div id="ygrp-vitnav"> <a href="http://groups.yahoo.com/group/ydn-javascript/messages;_ylc=X3oDMTJmYmVzYjNkBF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDZnRyBHNsawNtc2dzBHN0aW1lAzExOTI2NjYyNTY-";>Messages</a> | <a href="http://groups.yahoo.com/group/ydn-javascript/links;_ylc=X3oDMTJncHJhcWZqBF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDZnRyBHNsawNsaW5rcwRzdGltZQMxMTkyNjY2MjU2";>Links</a> | <a href="http://groups.yahoo.com/group/ydn-javascript/members;_ylc=X3oDMTJmdXBlczNmBF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDZnRyBHNsawNtYnJzBHN0aW1lAzExOTI2NjYyNTY-";>Members</a> </div> <!-- |**|end egp html banner|**| --> <div id="ygrp-grft"> </div> <!-- yahoo logo --> <!-- |**|begin egp html banner|**| --> <div id="ygrp-ft"> <a href="http://groups.yahoo.com/;_ylc=X3oDMTJlczJvZDlxBF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDZnRyBHNsawNnZnAEc3RpbWUDMTE5MjY2NjI1Ng--";> <img src="http://us.i1.yimg.com/us.yimg.com/i/yg/img/logo/ma_grp_160.gif"; height="15" width="106" border="0" alt="Yahoo! Groups"></a> <br> <a href="http://groups.yahoo.com/group/ydn-javascript/join;_ylc=X3oDMTJna2o5azdqBF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDZnRyBHNsawNzdG5ncwRzdGltZQMxMTkyNjY2MjU2";>Change settings via the Web</a> (Yahoo! ID required) <br> Change settings via email: <a href="mailto:ydn-javascript-digest-hHKSG33TihhbjbujkaE4pw@xxxxxxxxxxxxxxxx?subject=Email Delivery: Digest">Switch delivery to Daily Digest</a> | <a href = "mailto:ydn-javascript-traditional-hHKSG33TihhbjbujkaE4pw@xxxxxxxxxxxxxxxx?subject=Change Delivery Format: Traditional">Switch format to Traditional</a> <br> <a href="http://groups.yahoo.com/group/ydn-javascript;_ylc=X3oDMTJldW5pcDFiBF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDZnRyBHNsawNocGYEc3RpbWUDMTE5MjY2NjI1Ng--";> Visit Your Group </a> | <a href="http://docs.yahoo.com/info/terms/";> Yahoo! Groups Terms of Use </a> | <a href="mailto:ydn-javascript-unsubscribe-hHKSG33TihhbjbujkaE4pw@xxxxxxxxxxxxxxxx?subject=";> Unsubscribe </a> </div> <!-- |**|end egp html banner|**| --> </div> <!-- ygrp-msg --> <!-- Sponsor --> <!-- |**|begin egp html banner|**| --> <div id="ygrp-sponsor" style="width:140px;float: left; clear: none; margin-left: 5px; background:white; margin-bottom:25px ;position:absolute; top:0; right: 0;"> <!-- Network content --> <!-- Start vitality --> <div id="ygrp-vital"> <div id="vithd">Recent Activity</div> <ul style="list-style-type:none; padding: 0; margin: 2px 0;"> <li style="clear: both;"> <div class="ct" style="float: right;"><span style="display:none"> </span>108</div> <div class="cat"><a href="http://groups.yahoo.com/group/ydn-javascript/members;_ylc=X3oDMTJnMGlxMWxnBF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDdnRsBHNsawN2bWJycwRzdGltZQMxMTkyNjY2MjU2";>New Members</a></div> </li> <li style="clear: both;"> <div class="ct" style="float: right;"><span style="display:none"> </span>2</div> <div class="cat"><a href="http://groups.yahoo.com/group/ydn-javascript/links;_ylc=X3oDMTJocmRpOG5jBF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDdnRsBHNsawN2bGlua3MEc3RpbWUDMTE5MjY2NjI1Ng--";>New Links</a></div> </li> </ul> <a href="http://groups.yahoo.com/group/ydn-javascript;_ylc=X3oDMTJmMm00Z2RnBF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDdnRsBHNsawN2Z2hwBHN0aW1lAzExOTI2NjYyNTY-";> Visit Your Group </a> </div> <!-- Network content --> <div id="nc"> <div class="ad"> <div id="hd1">Ads on Yahoo!</div> <p><a href="http://us.ard.yahoo.com/SIG=12jflf9tp/M=493064.10729656.11333347.8674578/D=groups/S=1705006942:NC/Y=YAHOO/EXP=1192673456/A=3848643/R=0/SIG=131q47hek/*http://searchmarketing.yahoo.com/arp/srchv2.php?o=US2005&cmp=Yahoo&ctv=Groups4&s=Y&s2=&s3=&b=50";>Learn more now.</a></p> <p>Reach customers</p> <p>searching for you.</p> </div> <div class="ad"> <div id="hd1">Best of Y! Groups</div> <p><a href="http://us.ard.yahoo.com/SIG=12j2apk9i/M=493064.11127061.11695037.8674578/D=groups/S=1705006942:NC/Y=YAHOO/EXP=1192673456/A=4763758/R=0/SIG=11ou7otip/*http://advision.webevents.yahoo.com/bestofyahoogroups/";>Check out the best</a></p> <p>of what Yahoo!</p> <p>Groups has to offer.</p> </div> <div class="ad"> <div id="hd1">Yahoo! Groups</div> <p><a href="http://us.ard.yahoo.com/SIG=12j59ku0t/M=493064.11135489.11710475.8674578/D=groups/S=1705006942:NC/Y=YAHOO/EXP=1192673456/A=4776345/R=0/SIG=11neles1v/*http://advision.webevents.yahoo.com/beautyandfashion/";>Your one stop</a></p> <p>for beauty & fashion</p> <p>tips and advice.</p> </div> </div> </div> <!-- |**|end egp html banner|**| --> <div style="clear:both; color: #FFF; font-size:1px;">.</div> </div> <img src="http://geo.yahoo.com/serv?s=97359714/grpId=16808904/grpspId=1705006942/msgId=19730/stime=1192666256/nc1=3848643/nc2=4763758/nc3=4776345"; width="1" height="1"> <br> <span style="color: white;">__,_._,___</span> <!--~-|**|PrettyHtmlEnd|**|-~--> </body> <!--~-|**|PrettyHtmlStart|**|-~--> <head> <style type="text/css"> <!-- #ygrp-mkp{ border: 1px solid #d8d8d8; font-family: Arial; margin: 14px 0px; padding: 0px 14px; } #ygrp-mkp hr{ border: 1px solid #d8d8d8; } #ygrp-mkp #hd{ color: #628c2a; font-size: 85%; font-weight: bold; line-height: 122%; margin: 10px 0px; } #ygrp-mkp #ads{ margin-bottom: 10px; } #ygrp-mkp .ad{ padding: 0 0; } #ygrp-mkp .ad a{ color: #0000ff; text-decoration: none; } --> </style> </head> <head> <style type="text/css"> <!-- #ygrp-sponsor #ygrp-lc{ font-family: Arial; } #ygrp-sponsor #ygrp-lc #hd{ margin: 10px 0px; font-weight: bold; font-size: 78%; line-height: 122%; } #ygrp-sponsor #ygrp-lc .ad{ margin-bottom: 10px; padding: 0 0; } --> </style> </head> <head> <style type="text/css"> <!-- #ygrp-mlmsg {font-size:13px; font-family: arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;} #ygrp-mlmsg table {font-size:inherit;font:100%;} #ygrp-mlmsg select, input, textarea {font:99% arial,helvetica,clean,sans-serif;} #ygrp-mlmsg pre, code {font:115% monospace;*font-size:100%;} #ygrp-mlmsg * {line-height:1.22em;} #ygrp-text{ font-family: Georgia; } #ygrp-text p{ margin: 0 0 1em 0; } #ygrp-tpmsgs{ font-family: Arial; clear: both; } #ygrp-vitnav{ padding-top: 10px; font-family: Verdana; font-size: 77%; margin: 0; } #ygrp-vitnav a{ padding: 0 1px; } #ygrp-actbar{ clear: both; margin: 25px 0; white-space:nowrap; color: #666; text-align: right; } #ygrp-actbar .left{ float: left; white-space:nowrap; } .bld{font-weight:bold;} #ygrp-grft{ font-family: Verdana; font-size: 77%; padding: 15px 0; } #ygrp-ft{ font-family: verdana; font-size: 77%; border-top: 1px solid #666; padding: 5px 0; } #ygrp-mlmsg #logo{ padding-bottom: 10px; } #ygrp-vital{ background-color: #e0ecee; margin-bottom: 20px; padding: 2px 0 8px 8px; } #ygrp-vital #vithd{ font-size: 77%; font-family: Verdana; font-weight: bold; color: #333; text-transform: uppercase; } #ygrp-vital ul{ padding: 0; margin: 2px 0; } #ygrp-vital ul li{ list-style-type: none; clear: both; border: 1px solid #e0ecee; } #ygrp-vital ul li .ct{ font-weight: bold; color: #ff7900; float: right; width: 2em; text-align:right; padding-right: .5em; } #ygrp-vital ul li .cat{ font-weight: bold; } #ygrp-vital a{ text-decoration: none; } #ygrp-vital a:hover{ text-decoration: underline; } #ygrp-sponsor #hd{ color: #999; font-size: 77%; } #ygrp-sponsor #ov{ padding: 6px 13px; background-color: #e0ecee; margin-bottom: 20px; } #ygrp-sponsor #ov ul{ padding: 0 0 0 8px; margin: 0; } #ygrp-sponsor #ov li{ list-style-type: square; padding: 6px 0; font-size: 77%; } #ygrp-sponsor #ov li a{ text-decoration: none; font-size: 130%; } #ygrp-sponsor #nc{ background-color: #eee; margin-bottom: 20px; padding: 0 8px; } #ygrp-sponsor .ad{ padding: 8px 0; } #ygrp-sponsor .ad #hd1{ font-family: Arial; font-weight: bold; color: #628c2a; font-size: 100%; line-height: 122%; } #ygrp-sponsor .ad a{ text-decoration: none; } #ygrp-sponsor .ad a:hover{ text-decoration: underline; } #ygrp-sponsor .ad p{ margin: 0; } o{font-size: 0; } .MsoNormal{ margin: 0 0 0 0; } #ygrp-text tt{ font-size: 120%; } blockquote{margin: 0 0 0 4px;} .replbq{margin:4} --> </style> </head> <!--~-|**|PrettyHtmlEnd|**|-~--> </html><!--End group email --> --SNhv3NK3mKFe6UveWJhQW4c-AIjMCjTdALVJOZQ-- From the README for Container (2.3.0 changes section):<br> <br> ---<br> <br> For IE 7 (Quirks Mode) and IE 6 (Quirks Mode and Standard Mode) the underlay<br> element is resized in response to a change to a Panel instance's "width" or<br> "height" configuration properties, a change to the browser's font size or<br> the firing of the contentChangedEvent (triggered by use of the "setHeader,"<br> "appendToHeader,<wbr>" "setBody," "appendToBody,<wbr>", "setFooter," or<br> "appendToFooter" methods). <br> <br> ---<br> <br> Regards,<br> Satyen<br> <br> </p> </div> <!--~-|**|PrettyHtmlStart|**|-~--> <span width="1" style="color: white;">__._,_.___</span> <!-- Start the section with Message In topic --> <div id="ygrp-actbar"> <span class="left"> <a href="http://groups.yahoo.com/group/ydn-javascript/message/19836;_ylc=X3oDMTM3YnRmM2E4BF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRtc2dJZAMxOTg1MARzZWMDZnRyBHNsawN2dHBjBHN0aW1lAzExOTMwNzcyODIEdHBjSWQDMTk4MzY-";> Messages in this topic </a> (<span class="bld">0</span>) </span> <a href="http://groups.yahoo.com/group/ydn-javascript/post;_ylc=X3oDMTJyM21hcmkwBF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRtc2dJZAMxOTg1MARzZWMDZnRyBHNsawNycGx5BHN0aW1lAzExOTMwNzcyODI-?act=reply&messageNum=19850";> <span class="bld"> Reply </span> (via web post) </a> | <a href="http://groups.yahoo.com/group/ydn-javascript/post;_ylc=X3oDMTJmdGdwcjhrBF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDZnRyBHNsawNudHBjBHN0aW1lAzExOTMwNzcyODI-"; class="bld"> Start a new topic </a> </div> <!------- Start Nav Bar ------> <!-- |**|begin egp html banner|**| --> <div id="ygrp-vitnav"> <a href="http://groups.yahoo.com/group/ydn-javascript/messages;_ylc=X3oDMTJmNjIwZzBwBF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDZnRyBHNsawNtc2dzBHN0aW1lAzExOTMwNzcyODI-";>Messages</a> | <a href="http://groups.yahoo.com/group/ydn-javascript/links;_ylc=X3oDMTJnaHB0ZnFmBF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDZnRyBHNsawNsaW5rcwRzdGltZQMxMTkzMDc3Mjgy";>Links</a> | <a href="http://groups.yahoo.com/group/ydn-javascript/members;_ylc=X3oDMTJmMnVkYzF2BF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDZnRyBHNsawNtYnJzBHN0aW1lAzExOTMwNzcyODI-";>Members</a> </div> <!-- |**|end egp html banner|**| --> <div id="ygrp-grft"> </div> <!-- yahoo logo --> <!-- |**|begin egp html banner|**| --> <div id="ygrp-ft"> <a href="http://groups.yahoo.com/;_ylc=X3oDMTJlMnJsOGZjBF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDZnRyBHNsawNnZnAEc3RpbWUDMTE5MzA3NzI4Mg--";> <img src="http://us.i1.yimg.com/us.yimg.com/i/yg/img/logo/ma_grp_160.gif"; height="15" width="106" border="0" alt="Yahoo! Groups"></a> <br> <a href="http://groups.yahoo.com/group/ydn-javascript/join;_ylc=X3oDMTJnYWdvbGN1BF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDZnRyBHNsawNzdG5ncwRzdGltZQMxMTkzMDc3Mjgy";>Change settings via the Web</a> (Yahoo! ID required) <br> Change settings via email: <a href="mailto:ydn-javascript-digest-hHKSG33TihhbjbujkaE4pw@xxxxxxxxxxxxxxxx?subject=Email Delivery: Digest">Switch delivery to Daily Digest</a> | <a href = "mailto:ydn-javascript-traditional-hHKSG33TihhbjbujkaE4pw@xxxxxxxxxxxxxxxx?subject=Change Delivery Format: Traditional">Switch format to Traditional</a> <br> <a href="http://groups.yahoo.com/group/ydn-javascript;_ylc=X3oDMTJlb3J2ZDQzBF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDZnRyBHNsawNocGYEc3RpbWUDMTE5MzA3NzI4Mg--";> Visit Your Group </a> | <a href="http://docs.yahoo.com/info/terms/";> Yahoo! Groups Terms of Use </a> | <a href="mailto:ydn-javascript-unsubscribe-hHKSG33TihhbjbujkaE4pw@xxxxxxxxxxxxxxxx?subject=";> Unsubscribe </a> </div> <!-- |**|end egp html banner|**| --> </div> <!-- ygrp-msg --> <!-- Sponsor --> <!-- |**|begin egp html banner|**| --> <div id="ygrp-sponsor" style="width:140px;float: left; clear: none; margin-left: 5px; background:white; margin-bottom:25px ;position:absolute; top:0; right: 0;"> <!-- Network content --> <!-- Start vitality --> <div id="ygrp-vital"> <div id="vithd">Recent Activity</div> <ul style="list-style-type:none; padding: 0; margin: 2px 0;"> <li style="clear: both;"> <div class="ct" style="float: right;"><span style="display:none"> </span>113</div> <div class="cat"><a href="http://groups.yahoo.com/group/ydn-javascript/members;_ylc=X3oDMTJnZ28zbm1vBF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDdnRsBHNsawN2bWJycwRzdGltZQMxMTkzMDc3Mjgy";>New Members</a></div> </li> <li style="clear: both;"> <div class="ct" style="float: right;"><span style="display:none"> </span>3</div> <div class="cat"><a href="http://groups.yahoo.com/group/ydn-javascript/links;_ylc=X3oDMTJoNGEwbXFxBF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDdnRsBHNsawN2bGlua3MEc3RpbWUDMTE5MzA3NzI4Mg--";>New Links</a></div> </li> </ul> <a href="http://groups.yahoo.com/group/ydn-javascript;_ylc=X3oDMTJmMXFpM3ZhBF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDdnRsBHNsawN2Z2hwBHN0aW1lAzExOTMwNzcyODI-";> Visit Your Group </a> </div> <!-- Network content --> <div id="nc"> <div class="ad"> <div id="hd1">Yahoo! Groups</div> <p><a href="http://us.ard.yahoo.com/SIG=12j4q7u6i/M=493064.11135488.11710474.8674578/D=groups/S=1705006942:NC/Y=YAHOO/EXP=1193084483/A=4776364/R=0/SIG=11mj2s6kj/*http://advision.webevents.yahoo.com/green/index.html";>Going Green</a></p> <p>Share your passion</p> <p>for the planet.</p> </div> <div class="ad"> <div id="hd1">Endurance Zone</div> <p><a href="http://us.ard.yahoo.com/SIG=12j9qsef4/M=493064.11135487.11710473.8674578/D=groups/S=1705006942:NC/Y=YAHOO/EXP=1193084483/A=4776371/R=0/SIG=11k023rmb/*http://advision.webevents.yahoo.com/endurancezone/";>on Yahoo! Groups</a></p> <p>Groups about</p> <p>better endurance.</p> </div> <div class="ad"> <div id="hd1">Need traffic?</div> <p><a href="http://us.ard.yahoo.com/SIG=12jgjhke7/M=493064.10729656.11333347.8674578/D=groups/S=1705006942:NC/Y=YAHOO/EXP=1193084483/A=3848644/R=0/SIG=131l83flq/*http://searchmarketing.yahoo.com/arp/srchv2.php?o=US2006&cmp=Yahoo&ctv=Groups5&s=Y&s2=&s3=&b=50";>Drive customers</a></p> <p>With search ads</p> <p>on Yahoo!</p> </div> </div> </div> <!-- |**|end egp html banner|**| --> <div style="clear:both; color: #FFF; font-size:1px;">.</div> </div> <img src="http://geo.yahoo.com/serv?s=97359714/grpId=16808904/grpspId=1705006942/msgId=19850/stime=1193077282/nc1=4776364/nc2=4776371/nc3=3848644"; width="1" height="1"> <br> <span style="color: white;">__,_._,___</span> <!--~-|**|PrettyHtmlEnd|**|-~--> </body> <!--~-|**|PrettyHtmlStart|**|-~--> <head> <style type="text/css"> <!-- #ygrp-mkp{ border: 1px solid #d8d8d8; font-family: Arial; margin: 14px 0px; padding: 0px 14px; } #ygrp-mkp hr{ border: 1px solid #d8d8d8; } #ygrp-mkp #hd{ color: #628c2a; font-size: 85%; font-weight: bold; line-height: 122%; margin: 10px 0px; } #ygrp-mkp #ads{ margin-bottom: 10px; } #ygrp-mkp .ad{ padding: 0 0; } #ygrp-mkp .ad a{ color: #0000ff; text-decoration: none; } --> </style> </head> <head> <style type="text/css"> <!-- #ygrp-sponsor #ygrp-lc{ font-family: Arial; } #ygrp-sponsor #ygrp-lc #hd{ margin: 10px 0px; font-weight: bold; font-size: 78%; line-height: 122%; } #ygrp-sponsor #ygrp-lc .ad{ margin-bottom: 10px; padding: 0 0; } --> </style> </head> <head> <style type="text/css"> <!-- #ygrp-mlmsg {font-size:13px; font-family: arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;} #ygrp-mlmsg table {font-size:inherit;font:100%;} #ygrp-mlmsg select, input, textarea {font:99% arial,helvetica,clean,sans-serif;} #ygrp-mlmsg pre, code {font:115% monospace;*font-size:100%;} #ygrp-mlmsg * {line-height:1.22em;} #ygrp-text{ font-family: Georgia; } #ygrp-text p{ margin: 0 0 1em 0; } #ygrp-tpmsgs{ font-family: Arial; clear: both; } #ygrp-vitnav{ padding-top: 10px; font-family: Verdana; font-size: 77%; margin: 0; } #ygrp-vitnav a{ padding: 0 1px; } #ygrp-actbar{ clear: both; margin: 25px 0; white-space:nowrap; color: #666; text-align: right; } #ygrp-actbar .left{ float: left; white-space:nowrap; } .bld{font-weight:bold;} #ygrp-grft{ font-family: Verdana; font-size: 77%; padding: 15px 0; } #ygrp-ft{ font-family: verdana; font-size: 77%; border-top: 1px solid #666; padding: 5px 0; } #ygrp-mlmsg #logo{ padding-bottom: 10px; } #ygrp-vital{ background-color: #e0ecee; margin-bottom: 20px; padding: 2px 0 8px 8px; } #ygrp-vital #vithd{ font-size: 77%; font-family: Verdana; font-weight: bold; color: #333; text-transform: uppercase; } #ygrp-vital ul{ padding: 0; margin: 2px 0; } #ygrp-vital ul li{ list-style-type: none; clear: both; border: 1px solid #e0ecee; } #ygrp-vital ul li .ct{ font-weight: bold; color: #ff7900; float: right; width: 2em; text-align:right; padding-right: .5em; } #ygrp-vital ul li .cat{ font-weight: bold; } #ygrp-vital a{ text-decoration: none; } #ygrp-vital a:hover{ text-decoration: underline; } #ygrp-sponsor #hd{ color: #999; font-size: 77%; } #ygrp-sponsor #ov{ padding: 6px 13px; background-color: #e0ecee; margin-bottom: 20px; } #ygrp-sponsor #ov ul{ padding: 0 0 0 8px; margin: 0; } #ygrp-sponsor #ov li{ list-style-type: square; padding: 6px 0; font-size: 77%; } #ygrp-sponsor #ov li a{ text-decoration: none; font-size: 130%; } #ygrp-sponsor #nc{ background-color: #eee; margin-bottom: 20px; padding: 0 8px; } #ygrp-sponsor .ad{ padding: 8px 0; } #ygrp-sponsor .ad #hd1{ font-family: Arial; font-weight: bold; color: #628c2a; font-size: 100%; line-height: 122%; } #ygrp-sponsor .ad a{ text-decoration: none; } #ygrp-sponsor .ad a:hover{ text-decoration: underline; } #ygrp-sponsor .ad p{ margin: 0; } o{font-size: 0; } .MsoNormal{ margin: 0 0 0 0; } #ygrp-text tt{ font-size: 120%; } blockquote{margin: 0 0 0 4px;} .replbq{margin:4} --> </style> </head> <!--~-|**|PrettyHtmlEnd|**|-~--> </html><!--End group email --> --J0ys1WFIPmAKUFkdRoXTVqB0dG1fdspXqgJ-Oeb-- From this point on - when i type in the autocomplete - the autocomplete doesn't work any more. With every key I press in it it seems to submit the dialog in the background. By the way - the submission of the whole dialog still keeps working. Anyone an idea, how to make sure the my dialog and the integrated autocomplete are totally independent - concerning their submission? Thanks alot... Greetings from Berlin, Bye,=20 Julian --PTg5XMUf7vMvhh35WmB5qOECiI7HxFp3aQEUUE2 Content-Type: text/html; charset=ISO-8859-1 Content-Transfer-Encoding: 7bit <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd";> <html> <head> </head> <body style="background-color: #ffffff;"> <!--~-|**|PrettyHtmlStartT|**|-~--> <div id="ygrp-mlmsg" style="width:655px; position:relative;"> <div id="ygrp-msg" style="width: 490px; padding: 0 15px 0 0; float:left; z-index:1;"> <!--~-|**|PrettyHtmlEndT|**|-~--> <div id="ygrp-text"> <p>Hej list!<br> I've the following problem (or perhaps) bug, and I cannot fix it...<br> <br> I'm using a dialog with postmethod either async oder form. In this<br> dialog i have several form-elements among other things there is a<br> autocomplete control. It works fine until I submit the dialog once.<br> From this point on - when i type in the autocomplete - the<br> autocomplete doesn't work any more. With every key I press in it it<br> seems to submit the dialog in the background. By the way - the<br> submission of the whole dialog still keeps working.<br> <br> Anyone an idea, how to make sure the my dialog and the integrated<br> autocomplete are totally independent - concerning their submission?<br> <br> Thanks alot...<br> Greetings from Berlin,<br> Bye, <br> Julian<br> <br> </p> </div> <!--~-|**|PrettyHtmlStart|**|-~--> <span width="1" style="color: white;">__._,_.___</span> <!-- Start the section with Message In topic --> <div id="ygrp-actbar"> <span class="left"> <a href="http://groups.yahoo.com/group/ydn-javascript/message/20039;_ylc=X3oDMTM3aWl2OTYzBF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRtc2dJZAMyMDAzOQRzZWMDZnRyBHNsawN2dHBjBHN0aW1lAzExOTMzOTcwMjAEdHBjSWQDMjAwMzk-";> Messages in this topic </a> (<span class="bld">1</span>) </span> <a href="http://groups.yahoo.com/group/ydn-javascript/post;_ylc=X3oDMTJycHZzNmYyBF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRtc2dJZAMyMDAzOQRzZWMDZnRyBHNsawNycGx5BHN0aW1lAzExOTMzOTcwMjA-?act=reply&messageNum=20039";> <span class="bld"> Reply </span> (via web post) </a> | <a href="http://groups.yahoo.com/group/ydn-javascript/post;_ylc=X3oDMTJmMGJxODIyBF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDZnRyBHNsawNudHBjBHN0aW1lAzExOTMzOTcwMjA-"; class="bld"> Start a new topic </a> </div> <!------- Start Nav Bar ------> <!-- |**|begin egp html banner|**| --> <div id="ygrp-vitnav"> <a href="http://groups.yahoo.com/group/ydn-javascript/messages;_ylc=X3oDMTJmZjc4NjFxBF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDZnRyBHNsawNtc2dzBHN0aW1lAzExOTMzOTcwMjA-";>Messages</a> | <a href="http://groups.yahoo.com/group/ydn-javascript/links;_ylc=X3oDMTJnZHZrcGQzBF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDZnRyBHNsawNsaW5rcwRzdGltZQMxMTkzMzk3MDIw";>Links</a> | <a href="http://groups.yahoo.com/group/ydn-javascript/members;_ylc=X3oDMTJmMHRmaDA4BF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDZnRyBHNsawNtYnJzBHN0aW1lAzExOTMzOTcwMjA-";>Members</a> </div> <!-- |**|end egp html banner|**| --> <div id="ygrp-grft"> </div> <!-- yahoo logo --> <!-- |**|begin egp html banner|**| --> <div id="ygrp-ft"> <a href="http://groups.yahoo.com/;_ylc=X3oDMTJlZXZqcWZ1BF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDZnRyBHNsawNnZnAEc3RpbWUDMTE5MzM5NzAyMA--";> <img src="http://us.i1.yimg.com/us.yimg.com/i/yg/img/logo/ma_grp_160.gif"; height="15" width="106" border="0" alt="Yahoo! Groups"></a> <br> <a href="http://groups.yahoo.com/group/ydn-javascript/join;_ylc=X3oDMTJnMHBrZHR0BF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDZnRyBHNsawNzdG5ncwRzdGltZQMxMTkzMzk3MDIw";>Change settings via the Web</a> (Yahoo! ID required) <br> Change settings via email: <a href="mailto:ydn-javascript-digest-hHKSG33TihhbjbujkaE4pw@xxxxxxxxxxxxxxxx?subject=Email Delivery: Digest">Switch delivery to Daily Digest</a> | <a href = "mailto:ydn-javascript-traditional-hHKSG33TihhbjbujkaE4pw@xxxxxxxxxxxxxxxx?subject=Change Delivery Format: Traditional">Switch format to Traditional</a> <br> <a href="http://groups.yahoo.com/group/ydn-javascript;_ylc=X3oDMTJlYmVudnU0BF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDZnRyBHNsawNocGYEc3RpbWUDMTE5MzM5NzAyMA--";> Visit Your Group </a> | <a href="http://docs.yahoo.com/info/terms/";> Yahoo! Groups Terms of Use </a> | <a href="mailto:ydn-javascript-unsubscribe-hHKSG33TihhbjbujkaE4pw@xxxxxxxxxxxxxxxx?subject=";> Unsubscribe </a> </div> <!-- |**|end egp html banner|**| --> </div> <!-- ygrp-msg --> <!-- Sponsor --> <!-- |**|begin egp html banner|**| --> <div id="ygrp-sponsor" style="width:140px;float: left; clear: none; margin-left: 5px; background:white; margin-bottom:25px ;position:absolute; top:0; right: 0;"> <!-- Network content --> <!-- Start vitality --> <div id="ygrp-vital"> <div id="vithd">Recent Activity</div> <ul style="list-style-type:none; padding: 0; margin: 2px 0;"> <li style="clear: both;"> <div class="ct" style="float: right;"><span style="display:none"> </span>98</div> <div class="cat"><a href="http://groups.yahoo.com/group/ydn-javascript/members;_ylc=X3oDMTJnaGdkc3VlBF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDdnRsBHNsawN2bWJycwRzdGltZQMxMTkzMzk3MDIw";>New Members</a></div> </li> <li style="clear: both;"> <div class="ct" style="float: right;"><span style="display:none"> </span>1</div> <div class="cat"><a href="http://groups.yahoo.com/group/ydn-javascript/links;_ylc=X3oDMTJoMTZpMG1mBF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDdnRsBHNsawN2bGlua3MEc3RpbWUDMTE5MzM5NzAyMA--";>New Links</a></div> </li> </ul> <a href="http://groups.yahoo.com/group/ydn-javascript;_ylc=X3oDMTJmc2RjajRpBF9TAzk3MzU5NzE0BGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0MgRzZWMDdnRsBHNsawN2Z2hwBHN0aW1lAzExOTMzOTcwMjA-";> Visit Your Group </a> </div> <!-- Network content --> <div id="nc"> <div class="ad"> <div id="hd1">Need traffic?</div> <p><a href="http://us.ard.yahoo.com/SIG=12j6ht0lh/M=493064.10729656.11333347.8674578/D=groups/S=1705006942:NC/Y=YAHOO/EXP=1193404220/A=3848644/R=0/SIG=131l83flq/*http://searchmarketing.yahoo.com/arp/srchv2.php?o=US2006&cmp=Yahoo&ctv=Groups5&s=Y&s2=&s3=&b=50";>Drive customers</a></p> <p>With search ads</p> <p>on Yahoo!</p> </div> <div class="ad"> <div id="hd1">Best of Y! Groups</div> <p><a href="http://us.ard.yahoo.com/SIG=12j6s8pt1/M=493064.11127061.11695037.8674578/D=groups/S=1705006942:NC/Y=YAHOO/EXP=1193404220/A=4763759/R=0/SIG=11ou7otip/*http://advision.webevents.yahoo.com/bestofyahoogroups/";>Check it out</a></p> <p>and nominate your</p> <p>group to be featured.</p> </div> <div class="ad"> <div id="hd1">Curves on Yahoo!</div> <p><a href="http://us.ard.yahoo.com/SIG=12kv28i31/M=493064.11674772.12153082.11322765/D=groups/S=1705006942:NC/Y=YAHOO/EXP=1193404220/A=4990220/R=0/SIG=11odsb6gn/*http://new.groups.yahoo.com/Women_Of_Curves_Everywhere";>Share & discuss</a></p> <p>Curves, fitness</p> <p>and weight loss.</p> </div> </div> </div> <!-- |**|end egp html banner|**| --> <div style="clear:both; color: #FFF; font-size:1px;">.</div> </div> <img src="http://geo.yahoo.com/serv?s=97359714/grpId=16808904/grpspId=1705006942/msgId=20039/stime=1193397020/nc1=3848644/nc2=4763759/nc3=4990220"; width="1" height="1"> <br> <span style="color: white;">__,_._,___</span> <!--~-|**|PrettyHtmlEnd|**|-~--> </body> <!--~-|**|PrettyHtmlStart|**|-~--> <head> <style type="text/css"> <!-- #ygrp-mkp{ border: 1px solid #d8d8d8; font-family: Arial; margin: 14px 0px; padding: 0px 14px; } #ygrp-mkp hr{ border: 1px solid #d8d8d8; } #ygrp-mkp #hd{ color: #628c2a; font-size: 85%; font-weight: bold; line-height: 122%; margin: 10px 0px; } #ygrp-mkp #ads{ margin-bottom: 10px; } #ygrp-mkp .ad{ padding: 0 0; } #ygrp-mkp .ad a{ color: #0000ff; text-decoration: none; } --> </style> </head> <head> <style type="text/css"> <!-- #ygrp-sponsor #ygrp-lc{ font-family: Arial; } #ygrp-sponsor #ygrp-lc #hd{ margin: 10px 0px; font-weight: bold; font-size: 78%; line-height: 122%; } #ygrp-sponsor #ygrp-lc .ad{ margin-bottom: 10px; padding: 0 0; } --> </style> </head> <head> <style type="text/css"> <!-- #ygrp-mlmsg {font-size:13px; font-family: arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;} #ygrp-mlmsg table {font-size:inherit;font:100%;} #ygrp-mlmsg select, input, textarea {font:99% arial,helvetica,clean,sans-serif;} #ygrp-mlmsg pre, code {font:115% monospace;*font-size:100%;} #ygrp-mlmsg * {line-height:1.22em;} #ygrp-text{ font-family: Georgia; } #ygrp-text p{ margin: 0 0 1em 0; } #ygrp-tpmsgs{ font-family: Arial; clear: both; } #ygrp-vitnav{ padding-top: 10px; font-family: Verdana; font-size: 77%; margin: 0; } #ygrp-vitnav a{ padding: 0 1px; } #ygrp-actbar{ clear: both; margin: 25px 0; white-space:nowrap; color: #666; text-align: right; } #ygrp-actbar .left{ float: left; white-space:nowrap; } .bld{font-weight:bold;} #ygrp-grft{ font-family: Verdana; font-size: 77%; padding: 15px 0; } #ygrp-ft{ font-family: verdana; font-size: 77%; border-top: 1px solid #666; padding: 5px 0; } #ygrp-mlmsg #logo{ padding-bottom: 10px; } #ygrp-vital{ background-color: #e0ecee; margin-bottom: 20px; padding: 2px 0 8px 8px; } #ygrp-vital #vithd{ font-size: 77%; font-family: Verdana; font-weight: bold; color: #333; text-transform: uppercase; } #ygrp-vital ul{ padding: 0; margin: 2px 0; } #ygrp-vital ul li{ list-style-type: none; clear: both; border: 1px solid #e0ecee; } #ygrp-vital ul li .ct{ font-weight: bold; color: #ff7900; float: right; width: 2em; text-align:right; padding-right: .5em; } #ygrp-vital ul li .cat{ font-weight: bold; } #ygrp-vital a{ text-decoration: none; } #ygrp-vital a:hover{ text-decoration: underline; } #ygrp-sponsor #hd{ color: #999; font-size: 77%; } #ygrp-sponsor #ov{ padding: 6px 13px; background-color: #e0ecee; margin-bottom: 20px; } #ygrp-sponsor #ov ul{ padding: 0 0 0 8px; margin: 0; } #ygrp-sponsor #ov li{ list-style-type: square; padding: 6px 0; font-size: 77%; } #ygrp-sponsor #ov li a{ text-decoration: none; font-size: 130%; } #ygrp-sponsor #nc{ background-color: #eee; margin-bottom: 20px; padding: 0 8px; } #ygrp-sponsor .ad{ padding: 8px 0; } #ygrp-sponsor .ad #hd1{ font-family: Arial; font-weight: bold; color: #628c2a; font-size: 100%; line-height: 122%; } #ygrp-sponsor .ad a{ text-decoration: none; } #ygrp-sponsor .ad a:hover{ text-decoration: underline; } #ygrp-sponsor .ad p{ margin: 0; } o{font-size: 0; } .MsoNormal{ margin: 0 0 0 0; } #ygrp-text tt{ font-size: 120%; } blockquote{margin: 0 0 0 4px;} .replbq{margin:4} --> </style> </head> <!--~-|**|PrettyHtmlEnd|**|-~--> </html><!--End group email --> --PTg5XMUf7vMvhh35WmB5qOECiI7HxFp3aQEUUE2-- From the DataTable, something like this would work: =20 var allData =3D []; var recordSet =3D myDataTable. getRecordSet( ); var=20 recSetLen =3D recordSet.getLength (); for (var index =3D 0;index <=20 recSetLen;index+ +) { var record =3D=20 recordSet.getRecord (index); =20=20=20=20 allData.push( record.getData( )); } =20 allData, then, would contain an array with all the=20 data inside the DataTable. In your case, instead of pushing it into an=20 array you might as well concatenate it into a string in CSV format or=20 document.writing it. =20 You may also skip the DataTable by creating a=20 DataSource and then calling the sendRequest method providing it with a call= back=20 that turns it into CSV. =20 Satyam =20 ----- Original Message -----=20 From:=20 Vishal=20 Patel=20 To: ydn-javascript@ yahoogroups. com=20 =20=20 Sent: Thursday, December 20, 2007 5:51=20 AM Subject: Re: [ydn-javascript] export=20 datasource data =20=20 hi=20 satyam, thanks for your advice but i am already aware of it. what i=20 intend to do is that if it possible to "document.write" the contents of=20 datasource to say another window through javascript. then the user can sa= ve=20 that data as somefile.xml and use it.. basically i need a way export=20 datasource data into different format to any javascript variable.=20 =20=20 thanking you vishal ---=20 Original Message ---- From:=20 Satyam <satyam@satyam. com.ar> To:=20 ydn-javascript@ yahoogroups. com Sent: Wednesday, 19 December, 2007 5:55:47=20 PM Subject: Re: [ydn-javascript] export datasource data =20=20 =EF=BB=BF=20 Scripts running on a browser have no access to=20 the file system of the client machine so they cannot write anything into = that=20 machine. YUI cannot violate this limitation since it is built in the=20 browser where it runs. You would have to do that on the server and=20 provide the client with a regular download link pointing to the server th= at=20 provides the CSV text, and you have to make sure you indicate the proper= =20 content-type in the headers, otherwise it will simply be shown in the=20 browser. =20=20=20 Satyam =20=20=20 =20=20 -----=20 Original Message -----=20 From:=20 Vishal=20 Patel=20 To:=20 ydn-javascript=20 yahoogroup=20 Sent:=20 Wednesday, December 19, 2007 11:41 AM Subject:=20 [ydn-javascript] export datasource data =20=20=20=20 hi, i=20 am new to yui. have used Datasource and datatable for displaying some=20 data. i wanted to know if is there any way in which i can export the data=20 in datasource to some csv, xml file on the client side itself.. one other=20 feature that would be helpful if i can export datasource data in csv an= d=20 make it download thing. thanks vishal =20=20=20=20=20 =20=20=20=20 Get the freedom to save as many mails as you wish. Click here to know h= ow.=20 =20=20=20=20 =20=20=20=20 No virus found in this incoming message. Checked by AVG Free=20 Edition.=20 Version: 7.5.503 / Virus Database: 269.17.4/1189 - Release=20 Date: 18/12/2007 21:40 =20=20 Now you can chat without downloading messenger. Click=20 here to know how.=20=20 =20=20 =20=20 =20=20 No virus found in this incoming message. Checked by AVG Free=20 Edition.=20 Version: 7.5.503 / Virus Database: 269.17.4/1189 - Release Date:=20 18/12/2007 21:40 =20=20=20=20 =20=20 =20=20=20=20 =20=20=20=20 <!-- #ygrp-mkp{ border:1px solid #d8d8d8;font-family:Arial;margin:14px 0px;padding:0px 14px= ;} #ygrp-mkp hr{ border:1px solid #d8d8d8;} #ygrp-mkp #hd{ color:#628c2a;font-size:85%;font-weight:bold;line-height:122%;margin:10px 0= px;} #ygrp-mkp #ads{ margin-bottom:10px;} #ygrp-mkp .ad{ padding:0 0;} #ygrp-mkp .ad a{ color:#0000ff;text-decoration:none;} --> <!-- #ygrp-sponsor #ygrp-lc{ font-family:Arial;} #ygrp-sponsor #ygrp-lc #hd{ margin:10px 0px;font-weight:bold;font-size:78%;line-height:122%;} #ygrp-sponsor #ygrp-lc .ad{ margin-bottom:10px;padding:0 0;} --> <!-- #ygrp-mlmsg {font-size:13px;font-family:arial, helvetica, clean, sans-serif= ;} #ygrp-mlmsg table {font-size:inherit;font:100%;} #ygrp-mlmsg select, input, textarea {font:99% arial, helvetica, clean, sans= -serif;} #ygrp-mlmsg pre, code {font:115% monospace;} #ygrp-mlmsg * {line-height:1.22em;} #ygrp-text{ font-family:Georgia; } #ygrp-text p{ margin:0 0 1em 0;} #ygrp-tpmsgs{ font-family:Arial; clear:both;} #ygrp-vitnav{ padding-top:10px;font-family:Verdana;font-size:77%;margin:0;} #ygrp-vitnav a{ padding:0 1px;} #ygrp-actbar{ clear:both;margin:25px 0;white-space:nowrap;color:#666;text-align:right;} #ygrp-actbar .left{ float:left;white-space:nowrap;} .bld{font-weight:bold;} #ygrp-grft{ font-family:Verdana;font-size:77%;padding:15px 0;} #ygrp-ft{ font-family:verdana;font-size:77%;border-top:1px solid #666; padding:5px 0; } #ygrp-mlmsg #logo{ padding-bottom:10px;} #ygrp-vital{ background-color:#e0ecee;margin-bottom:20px;padding:2px 0 8px 8px;} #ygrp-vital #vithd{ font-size:77%;font-family:Verdana;font-weight:bold;color:#333;text-transfor= m:uppercase;} #ygrp-vital ul{ padding:0;margin:2px 0;} #ygrp-vital ul li{ list-style-type:none;clear:both;border:1px solid #e0ecee; } #ygrp-vital ul li .ct{ font-weight:bold;color:#ff7900;float:right;width:2em;text-align:right;paddi= ng-right:.5em;} #ygrp-vital ul li .cat{ font-weight:bold;} #ygrp-vital a{ text-decoration:none;} #ygrp-vital a:hover{ text-decoration:underline;} #ygrp-sponsor #hd{ color:#999;font-size:77%;} #ygrp-sponsor #ov{ padding:6px 13px;background-color:#e0ecee;margin-bottom:20px;} #ygrp-sponsor #ov ul{ padding:0 0 0 8px;margin:0;} #ygrp-sponsor #ov li{ list-style-type:square;padding:6px 0;font-size:77%;} #ygrp-sponsor #ov li a{ text-decoration:none;font-size:130%;} #ygrp-sponsor #nc{ background-color:#eee;margin-bottom:20px;padding:0 8px;} #ygrp-sponsor .ad{ padding:8px 0;} #ygrp-sponsor .ad #hd1{ font-family:Arial;font-weight:bold;color:#628c2a;font-size:100%;line-height= :122%;} #ygrp-sponsor .ad a{ text-decoration:none;} #ygrp-sponsor .ad a:hover{ text-decoration:underline;} #ygrp-sponsor .ad p{ margin:0;} o{font-size:0;} .MsoNormal{ margin:0 0 0 0;} #ygrp-text tt{ font-size:120%;} blockquote{margin:0 0 0 4px;} .replbq{margin:4;} --> Save all your chat conversations. Find them online at http://in.messe= nger.yahoo.com/webmessengerpromo.php --0-1068522148-1198131613=:67127 Content-Type: text/html; charset=UTF-8 Content-Transfer-Encoding: quoted-printable <html><head><style type=3D"text/css"><!-- DIV {margin:0px;} --></style></he= ad><body> <div style=3D"font-family:times new roman,new york,times,serif;font-size:10= pt">thanks satyam,<br>going through the datatable is fine. as already have = data table.<br>will implment to export it as xml. <br>a great thanks to you= .. :)<br><br><div>regards, </div>------------<br>vishal patel<br><br><= div style=3D"font-family: times new roman,new york,times,serif; font-size: = 10pt;"><br><br><div style=3D"border-left: 2px solid rgb(16, 16, 255); margi= n: 5px 0px 5px 5px; padding-left: 5px; font-family: times new roman,new yor= k,times,serif; font-size: 12pt;">----- Original Message ----<br>From: Satya= m <satyam-g8/oGRKdPJNOxF6Tv1QG9Q@xxxxxxxxxxxxxxxx><br>To: ydn-javascript-hHKSG33TihhbjbujkaE4pw@xxxxxxxxxxxxxxxx<br>Sen= t: Thursday, 20 December, 2007 11:11:24 AM<br>Subject: Re: [ydn-javascript]= export datasource data<br><br> <div id=3D"ygrp-text"> <p>=EF=BB=BF </p><div><font face=3D"Arial" size=3D"2">Hi Vishal</font></div> <div><font face=3D"Arial" size=3D"2"></font> </div> <div><font face=3D"Arial" size=3D"2">The Data Source doesn't hold any copy = of the data=20 once it has returned it (via callback) to the component that requested it.&= nbsp;=20 From the DataTable, something like this would work:</font></div> <div><font face=3D"Arial" size=3D"2"></font> </div> <div>var allData =3D [];<br>var recordSet =3D myDataTable. getRecordSet( );= <br>var=20 recSetLen =3D recordSet.getLength ();<br>for (var index =3D 0;index <=20 recSetLen;index+ +) {<br> var record =3D=20 recordSet.getRecord (index);<br> =20 allData.push( record.getData( ));<br>}</div> <div> </div> <div><font face=3D"Arial" size=3D"2">allData, then, would contain an array = with all the=20 data inside the DataTable. In your case, instead of pushing it into a= n=20 array you might as well concatenate it into a string in CSV format or=20 document.writing it.</font></div> <div><font face=3D"Arial" size=3D"2"></font> </div> <div><font face=3D"Arial" size=3D"2">You may also skip the DataTable by cre= ating a=20 DataSource and then calling the sendRequest method providing it with a call= back=20 that turns it into CSV.</font></div> <div><font face=3D"Arial" size=3D"2"></font> </div> <div><font face=3D"Arial" size=3D"2">Satyam</font></div> <div><font face=3D"Arial" size=3D"2"></font> </div> <blockquote style=3D"border-left: 2px solid rgb(0, 0, 0);"> <div style=3D"font-family: arial; font-style: normal; font-variant: norma= l; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adj= ust: none; font-stretch: normal;">----- Original Message ----- </div> <div style=3D"background: rgb(228, 228, 228) none repeat scroll 0%; -moz-= background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-b= ackground-inline-policy: -moz-initial; font-family: arial; font-style: norm= al; font-variant: normal; font-weight: normal; font-size: 10pt; line-height= : normal; font-size-adjust: none; font-stretch: normal;"><b>From:</b>=20 <a rel=3D"nofollow" title=3D"vishal21884-/E1597aS9LQAvxtiuMwx3w@xxxxxxxxxxxxxxxx" ymailto=3D"mailto:vis= hal21884-/E1597aS9LQAvxtiuMwx3w@xxxxxxxxxxxxxxxx" target=3D"_blank" href=3D"mailto:vishal21884-/E1597aS9LQAvxtiuMwx3w@xxxxxxxxxxxxxxxx"= >Vishal=20 Patel</a> </div> <div style=3D"font-family: arial; font-style: normal; font-variant: norma= l; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adj= ust: none; font-stretch: normal;"><b>To:</b> <a rel=3D"nofollow" title=3D"y= dn-javascript-hHKSG33TihhbjbujkaE4pw@xxxxxxxxxxxxxxxx" ymailto=3D"mailto:ydn-javascript@yahoogroups= .com" target=3D"_blank" href=3D"mailto:ydn-javascript-hHKSG33TihhbjbujkaE4pw@xxxxxxxxxxxxxxxx";>ydn-= javascript@ yahoogroups. com</a>=20 </div> <div style=3D"font-family: arial; font-style: normal; font-variant: norma= l; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adj= ust: none; font-stretch: normal;"><b>Sent:</b> Thursday, December 20, 2007 = 5:51=20 AM</div> <div style=3D"font-family: arial; font-style: normal; font-variant: norma= l; font-weight: normal; font-size: 10pt; line-height: normal; font-size-adj= ust: none; font-stretch: normal;"><b>Subject:</b> Re: [ydn-javascript] expo= rt=20 datasource data</div> <div><br></div> <div style=3D"font-size: 10pt; font-family: times new roman,new york,time= s,serif;">hi=20 satyam,<br><br>thanks for your advice but i am already aware of it. what = i=20 intend to do is that if it possible to "document.write" the contents of=20 datasource to say another window through javascript. then the user can sa= ve=20 that data as somefile.xml and use it..<br>basically i need a way export=20 datasource data into different format to any javascript variable.=20 <br><br>thanking you<br> <div style=3D"font-size: 10pt; font-family: times new roman,new york,time= s,serif;"> vishal<br>---=20 Original Message ----<br> <div style=3D"border-left: 2px solid rgb(16, 16, 255); font-size: 12pt; f= ont-family: times new roman,new york,times,serif;">From:=20 Satyam <satyam@satyam. com.ar><br>To:=20 ydn-javascript@ yahoogroups. com<br>Sent: Wednesday, 19 December, 2007 5:= 55:47=20 PM<br>Subject: Re: [ydn-javascript] export datasource data<br><br> <div id=3D"ygrp-text"> <p>=EF=BB=BF </p> <div><font face=3D"Arial" size=3D"2">Scripts running on a browser have no= access to=20 the file system of the client machine so they cannot write anything into = that=20 machine. YUI cannot violate this limitation since it is built in th= e=20 browser where it runs. You would have to do that on the server and= =20 provide the client with a regular download link pointing to the server th= at=20 provides the CSV text, and you have to make sure you indicate the proper= =20 content-type in the headers, otherwise it will simply be shown in the=20 browser.</font></div> <div><font face=3D"Arial" size=3D"2"></font> </div> <div><font face=3D"Arial" size=3D"2">Satyam</font></div> <div><font face=3D"Arial" size=3D"2"></font> </div> <blockquote style=3D"border-left: 2px solid rgb(0, 0, 0);"> <div style=3D"font-family: arial; font-style: normal; font-variant: nor= mal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-a= djust: none; font-stretch: normal;">-----=20 Original Message ----- </div> <div style=3D"font-family: arial; font-style: normal; font-variant: nor= mal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-a= djust: none; font-stretch: normal;"><b>From:</b>=20 <a rel=3D"nofollow" title=3D"vishal21884-/E1597aS9LQAvxtiuMwx3w@xxxxxxxxxxxxxxxx" ymailto=3D"mailto:v= ishal21884-/E1597aS9LQAvxtiuMwx3w@xxxxxxxxxxxxxxxx" target=3D"_blank" href=3D"mailto:vishal21884-/E1597aS9LQ@xxxxxxxxxxxxxxxx= m">Vishal=20 Patel</a> </div> <div style=3D"font-family: arial; font-style: normal; font-variant: nor= mal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-a= djust: none; font-stretch: normal;"><b>To:</b>=20 <a rel=3D"nofollow" title=3D"ydn-javascript-hHKSG33TihhbjbujkaE4pw@xxxxxxxxxxxxxxxx" ymailto=3D= "mailto:ydn-javascript-hHKSG33TihhbjbujkaE4pw@xxxxxxxxxxxxxxxx"; target=3D"_blank" href=3D"mailto:yd= n-javascript-hHKSG33TihhbjbujkaE4pw@xxxxxxxxxxxxxxxx">ydn-javascript=20 yahoogroup</a> </div> <div style=3D"font-family: arial; font-style: normal; font-variant: nor= mal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-a= djust: none; font-stretch: normal;"><b>Sent:</b>=20 Wednesday, December 19, 2007 11:41 AM</div> <div style=3D"font-family: arial; font-style: normal; font-variant: nor= mal; font-weight: normal; font-size: 10pt; line-height: normal; font-size-a= djust: none; font-stretch: normal;"><b>Subject:</b>=20 [ydn-javascript] export datasource data</div> <div><br></div> <div style=3D"font-size: 10pt; font-family: times new roman,new york,ti= mes,serif;">hi,<br>i=20 am new to yui.<br>have used Datasource and datatable for displaying som= e=20 data.<br>i wanted to know if is there any way in which i can export the= data=20 in datasource to some csv, xml file on the client side itself..<br>one = other=20 feature that would be helpful if i can export datasource data in csv an= d=20 make it download thing.<br><br>thanks<br>vishal<br> <div> </div><br></div><br> <hr size=3D"1"> Get the freedom to save as many mails as you wish. <a rel=3D"nofollow" = target=3D"_blank" href=3D"http://in.rd.yahoo.com/tagline_mail_5/*http://hel= p.yahoo.com/l/in/yahoo/mail/yahoomail/tools/tools-08.html/">Click here to k= now how.</a> <span style=3D"color: white;"></span> <p></p><span style=3D"border-top: 1px solid rgb(128, 128, 128); border-= bottom: 1px solid rgb(212, 208, 200); height: 2px; background-color: black;= "></span> <p></p>No virus found in this incoming message.<br>Checked by AVG Free= =20 Edition. <br>Version: 7.5.503 / Virus Database: 269.17.4/1189 - Release= =20 Date: 18/12/2007 21:40<br></blockquote></div></div><br></div></div><br> <hr size=3D"1"> Now you can chat without downloading messenger. <a rel=3D"nofollow" targe= t=3D"_blank" href=3D"http://in.rd.yahoo.com/tagline_webmessenger_5/*http://= in.messenger.yahoo.com/webmessengerpromo.php">Click=20 here</a> to know how. <span style=3D"color: white;"></span>=20 <p> </p><SPAN style=3D"width:100%;height:2px;border-bottom:1px solid rgb(212,= 208,200); border-top:1px solid rgb(128,128,128);background-color:black;over= flow:hidden; margin:8px 0px;"></SPAN> <p></p>No virus found in this incoming message.<br>Checked by AVG Free=20 Edition. <br>Version: 7.5.503 / Virus Database: 269.17.4/1189 - Release D= ate:=20 18/12/2007 21:40<br></blockquote> </div>=20=20 </div><br></div></div><br> <!--1--><hr size=3D1></hr> Why delete messages? Unlimited storage is = <a href=3D"http://in.rd.yahoo.com/tagline_mail_1/*http://help.yahoo.com/l/i= n/yahoo/mail/yahoomail/tools/tools-08.html/">just a click away.</a> <span width=3D"1" style=3D"color: white;"/>__._,_.___</span> =20=20=20=20 <!-- |**|begin egp html banner|**| --> <br> <div style=3D"font-family: verdana; font-size: 77%; border-top: 1px s= olid #666; padding: 5px 0;" > Your email settings: Individual Email|Traditional <br> <a href=3D"http://groups.yahoo.com/group/ydn-javascript/join;_ylc=3DX= 3oDMTJnN2c1dmhsBF9TAzk3NDc2NTkwBGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0= MgRzZWMDZnRyBHNsawNzdG5ncwRzdGltZQMxMTk4MTMxNjE2">Change settings via the W= eb</a> (Yahoo! ID required) <br> Change settings via email: <a href=3D"mailto:ydn-javascript-digest@ya= hoogroups.com?subject=3DEmail Delivery: Digest">Switch delivery to Daily Di= gest</a> | <a href =3D "mailto:ydn-javascript-fullfeatured-hHKSG33TihhbjbujkaE4pw@xxxxxxxxxxxxxxxx?= subject=3DChange Delivery Format: Fully Featured">Switch to Fully Featured<= /a> <br> <a href=3D"http://groups.yahoo.com/group/ydn-javascript;_ylc=3DX= 3oDMTJlOGFrb2pvBF9TAzk3NDc2NTkwBGdycElkAzE2ODA4OTA0BGdycHNwSWQDMTcwNTAwNjk0= MgRzZWMDZnRyBHNsawNocGYEc3RpbWUDMTE5ODEzMTYxNg--"> Visit Your Group=20 </a> | <a href=3D"http://docs.yahoo.com/info/terms/";> Yahoo! Groups Terms of Use </a> | <a href=3D"mailto:ydn-javascript-unsubscribe-hHKSG33TihhbjbujkaE4pw@xxxxxxxxxxxxxxxx?subject= =3DUnsubscribe"> Unsubscribe=20 </a>=20 <br> </div> <br> <!-- |**|end egp html banner|**| --> <span style=3D"color: white;"/>__,_._,___</span> </body></html> --0-1068522148-1198131613=:67127--
|
|
| <Prev in Thread] | Current Thread | [Next in Thread> |
|---|---|---|
|
|
| News | FAQ | advertise |
![http://us.i1.yimg.com/us.yimg.com/i/yg/img/logo/ma_grp_160.gif"](http://us.i1.yimg.com/us.yimg.com/i/yg/img/logo/ma_grp_160.gif"){kind=link}