Hi Guys,

Do anybody notice in the new beta version of yahoo mail, when we click
on the attach button (which clearly is not a standard HTML file
control), it opens up the File Upload dialog?  How they achieve this?
  I achieve it in IE using FileControl.click() but do not able to
achieve it  in Mozilla.  Even Gmail doesn't able to achieve this!

Thanks in advance for any help or hints.  :)

(preface this e-mail with a general statement: my javascript
knowledge is extremely low)

Using YUI Ext .33 to build up an application interface along with
the Yahoo 11.4 libraries.

Looking at the example (number 6 on Jack's article "cross browser
web-20 layouts part 2 ajax-feed-viewer-20") he has declared the
Example function (? is there a name for this type declaration ?) in
a way which i assume is meant to be used as a singleton object.
Namely, that only one instance of Example should be defined.  Is
that what happens with the return statement immediately pushing all
functions (like init) and the internal variables are private?  Or?

Why not just define Example like YAHOO.ext.EventManager which is set
to a new function?

Realise my questions are disjointed and unclear but it is extremely
difficult from a Java/C++ world to understand Javasript design
patterns.  Any links/help matieral online with design patterns?

hi,

i am using the resize panel and would like to know how i can enable it
to be minimized and maximised.
i have also set both the width and height on the panels when they are
initialized to '30em' each.
i have managed to close the panels following the other panel examples.
but can't seem to be able to minimise them.

Think I got my answers by reading the following article:
http://www.digital-web.com/articles/objectifying_javascript/

And I think a layout constructor for my uses ought to be built up just
like the YAHOO.ext.EventManager (singelton by calling new on an
anonymous function) and if i want private variables then the
constructor way be returned.

i put 3 autocomplete boxes vertically, now when the suggestion box
popups it fell behind another autocomplete box, although i ve also set
the useIFrame to true, any ideas.....

-----Original Message-----
From: ydn-javascript@yahoogroups.com [mailto:ydn-javascript@yahoogroups.com]On Behalf Of Syed Murtaza Hussain Rizvi
Sent: 01 November 2006 3:02 PM
To: ydn-javascript@yahoogroups.com
Subject: [ydn-javascript] Problem regarding overlapping...

i put 3 autocomplete boxes vertically, now when the suggestion box
popups it fell behind another autocomplete box, although i ve also set
the useIFrame to true, any ideas.....

Can u be more specific please... i m not very good at HTML...

--- In ydn-javascript@yahoogroups.com, "Loubser Francois"
<floubser@...> wrote:
>
> I'm a noob, but my guess would be that you could try and fix this
by using the z-index of the CSS.
>
>
> -----Original Message-----
> From: ydn-javascript@yahoogroups.com [mailto:ydn-
javascript@yahoogroups.com]On Behalf Of Syed Murtaza Hussain Rizvi
> Sent: 01 November 2006 3:02 PM
> To: ydn-javascript@yahoogroups.com
> Subject: [ydn-javascript] Problem regarding overlapping...
>
>
>
> i put 3 autocomplete boxes vertically, now when the suggestion box
> popups it fell behind another autocomplete box, although i ve also
set
> the useIFrame to true, any ideas.....
>
>
>
>
>
>
>
>
> -----------------------------------------
> Please click on the following link to read the
> Old Mutual legal notice:
> <http://www.oldmutual.co.za/e-mail_legal_notice>
> Alternatively, send a "blank" e-mail to
> <mailto:EmailLegalNotice@...>
>

I still need help with that problem. Can anybody help me, please!?

Feli


--- In ydn-javascript@yahoogroups.com, "Louela Mae" <daisy_jean21@...>
wrote:

--- In ydn-javascript@yahoogroups.com, "serbowka2" <serbowka@>
wrote:
>
> Hi,
>
> did anyone looked at this? I donīt know if the described problem is
> only a bug in my code or a general problem.
> Thanx for any help!!
>
> Feli
>
>
> --- In ydn-javascript@yahoogroups.com, "serbowka2" <serbowka@>
wrote:
> >
> > Hi @ all,
> >
> > I have a treeview with different links where each opens a panel
with
> > an iframe inside (different data). I wondered, why the data is
not
> > visible in IE while in FF everything is okay. After I move with
the
> > mouse to the panel body in IE and refresh it with the mouse
submenu
> > the content is showing... very strange thing!!
> >
> > I reduce the code to the main problem - try it out! According to
the
> > treeview link I inserted a simple textlink which calls the same
> > function. Everything is okay there.
> >
> > Did anyone has an idea, why that happens??
> >
> > Thanx for your tips.
> > Feli
> >
> > P.S.: createNewsfeed.php opens a proxy (which calls the url) and
> > handles the XML output for my website.
> >
> >
> >
> > <script type="text/javascript">
> >
> > var tree;
> >
> > function treeInit() {
> >  tree = new YAHOO.widget.TreeView("test");
> >  var root = tree.getRoot();
> >  var feedNode = new YAHOO.widget.TextNode({label:"Create a
Panel from
> > treeNode",
newsURL:"http://focus.msn.de/fol/XML/rss_folnews.xml"},
> > root, false);
> >
> >  tree.draw();
> > }
> >
> > YAHOO.widget.TextNode.prototype.onLabelClick = function (id){
> > 	 createPanel(id.data.newsURL);
> > }
> >
> > function createPanel(url){
> >  var myPanel = new YAHOO.widget.Panel("myPanel",
{visible:true, x:400,
> > y:250, width:"35em", height:"300px", constraintoviewport:true});
> >  myPanel.setBody("");
> >  myPanel.body.style.height = "270px";
> >  myPanel.body.style.overflow = "auto";
> >  myPanel.setHeader("Newsfeed");
> >  myPanel.setBody('<iframe src="createNewsfeed.php?'+url+'"
> > style="width:100%; height:100%" frameborder="0"></iframe>');
> >  myPanel.setFooter("");
> >  myPanel.render(document.body);
> > }
> >
> > YAHOO.util.Event.addListener(window, "load", treeInit);
> >
> > </script>
> > <body>
> >  <div id="test" ></div>
> >  <div
> >
> onclick="createPanel
('http://focus.msn.de/fol/XML/rss_folnews.xml')">Create
> > a Panel from outside the treeview</div>
> > </body>
> >
>

--- End forwarded message ---

Is it possible to specify custom attributes in the config object
literal in a call to the MenuItem constructor?

If so, how do you do so and how do you access them later (say from
within an event handler)

thanks,

Dave

Hey Owen -

The upcoming release of Menu will actually have lazy
loading functionality built in as well as a
"showdelay" property.  Both of these should solve your
problem.  Can you wait a few more days or do you need
a
solution right now"?

- Todd

--- grump604  wrote:

> Hello All,
>
> I have built a large dataset for managing large
> scale image
> cataloging... similar to Getty Images... my test
> menus are great, an
> active gallery of 2000 categories loads from the
> database, downloads,
> and renders in about 2 seconds, then progressively
> renders submenus as
> appropriate, in fact performance is better even the
> pure CSS on top of
> HTML lists...
>
> however...
>
> I am finding that based on the sheer volume of
> submenus I am having
> stalls with the rendering sometimes when rolling
> over several at once.
>
> Basically say I have a menu structure like this:
> (made-up example)
>
> Buildings >
>    Skyscrapers >
>    Condominiums >
>    Victorian Houses >
>    Tutor Homes >
>    Townhomes >
>    Firehalls >
>    DT Office
>    TD Dominion Bank
>    Banks >
>    etc...
>
> There are a lot of submenus, each of which is
> composed of a lot of
> submenus.  The rending of each one individually is
> fine, but if I
> rollover the list scrolling down with my mouse I am
> forcing all the
> submenus to load at once... at least I think this is
> what is
> happening... the end result is that the system hangs
> while it tries to
> catch up...
>
> What I am wondering is what would be the best method
> of adding a delay
> to the system so that it will not call
> onMenuBeforeShow until say a
> half second of hovering over a submenu?
>
> My code is nearly identical to example 13 the only
> difference really
> being that I've made it Pure Javascript and run it
> off of a single
> array of objects... so if you provide the answer in
> the context of
> that example i can adapt it:
>
>
http://developer.yahoo.com/yui/examples/menu/example13.html
>
> Thanks in advance!
> Owen
>
>
>
>
>
> Yahoo! Groups Links
>
>     (Yahoo! ID required)
>
> mailto:ydn-javascript-fullfeatured@yahoogroups.com
>
>
>
>
>
>

Ah, apparently i was still using 0.11.1.  I'm embarassed to have
missed that.  Have updated to 0.11.3 and it works just fine -- and as
a bonus the menu now closes automatically on click!

Thanks, as always, for your help.

russ

--- In ydn-javascript@yahoogroups.com, Todd Kloots <kloots@...> wrote:
>
> Russ -
>
> Your example worked for me.  Here is my test page:
>
> http://yuiblog.com/sandbox/yui/v0114/examples/menu/example06.php
>
>
> What version of YUI are you using?  Are you seeing
> this problem in a specific browser or is it consistent
> across all of our supported browsers?
>
> - Todd
>
> --- russncraig <russ@...> wrote:
>
> > I am trying to insert a dynamically created menu
> > item at the top of an
> > existing menu with insertItem(). I think i have
> > verified that the item
> > is successfully added to the items array
> > (_aItemGroups[i]), but the
> > item's DOM element isn't added to the menu group's
> > UL element
> > (represented in _aListElements[i]).  I'm totally
> > perplexed.
> >
> > Here's a very simple example of what i'm trying to
> > accomplish.
> > addItem() works just fine, but insertItem() appears
> > to have no effect.
> >
> > function initMenu () {
> >
> >  var addItemToTop = function (e) {
> > 	 var time = new Date().getTime().toString();
> > 	 menu.insertItem (new YAHOO.widget.MenuItem (time),
> > 0);
> >  }
> >  var addItemToBottom = function (e) {
> > 	 var time = new Date().getTime().toString();
> > 	 menu.addItem (new YAHOO.widget.MenuItem (time));
> >  }
> >
> >  var menu = new YAHOO.widget.Menu ("menu", {
> > zIndex:2 });
> >  var insert = menu.addItem (new
> > YAHOO.widget.MenuItem ("Add an item at
> > top of this menu"));
> >  YAHOO.util.Event.addListener (insert.element,
> > "click", addItemToTop);
> >  var add = menu.addItem (new YAHOO.widget.MenuItem
> > ("Add an item at
> > bottom of this menu"));
> >  YAHOO.util.Event.addListener (add.element, "click",
> > addItemToBottom);
> >  menu.render (document.body);
> >  menu.show();
> >
> > }
> > YAHOO.util.Event.addListener (window, "load",
> > initMenu);
> >
> >
> > russ
> >
> >
> >
> >
> >
> >
> >
> >
> >
> > Yahoo! Groups Links
> >
> >     (Yahoo! ID required)
> >
> > mailto:ydn-javascript-fullfeatured@yahoogroups.com
> >
> >
> >
> >
> >
> >
>

What kind of custom attributes?  HTML attributes?  Or
do you just want to add custom properties to an
instance?

--- Dave Patterson <dplhenterprises@...>
wrote:

> Is it possible to specify custom attributes in the
> config object
> literal in a call to the MenuItem constructor?
>
> If so, how do you do so and how do you access them
> later (say from
> within an event handler)
>
> thanks,
>
> Dave
>
>
>
>
>
> Yahoo! Groups Links
>
>     (Yahoo! ID required)
>
> mailto:ydn-javascript-fullfeatured@yahoogroups.com
>
>
>
>
>
>

I've asked this before, without a reply.  I just want to know what Yahoo uses to
Minify the YUI Library.

Thanks,
Peter Foti

--- In ydn-javascript@yahoogroups.com, foti-1@... wrote:
>
> I've asked this before, without a reply.  I just want to know what
Yahoo uses to Minify the YUI Library.

We use both JSMIN and the Dojo compressor.  Both have worked quite
well for file size compression.

JSMIN - http://javascript.crockford.com/jsmin.html
Dojo compressor - http://dojotoolkit.org/docs/compressor_system.html

Regards,
Thomas

Hi Steven,

Just like Bart mentioned, placing the dialog in a div at the
document.body level does not work in this case. I would like the
dialog markup to stay inside my form, because the dialog has form
controls, which need to be inside my form.

I am well aware that this interferes with the ability of the dialog to
submit data to the server on its own, but for the use case I have
here, this is an ability that I don't need. I just want a great dialog
:). So in the meantime, I will keep the "return;" inserted as the
first statement of registerForm().

Alex

On 10/13/06, Steven Peterson <peterson@...> wrote:
>
>
>
>
> Alex,
>
>
>
> Like I suggested to Scott, Dialog generally should not be rendered nested in
another element if at all possible. You can achieve this by calling render with
document.body as an argument. In that case, the Dialog will be rendered outside
of the default ASP.NET form, so you shouldn't encounter this issue. The initial
placement of the markup is not important, but the final place where the Dialog
ends up is significant.  The form currently cannot be disabled because it is
relied upon by the Dialog as a container for the form elements that will
ultimately be submitted to the server. However, if the markup is placed
correctly, the coexistence of two forms on your page should not be a problem. 
It would be great if you could let me know if the render argument solves your
issue, so that I'll be able to recommend it to people in the future if they
encounter this issue in the future.
>
>
>
> Thanks!
>
> Steven Peterson
>
> Web Developer, Platform Engineering
>
> Yahoo!
>
>
>
>
>
>
>
> From: ydn-javascript@yahoogroups.com [mailto:ydn-javascript@yahoogroups.com]
On Behalf Of Alessandro Vernet
>  Sent: Friday, October 13, 2006 6:11 PM
>  To: ydn-javascript@yahoogroups.com
>  Subject: Re: [ydn-javascript] Cannot define Dialog div inside a <form> tag
>
>
>
>
>
>
>
> Steven,
>
>  I have the same problem as Scott: I need the dialog to be inside an
>  existing form in the page, and I don't need the library to create its
>  own form. So for now I just added a "return;" at the beginning of
>  registerForm(), but it would be useful to be able to disable this
>  feature, if it is not needed.
>
>  Alex
>
>  On 10/9/06, Steven Peterson <peterson@...> wrote:
>  >
>  >
>  >
>  >
>  > Scott,
>  >
>  >
>  >
>  > You can define your Dialog anywhere that you would like to. The key is
where you decide to render it. Your best bet is to call
myDialog.render(document.body) so that the markup is initially rendered within
your form, but is allowed to escape the form when the render method is called.
It's generally best to render your Dialogs to the body anyway, because then you
are guaranteed that your z-index will always supercede any other absolutely or
relatively positioned elements in the page. Try that one-line fix and let me
know how it works for you.
>  >
>  >
>  >
>  > Thanks!
>  >
>  > Steven Peterson
>  >
>  > Web Developer, Platform Engineering
>  >
>  > Yahoo!
>  >
>  >
>  >
>  >
>  >
>  >
>  >
>  >
>  >
>  > From: ydn-javascript@yahoogroups.com
[mailto:ydn-javascript@yahoogroups.com] On Behalf Of Scott Rankin
>  > Sent: Friday, October 06, 2006 2:29 PM
>  > To: ydn-javascript@yahoogroups.com
>  > Subject: [ydn-javascript] Cannot define Dialog div inside a <form> tag
>  >
>  >
>  >
>  >
>  >
>  >
>  > Hello,
>  >
>  > I'm trying to make part of my HTML form a dialog that pops up instead
>  > of a series of textboxes on a page. However, when I load the page
>  > with the dialog's DIV declared inside the <form> tag, I get an error
>  > saying "form has no properties" on container.js line 3234 (this is
>  > 0.11.4). If I move the dialog's DIV outside, it works, but then my
>  > inputs that are on the dialog no longer get submitted when my main
>  > page is submitted.
>  >
>  > This is easily reproducible with the dialog.html example page shipped
>  > with yui.zip - just simply add a <form> element right inside the
>  > <body> tag and reload the page - you'll get a JavaScript error.
>  >
>  > Is this misuing the library? It seems that it would be quite powerful
>  > to be able to expose parts of your form in a dialog rather than inline
>  > on the page, but still have only one main page form submit to worry
>  > about...
>  >
>  > Thanks,
>  >
>  > Scott
>  >
>  >
>
>  --
>  Blog (XML, Web apps, Open Source):
>  http://www.orbeon.com/blog/
>
>
>
>



--
Blog (XML, Web apps, Open Source):
http://www.orbeon.com/blog/

http://developer.yahoo.com/yui/grids/

They're all in the documentation.  Just a bit of div-itis is all.
--- In ydn-javascript@yahoogroups.com, "Benjamin Long" <benlong@...>
wrote:
>
> Hi Newton,
>
> I'm working on integrating the css grid into our application. Can you
> elaborate a little on what the _extra_ elements are?
>
> Thanks!
>
> - Ben
>
> On 10/31/06, Michael Newton <mnewton32@...> wrote:
> >
> > I haven't come across any.  Some things like the CSS grid require a
> > whole lot of _extra_ elements, but certainly nothing non-standard.
> >
> > --- In ydn-javascript@yahoogroups.com, "thomaswatson" <junit@> wrote:
> > >
> > > Does YUI require any nonstandard tags/attributes (like dojo)
that would
> > > break standard w3c validation?  Thanks.
> > >
> >
> >
> >
> >
> >
> >
> > Yahoo! Groups Links
> >
> >
> >
> >
> >
>

hi,

   In my application I have a dialog, that displays a floating toolbar
for a web page.Now when the main window containing the dialog is
resized, is it possible to have scrollbars for the dialog which is
contained inside the main window.
Thanks

Vijai

Thanks!
-Peter


  -------------- Original message ----------------------
From: "Thomas S. Sha" <tsha@...>
> --- In ydn-javascript@yahoogroups.com, foti-1@... wrote:
> >
> > I've asked this before, without a reply.  I just want to know what
> Yahoo uses to Minify the YUI Library.
>
> We use both JSMIN and the Dojo compressor.  Both have worked quite
> well for file size compression.
>
> JSMIN - http://javascript.crockford.com/jsmin.html
> Dojo compressor - http://dojotoolkit.org/docs/compressor_system.html
>
> Regards,
> Thomas
>
>
>
>

Hi there!

I just wanted to chime in and say "me too."  I had the same problem,
and was very glad to see this fix.  I'd also suggest that you can
simplify the patch down to just this:

this._formNode.enctype  = 'multipart/form-data';
this._formNode.encoding = 'multipart/form-data';

Setting the extra attribute does no harm.

Thanks again for figuring this out -- I look forward to seeing it
fixed in the next release!

-Jon

--- In ydn-javascript@yahoogroups.com, "Anthony Baratta"
<a.baratta@...> wrote:
>
> Just for the sake of completeness, and in the gap between the next
> release, he's how I patched Connection Manager to fix the EncType
> issue with IE.
>
> Replace Line 703,
>      this._formNode.enctype = 'multipart/form-data';
>
> with this:
>
>      if (this._formNode.encoding)
>      {
>          this._formNode.encoding  = 'multipart/form-data';
>      } else {
>          this._formNode.enctype = 'multipart/form-data';
>      }
>
> Works both in Firefox and IE, both on Windows. I did not test with
> Safari or Opera.
>

There must be someone out there who's worked out something with
setTimeout or setInterval maybe?

--- In ydn-javascript@yahoogroups.com, "Michael Newton"
<mnewton32@...> wrote:
>
> I've got an onChange handler for some sliders that I don't want
> triggered every time the slider moves.  Is there a way to avoid the
> event from firing until the slider has 'settled down'?
>
> For example, one of the sliders updates a database in real time.  If
> someone clicks the background to move the thumb (instead of dragging
> it) there could be 5 or 10 writes to the database before the thumb
> gets to its final position.
>
> Maybe someone has an idea that will solve the problem?  Thank you.
>

On Tue, Oct 31, 2006 at 07:51:23PM -0000, Michael Newton wrote:
> I've got an onChange handler for some sliders that I don't want
> triggered every time the slider moves.  Is there a way to avoid the
> event from firing until the slider has 'settled down'?
>
> For example, one of the sliders updates a database in real time.  If
> someone clicks the background to move the thumb (instead of dragging
> it) there could be 5 or 10 writes to the database before the thumb
> gets to its final position.
>
> Maybe someone has an idea that will solve the problem?  Thank you.

Michael, there is a property called moveComplete that is set to true when
the animation is complete.  Check this value in your onChange handler and
only do your database update when it is true.

-Adam