Skip to search.

Breaking News Visit Yahoo! News for the latest.

×Close this window

ydn-javascript · Yahoo! User Interface Library Group

The Yahoo! Groups Product Blog

Check it out!

Group Information

  • Members: 12955
  • Category: JavaScript
  • Founded: Dec 15, 2005
  • Language: English
? Already a member? Sign in to Yahoo!

Yahoo! Groups Tips

Did you know...
Message search is now enhanced, find messages faster. Take it for a spin.

Messages

Advanced
Messages Help
Messages 33589 - 33618 of 52481   Oldest  |  < Older  |  Newer >  |  Newest
Messages: Show Message Summaries Sort by Date ^  
#33589 From: "y_lsmith" <lsmith@...>
Date: Mon Jun 30, 2008 5:22 pm
Subject: Re: Datatable - initially hidden col width
y_lsmith
Send Email Send Email
 
Tim,

Ok, good to know.  I'll add a test case for that scenario.

In the mean time, this appears to work in my dev env:
// Instantiate myDataTable
myDataTable.showColumn = function (col) {
    var dt = this;
    function fixWidth(col) {
        var c = dt.getColumn(col), children, i;
        if (c) {
            if (c.width = YAHOO.widget.Column.prototype.minWidth) {
                c.width = null;
            }

            children = c.children || [];
            for (i = children.length - 1; i >= 0; --i) {
                fixWidth(children[i].key);
            }
        }
    }

    YAHOO.widget.DataTable.prototype.showColumn.call(this,col);
    fixWidth(col);
    this._syncColWidths();
};


Hope this helps,
Luke


--- In ydn-javascript@yahoogroups.com, "tntnashtm123" <nash.rsa@...> wrote:
>
> --- In ydn-javascript@yahoogroups.com, "y_lsmith" lsmith@ wrote:
> >
> > >
> > > Thnaks for the patch Luke, it works great, however child columns with
> > > the parent hidden initially still come up with minWith when shown -
> > > any fixes for this ?
> > >
> > > Thanks
> > > Tim
> > >
> >
> > I've updated the bug to include this detail. I'd be interested to see
> > a sample page illustrating your use case. Specifically because
> > there's another bug whereby declaring parent headers hidden at
> > construction doesn't work (the column and its children are not
> collapsed).
> >
> > You might be able to get away with something like this:
> > YAHOO.widget.Column.correctAutoWidth = function () {
> > if (this.width === this.minWidth &&
> > this.width === YAHOO.widget.Column.prototype.minWidth) {
> > this.width = null;
> > if (YAHOO.lang.isArray(this.children)) {
> > for (var i = this.children.length - 1; i >= 0; --i) {
> > this.children[i].correctAutoWidth();
> > }
> > }
> > }
> > };
> >
> > // ... construct the DataTable instance, then
> >
> > myDataTable.showColumn = function (col) {
> > var c = this.getColumn(col);
> > if (c) {
> > YAHOO.widget.DataTable.prototype.showColumn.call(this,col);
> > c.correctAutoWidth();
> > this._syncColWidths();
> > }
> > };
> >
> > Not thoroughly tested, so YMMV.
> >
> > Luke
> >
>
>
> Luke - I was/am hiding the nested cols in response to the DataTable
> init event so it is not an "initially hidden" col although the
> behavior is similar.
>
> thanks
> Tim
>

#33590 From: "Bernd Schiffer" <schifferbernd@...>
Date: Mon Jun 30, 2008 5:29 pm
Subject: Re: Grouping TestCases from different Pages in TestSuites
schifferbernd
Send Email Send Email
 
Hi Nicholas.

Thank you for your reply. Works great!

Is there a way to let TestManager find all the necessary pages itself,
e.g. passing it the directory where it could search recursivly for
*.html-Files?

    Bernd

--- In ydn-javascript@yahoogroups.com, "Nicholas Zakas" <nzakas@...>
wrote:
>
> Hi Bernd,
>
>
>
> There's no way to add multiple Test Cases in different pages to the same
> Test Suite. There is, however, a way to run multiple pages of tests one
> after the other. It's not documented mostly because it's a bit hacky and
> I haven't had the time to build it out appropriately, but it is
> functional. The object is called TestManager. Rather than explaining how
> to use it, it's probably easier to look at an example
>
>
>
> If you look in the YUI zip file, there is a tests directory. The
> YUI.html file uses the TestManager to run tests on a series of pages.
> Each page is only responsible for telling the main page that it's ready
> to be executed. Each of the other HTML files in that directory can be
> run either as a standalone page or as part of the YUI.html page. I'd
> recommend taking a look at both the YUI.html file and one of the simpler
> unit test files such as profiler.html for a good example of how to set
> this up.
>
>
>
> -Nicholas
>

#33591 From: "zekenie" <zekenie@...>
Date: Mon Jun 30, 2008 5:33 pm
Subject: Re: Uploader problem
zekenie
Send Email Send Email
 
Uploader.upload(idToUpload, ... is correct and pointed to my php file)
size is not an issue because the php file file accepts info from another form.
size is not the problem
swf asset not linked from yahoo, its on my site

I'm trying to look at my server's log... What am I looking for. All i have is
the raw log files
and its really hard to go through them and find the problem. What am I even
looking for...

I see things like:
76.230.132.1 - - [30/Jun/2008:08:52:08 -0700] "GET
/webplanner.com/tests/uploadTest.php HTTP/1.1" 200 1816 "-" "Mozilla/5.0
(Macintosh;
U; Intel Mac OS X; en-US; rv:1.8.1.14) Gecko/20080404 Firefox/2.0.0.14"
76.230.132.1 - - [30/Jun/2008:08:52:15 -0700] "POST
/webplanner.com/tests/uploadFile.php HTTP/1.1" 200 21
"http://webplanner.com/tests/uploadTest.php" "Mozilla/5.0 (Macintosh; U; Intel
Mac OS
X; en-US; rv:1.8.1.14) Gecko/20080404 Firefox/2.0.0.14"
76.230.132.1 - - [30/Jun/2008:08:52:57 -0700] "POST
/webplanner.com/app/yui/build/uploader/assets/uploadFile.php HTTP/1.1" 404 313
"-"
"Adobe Flash Player 9"

Any help would be awesome!

-Zeke
--- In ydn-javascript@yahoogroups.com, "dsmith21401" <dc_webmastr@...> wrote:
>
> It could be a lot of things.  First, make sure the path to the upload
> handler file is correct.  And the handler MUST be pointing to a file,
> not just a directory.  For example:
>
> uploader.upload(idToUpload, '/useruploads/index.cfm')
>
> NOT
>
> uploader.upload(idToUpload, '/useruploads/')
>
> Second, look at your web server logs...talking about Apache or IIS,
> whatever is your backend.  Sometimes these logs provide extra info.
>
> Third, what is the file size you are attempting to upload?  While
> there is a 2Gb hard-limit imposed by Flash because it is a 32-bit
> program, your web server and/or php app server might have their own
> limits.  If you built a basic HTML form and it went through, that
> means your web server (apache/iis) probably don't have a limit, but
> if you used PHP and it stops working, then maybe there is a limit
> there.
>
> Fourth, make sure the SWF asset is on your server and not linked from
> Yahoo or any other domain (cross-domain issues).
>
> If you still can't figure out, please post your code and more
> specifics about your setup.
>

#33592 From: Todd Kloots <kloots@...>
Date: Mon Jun 30, 2008 5:34 pm
Subject: Re: Different appearance of submit/link buttons
toddkloots
Send Email Send Email
 
Marcel -

I looked into this issue and it is bug in Button.  I will try to provide
you with a workaround today.  In the meantime, please file a bug report
via SourceForge.

Regards,
Todd

Marcel Overdijk wrote:
>
>
> repost
>
> Marcel Overdijk wrote:
> >
> > I'm still facing this problem. Anyone an idea or is nobody using these
> > Buttons?
> >
> >
> > Marcel Overdijk wrote:
> >>
> >> The apperance of submit and link buttons are different.
> >>
> >> Take the simple isolated example below:
> >>
> >> <html>
> >> <head>
> >> <!-- css -->
> >> <link rel="stylesheet" type="text/css"
> >>
>
href="http://yui.yahooapis.com/2.5.2/build/reset-fonts-grids/reset-fonts-grids.c\
ss
>
<http://yui.yahooapis.com/2.5.2/build/reset-fonts-grids/reset-fonts-grids.css>">
> >> <link rel="stylesheet" type="text/css"
> >> href="http://yui.yahooapis.com/2.5.2/build/base/base-min.css
> <http://yui.yahooapis.com/2.5.2/build/base/base-min.css>">
> >> <link rel="stylesheet" type="text/css"
> >>
> href="http://yui.yahooapis.com/2.5.2/build/button/assets/skins/sam/button.css
> <http://yui.yahooapis.com/2.5.2/build/button/assets/skins/sam/button.css>">
> >> <!-- js -->
> >> <script type="text/javascript"
> >>
> src="http://yui.yahooapis.com/2.5.2/build/yahoo-dom-event/yahoo-dom-event.js
>
<http://yui.yahooapis.com/2.5.2/build/yahoo-dom-event/yahoo-dom-event.js>"></scr\
ipt>
> >> <script type="text/javascript"
> >>
> src="http://yui.yahooapis.com/2.5.2/build/element/element-beta-min.js
> <http://yui.yahooapis.com/2.5.2/build/element/element-beta-min.js>"></script>
> >> <script type="text/javascript"
> >> src="http://yui.yahooapis.com/2.5.2/build/button/button-min.js
> <http://yui.yahooapis.com/2.5.2/build/button/button-min.js>"></script>
> >> </head>
> >> <body class="yui-skin-sam">
> >> <form action=#">
> >> # New
> >> <input id="save" type="submit" value="Save" />
> >> </form>
> >> <script type="text/javascript">
> >> var createButton = new YAHOO.widget.Button("create");
> >> var saveButton = new YAHOO.widget.Button("save");
> >> </script>
> >> </body>
> >> </html>
> >>
> >> The New button (link) is slightly higher then the Create button
> (submit).
> >>
> >> I would expect all different buttons to look consistent.
> >>
> >>
> >> Cheers,
> >> Marcel
> >>
> >>
> >
> >
>
> --
> View this message in context:
>
http://www.nabble.com/Different-appearance-of-submit-link-buttons-tp18030510p181\
68684.html
>
<http://www.nabble.com/Different-appearance-of-submit-link-buttons-tp18030510p18\
168684.html>
> Sent from the ydn-javascript mailing list archive at Nabble.com.
>
>

#33593 From: "zekenie" <zekenie@...>
Date: Mon Jun 30, 2008 5:36 pm
Subject: Re: Uploader problem
zekenie
Send Email Send Email
 
More Info:
I'm using apache and php 5 as a webserver. My browser is the mac firefox.

I'm using the advanced example code... almost exactly....

here is my php file:
<?php
   foreach ($_FILES as $fieldName => $file) {
  	 move_uploaded_file($file['tmp_name'], "./" . $file['name']);
  	 echo (" ");
}
exit; ?>

The permissions are set to 777, right now.

--- In ydn-javascript@yahoogroups.com, "zekenie" <zekenie@...> wrote:
>
> Uploader.upload(idToUpload, ... is correct and pointed to my php file)
> size is not an issue because the php file file accepts info from another form.
> size is not the problem
> swf asset not linked from yahoo, its on my site
>
> I'm trying to look at my server's log... What am I looking for. All i have is
the raw log
files
> and its really hard to go through them and find the problem. What am I even
looking
for...
>
> I see things like:
> 76.230.132.1 - - [30/Jun/2008:08:52:08 -0700] "GET
> /webplanner.com/tests/uploadTest.php HTTP/1.1" 200 1816 "-" "Mozilla/5.0
(Macintosh;
> U; Intel Mac OS X; en-US; rv:1.8.1.14) Gecko/20080404 Firefox/2.0.0.14"
> 76.230.132.1 - - [30/Jun/2008:08:52:15 -0700] "POST
> /webplanner.com/tests/uploadFile.php HTTP/1.1" 200 21
> "http://webplanner.com/tests/uploadTest.php" "Mozilla/5.0 (Macintosh; U; Intel
Mac OS
> X; en-US; rv:1.8.1.14) Gecko/20080404 Firefox/2.0.0.14"
> 76.230.132.1 - - [30/Jun/2008:08:52:57 -0700] "POST
> /webplanner.com/app/yui/build/uploader/assets/uploadFile.php HTTP/1.1" 404 313
"-
"
> "Adobe Flash Player 9"
>
> Any help would be awesome!
>
> -Zeke
> --- In ydn-javascript@yahoogroups.com, "dsmith21401" <dc_webmastr@> wrote:
> >
> > It could be a lot of things.  First, make sure the path to the upload
> > handler file is correct.  And the handler MUST be pointing to a file,
> > not just a directory.  For example:
> >
> > uploader.upload(idToUpload, '/useruploads/index.cfm')
> >
> > NOT
> >
> > uploader.upload(idToUpload, '/useruploads/')
> >
> > Second, look at your web server logs...talking about Apache or IIS,
> > whatever is your backend.  Sometimes these logs provide extra info.
> >
> > Third, what is the file size you are attempting to upload?  While
> > there is a 2Gb hard-limit imposed by Flash because it is a 32-bit
> > program, your web server and/or php app server might have their own
> > limits.  If you built a basic HTML form and it went through, that
> > means your web server (apache/iis) probably don't have a limit, but
> > if you used PHP and it stops working, then maybe there is a limit
> > there.
> >
> > Fourth, make sure the SWF asset is on your server and not linked from
> > Yahoo or any other domain (cross-domain issues).
> >
> > If you still can't figure out, please post your code and more
> > specifics about your setup.
> >
>

#33594 From: "blocky97" <blocky97@...>
Date: Mon Jun 30, 2008 5:49 pm
Subject: Re: Flash above yui overlay
blocky97
Send Email Send Email
 
Hey all, I Notice something peculiar:

the sample below:
http://yuiblog.com/sandbox/yui/v251/examples/container/overlayflash.html

works on Windows with FF 2.0.0.14 and IE 6.x
But on my centOS 5.X box with FF 2.0.0.14 it still does not work.
Granted the market share for that is small enough that I really don't
care...but its just something to be aware of...and if anyone has a
solution to get it to work in linux that would be great.

thanks
seth

--- In ydn-javascript@yahoogroups.com, "Chris Czerniak" <chris@...> wrote:
>
> Thanks for posting the link. I got it to work. I discovered that you
> have to set wmode as both a parameter and in the embed.
>
> <param name="wmode" value="opaque"/>
>
> <embed
> src="http://d.yimg.com/static.video.yahoo.com/yep/YV_YEP.swf?ver=2.0.44"
> type="application/x-shockwave-flash" width="300" height="260"
> allowFullScreen="true" wmode="opaque"></embed>
>
> --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@> wrote:
> >
> > Hi,
> > My understanding is that setting the "wmode" parameter to
> "transparent" or "opaque" is required to allow the Flash movie object
> to respect z-index.
> >
> > You'd still need to manage z-index stacking contexts as you would do
> for any other content on your page which maybe your problem.
> >
> > See:
> > http://developer.yahoo.com/yui/container/overlay/index.html#stack
> >
> > If you can post a URL I can take a look at it.
> >
> > Here's a test URL which works fine with wmode set to "opaque" on the
> A-Grade set of browsers:
> >
> >
http://yuiblog.com/sandbox/yui/v251/examples/container/overlayflash.html
> >
> > NOTE:
> >
> > * If on the above page, we don't set wmode, so that it defaults to
> "window", the flash movie appears on top of the overlay, on all
browsers.
> >
> > * Enabling the iframe shim will only help keep the overlay on top of
> the flash movie in IE. The other browsers all need wmode set to
> "opaque" or "transparent".
> >
> > Regards,
> > Satyen
> >
>

#33595 From: Brian Jackson <iggy@...>
Date: Mon Jun 30, 2008 5:55 pm
Subject: Re: Re: Flash above yui overlay
iggy_cav
Send Email Send Email
 
It's a known bug with Linux, Firefox, and Flash. It's somewhere in Mozilla's
bug database. The normal wmode tricks don't work.

--Brian Jackson

--
Come visit us on IRC
#yui on irc.freenode.net


On Monday 30 June 2008 12:49:40 pm blocky97 wrote:
> Hey all, I Notice something peculiar:
>
> the sample below:
> http://yuiblog.com/sandbox/yui/v251/examples/container/overlayflash.html
>
> works on Windows with FF 2.0.0.14 and IE 6.x
> But on my centOS 5.X box with FF 2.0.0.14 it still does not work.
> Granted the market share for that is small enough that I really don't
> care...but its just something to be aware of...and if anyone has a
> solution to get it to work in linux that would be great.
>
> thanks
> seth
>
> --- In ydn-javascript@yahoogroups.com, "Chris Czerniak" <chris@...> wrote:
> > Thanks for posting the link. I got it to work. I discovered that you
> > have to set wmode as both a parameter and in the embed.
> >
> > <param name="wmode" value="opaque"/>
> >
> > <embed
> > src="http://d.yimg.com/static.video.yahoo.com/yep/YV_YEP.swf?ver=2.0.44"
> > type="application/x-shockwave-flash" width="300" height="260"
> > allowFullScreen="true" wmode="opaque"></embed>
> >
> > --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@> wrote:
> > > Hi,
> > > My understanding is that setting the "wmode" parameter to
> >
> > "transparent" or "opaque" is required to allow the Flash movie object
> > to respect z-index.
> >
> > > You'd still need to manage z-index stacking contexts as you would do
> >
> > for any other content on your page which maybe your problem.
> >
> > > See:
> > > http://developer.yahoo.com/yui/container/overlay/index.html#stack
> > >
> > > If you can post a URL I can take a look at it.
> > >
> > > Here's a test URL which works fine with wmode set to "opaque" on the
> >
> > A-Grade set of browsers:
>
> http://yuiblog.com/sandbox/yui/v251/examples/container/overlayflash.html
>
> > > NOTE:
> > >
> > > * If on the above page, we don't set wmode, so that it defaults to
> >
> > "window", the flash movie appears on top of the overlay, on all
>
> browsers.
>
> > > * Enabling the iframe shim will only help keep the overlay on top of
> >
> > the flash movie in IE. The other browsers all need wmode set to
> > "opaque" or "transparent".
> >
> > > Regards,
> > > Satyen

#33596 From: Todd Kloots <kloots@...>
Date: Mon Jun 30, 2008 6:07 pm
Subject: Re: MenuBar with HTML block of code instead of menu items.
toddkloots
Send Email Send Email
 
Here is an example to help you out:

http://yuiblog.com/sandbox/yui/v252/examples/menu/example04.html

neeta.joshi9 wrote:
>
> Hi,
>
> I am new to YUI and trying to use MenuBat component from Menu family.
>
> The customization I need is -
>
> I do not have multiple MenuBatItems. Instead I want to attach just one
> Item in which I want to specify a block of HTML, possibly a form or
> something. there is no submenu and stuff.
>
> I was wondering, can I add block of HTML code in MenuBarItem object,
> or can I attach an Overlay to a MenuBar instead of MenuBarItem?
>
> Thanks!
>
>

#33597 From: "Zubin Tiku" <thegreatzubini@...>
Date: Mon Jun 30, 2008 6:14 pm
Subject: RTE: Removing underline not working in IE 6.0.29 / IE 7.0.6 / FF 3.0
thegreatzubini
Send Email Send Email
 
Using YUI 2.5.2

Hi.  I'm seeing a situation in where if I follow these steps, I cannot remove an
underline
that I created using YAHOO.widget.SimpleEditor

STEPS (all without post-back) :

load text into the editor
show the editor
underline some text
hide the editor
save the text

load the text into the editor again
show the editor
try to remove the underline... can't be done

NOTES:

In Firefox, this can be resolved by the remove formatting tool, but in Internet
Explorer
even that doesn't work.  Has anyone else encountered a problem like this before?
Oddly
enough, this works perfectly in Safari 3.1.2

#33598 From: Marcel Overdijk <marceloverdijk@...>
Date: Mon Jun 30, 2008 6:24 pm
Subject: Re: Different appearance of submit/link buttons
marceloverdijk@...
Send Email Send Email
 
Thanks for looking into the issue Todd.

I filed the bug via SourceForge:
http://sourceforge.net/tracker/index.php?func=detail&aid=2007003&group_id=165715\
&atid=836476

Cheers,
Marcel


Todd Kloots wrote:
>
> Marcel -
>
> I looked into this issue and it is bug in Button.  I will try to provide
> you with a workaround today.  In the meantime, please file a bug report
> via SourceForge.
>
> Regards,
> Todd
>
> Marcel Overdijk wrote:
>>
>>
>> repost
>>
>> Marcel Overdijk wrote:
>> >
>> > I'm still facing this problem. Anyone an idea or is nobody using these
>> > Buttons?
>> >
>> >
>> > Marcel Overdijk wrote:
>> >>
>> >> The apperance of submit and link buttons are different.
>> >>
>> >> Take the simple isolated example below:
>> >>
>> >> <html>
>> >> <head>
>> >> <!-- css -->
>> >> <link rel="stylesheet" type="text/css"
>> >>
>>
href="http://yui.yahooapis.com/2.5.2/build/reset-fonts-grids/reset-fonts-grids.c\
ss
>>
<http://yui.yahooapis.com/2.5.2/build/reset-fonts-grids/reset-fonts-grids.css>">
>> >> <link rel="stylesheet" type="text/css"
>> >> href="http://yui.yahooapis.com/2.5.2/build/base/base-min.css
>> <http://yui.yahooapis.com/2.5.2/build/base/base-min.css>">
>> >> <link rel="stylesheet" type="text/css"
>> >>
>> href="http://yui.yahooapis.com/2.5.2/build/button/assets/skins/sam/button.css
>> <http://yui.yahooapis.com/2.5.2/build/button/assets/skins/sam/button.css>">
>> >> <!-- js -->
>> >> <script type="text/javascript"
>> >>
>> src="http://yui.yahooapis.com/2.5.2/build/yahoo-dom-event/yahoo-dom-event.js
>>
<http://yui.yahooapis.com/2.5.2/build/yahoo-dom-event/yahoo-dom-event.js>"></scr\
ipt>
>> >> <script type="text/javascript"
>> >>
>> src="http://yui.yahooapis.com/2.5.2/build/element/element-beta-min.js
>> <http://yui.yahooapis.com/2.5.2/build/element/element-beta-min.js>"></script>
>> >> <script type="text/javascript"
>> >> src="http://yui.yahooapis.com/2.5.2/build/button/button-min.js
>> <http://yui.yahooapis.com/2.5.2/build/button/button-min.js>"></script>
>> >> </head>
>> >> <body class="yui-skin-sam">
>> >> <form action=#">
>> >> # New
>> >> <input id="save" type="submit" value="Save" />
>> >> </form>
>> >> <script type="text/javascript">
>> >> var createButton = new YAHOO.widget.Button("create");
>> >> var saveButton = new YAHOO.widget.Button("save");
>> >> </script>
>> >> </body>
>> >> </html>
>> >>
>> >> The New button (link) is slightly higher then the Create button
>> (submit).
>> >>
>> >> I would expect all different buttons to look consistent.
>> >>
>> >>
>> >> Cheers,
>> >> Marcel
>> >>
>> >>
>> >
>> >
>>
>> --
>> View this message in context:
>>
http://www.nabble.com/Different-appearance-of-submit-link-buttons-tp18030510p181\
68684.html
>>
<http://www.nabble.com/Different-appearance-of-submit-link-buttons-tp18030510p18\
168684.html>
>> Sent from the ydn-javascript mailing list archive at Nabble.com.
>>
>>
>
>
>

--
View this message in context:
http://www.nabble.com/Different-appearance-of-submit-link-buttons-tp18030510p182\
01318.html
Sent from the ydn-javascript mailing list archive at Nabble.com.

#33599 From: "y_lsmith" <lsmith@...>
Date: Mon Jun 30, 2008 6:40 pm
Subject: Re: Incorrect column resizing of datatable in Firefox
y_lsmith
Send Email Send Email
 
Mike,

Have you tried setting the width configuration to be in accord with
the iframe width?

Luke

--- In ydn-javascript@yahoogroups.com, "Mike Prince" <bubomike@...> wrote:
>
> I am having problems in my application with datatable sizing in Firefox
> under certain situations. Most of the time it is fine, but occasionally
> the columns are not resized properly leading to the last column not
> fitting, and a horizontal scrollbar being added. I have cut out
> unnecessary parts of the application to create an example which
> demonstrates the problem: http://www.bubo.org/test1/test1.html
> <http://www.bubo.org/test1/test1.html> . (This file has an iframe
> including the datatable source.) You can see (in Firefox) that the last
> column is not fitting.
>
> This problem only occurs:
>
>     * in Firefox - in IE7 the location column wraps to allow the
> datatable to fit
>     * when the datatable is set to scrollable - if I remove the
> scrollable and height properties the location column wraps to fit
>     * when the last column contains 'short' data: if I swap the column
> definitions so that my location column is after my comment column it
> wraps correctly to fit
>
> Incidentally if I set the doctype <!DOCTYPE HTML PUBLIC "-//W3C//DTD
> HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> then IE behaves
> the same as Firefox, i.e. neither work as desired.
>
> My example code is as follows.
>
> test1.html:
>
> <html>
> <head><title>YUI Datatable resizing problem</title></head>
> <body>
> <iframe width="800" src="test1.php">
> </body>
> </html>
>
> test1.php:
>
> <?php
> ?>
> <head></head>
> <body class="yui-skin-sam">
> <style type="text/css">
> body {margin:0;padding:0;}
> </style>
>
> <!-- YUI files -->
> <link rel="stylesheet" type="text/css"
>
href="http://yui.yahooapis.com/2.5.2/build/datatable/assets/skins/sam/da\
> tatable.css" />
> <script type="text/javascript"
>
src="http://yui.yahooapis.com/2.5.2/build/yahoo-dom-event/yahoo-dom-even\
> t.js"></script>
> <script type="text/javascript"
> src="http://yui.yahooapis.com/2.5.2/build/json/json-min.js"></script>
> <script type="text/javascript"
>
src="http://yui.yahooapis.com/2.5.2/build/element/element-beta-min.js"><\
> /script>
> <script type="text/javascript"
>
src="http://yui.yahooapis.com/2.5.2/build/connection/connection-min.js">\
> </script>
> <script type="text/javascript"
>
src="http://yui.yahooapis.com/2.5.2/build/datasource/datasource-beta-min\
> .js"></script>
> <script type="text/javascript"
>
src="http://yui.yahooapis.com/2.5.2/build/datatable/datatable-beta-min.j\
> s"></script>
>
> <div id="datatable" class="datatable"></div>
>
> <script type="text/javascript">
>      //manipulating the DOM causes problems in ie, so create after
window
> fires "load"
>      YAHOO.util.Event.addListener(window, "load", function()
>      {
>          // Override standard date parsing and formatting to process
> dates returned from SQL.
>          YAHOO.util.DataSource.parseDate = function (oData)
>          {
>              if (oData === undefined || oData === null) return oData;
>              var parts = oData.split(' ');
>              var datePart = parts[0].split('-');
>              if (parts.length > 1)
>              {
>                  var timePart = parts[1].split(':');
>                  return new
>
Date(datePart[0],datePart[1]-1,datePart[2],timePart[0],timePart[1],timeP\
> art[2]);
>              }
>              else
>              {
>                  return new Date(datePart[0],datePart[1]-1,datePart[2]);
>              }
>          };
>          YAHOO.widget.DataTable.formatDate = function(el, oRecord,
> oColumn, oData)
>          {
>              var oDate = oData;
>              if(oDate instanceof Date)
>              {
>                  el.innerHTML = oDate.getDate() + "/" + oDate.getMonth()
> + "/" + oDate.getFullYear();
>              }
>              else
>              {
>                  el.innerHTML = YAHOO.lang.isValue(oData) ? oData : "";
>              }
>          };
>
>          // Data.
>          var jsonData = new YAHOO.util.DataSource("getTestData.php?");
>          jsonData.responseType = YAHOO.util.DataSource.TYPE_JSON;
>          jsonData.responseSchema =
>          {
>              resultsList:"ResultSet.Result",
>              fields: [
>                  {key: "rownumber",
> parser:YAHOO.util.DataSource.parseNumber},
>                  {key: "species_id",
> parser:YAHOO.util.DataSource.parseNumber},
>                  {key: "spec_auth_name"},
>                  {key: "spec_auth_scientific"},
>                  {key: "record_id",
> parser:YAHOO.util.DataSource.parseNumber},
>                  {key: "record_date",
> parser:YAHOO.util.DataSource.parseDate},
>                  {key: "record_location"},
>                  {key: "record_comment"}
>              ]
>          };
>          jsonData.connMethodPost = true;
>
>          var myTableConfig = {
>              initialRequest: '',
>              scrollable: true,
>              height: "100px"
>          };
>
>          // Data table.
>              var columns =
>              [
>                  { key: "rownumber", label: "No.", sortable: true,
> resizeable: true },
>                  { key: "spec_auth_name", label: "Species", sortable:
> true, resizeable: true },
>                  { key: "spec_auth_scientific", label: "Scientific
Name",
> sortable: true, resizeable: true },
>                  { key: "record_date", label: "Date", minWidth: 80,
> formatter: YAHOO.widget.DataTable.formatDate, sortable: true,
> sortOptions:{defaultDir:YAHOO.widget.DataTable.CLASS_DESC}, resizeable:
> true },
>                  { key: "record_location", label: "Location", sortable:
> true, resizeable: true },
>                  { key: "record_comment", label: "Comments", sortable:
> true, resizeable: true }
>              ];
>
>          var myTable = new YAHOO.widget.DataTable("datatable", columns,
> jsonData, myTableConfig);
>
>      });
> </script>
>
> </body>
> </html>
>
> Cheers
> -- Mike --
>

#33600 From: Dav Glass <dav.glass@...>
Date: Mon Jun 30, 2008 6:45 pm
Subject: Re: RTE: Removing underline not working in IE 6.0.29 / IE 7.0.6 / FF 3.0
dav.glass
Send Email Send Email
 
Zubin --

Can you file a bug for this here:
http://developer.yahoo.com/yui/editor#filingbugs


Thanks
Dav

Dav Glass
dav.glass@...
blog.davglass.com




+ Windows: n. - The most successful computer virus, ever. +
+ A computer without a Microsoft operating system is like a dog
without bricks tied to its head +
+ A Microsoft Certified Systems Engineer is to computing what a
McDonalds Certified Food Specialist is to fine cuisine  +



----- Original Message ----
From: Zubin Tiku <thegreatzubini@...>
To: ydn-javascript@yahoogroups.com
Sent: Monday, June 30, 2008 11:14:19 AM
Subject: [ydn-javascript] RTE: Removing underline not working in IE 6.0.29 / IE
7.0.6 / FF 3.0

Using YUI 2.5.2

Hi.  I'm seeing a situation in where if I follow these steps, I cannot remove an
underline
that I created using YAHOO.widget.SimpleEditor

STEPS (all without post-back) :

load text into the editor
show the editor
underline some text
hide the editor
save the text

load the text into the editor again
show the editor
try to remove the underline... can't be done

NOTES:

In Firefox, this can be resolved by the remove formatting tool, but in Internet
Explorer
even that doesn't work.  Has anyone else encountered a problem like this before?
Oddly
enough, this works perfectly in Safari 3.1.2


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

Yahoo! Groups Links

#33601 From: "aniad" <aniad@...>
Date: Mon Jun 30, 2008 8:24 pm
Subject: Re: Panel sizing problem (actually resize handle positioning problem)
aniad
Send Email Send Email
 
I have further diagnosed my problem.  It has to do with giving initial
height to the panel.  When panel size is indicated on creation, then
the first time the panel is shown (it is created hidden), the resize
handle is off.  Sizing the panel very first time aligns the handle,
and any subsequent hide/show of the panel shows the resize handle
correctly.

I want to create the panel hidden and I want to specify its width and
height, any ideas on how to get the resize handle positioned correctly?

Below is fuller version of the code.  Note, removing/adding the
height:"700px" from panel creation is what seems to cause the resize
handle positioning problem.

Ania.

<style type="text/css">
/* style for tool panel stuff */
#toolPanel .bd {
     overflow:auto;
     background-color:yellow;
     padding:10px;
}

#toolPanel .ft {
     height:15px;
     padding:0;
}

#toolPanel .yui-resize-handle-br {
     right:0;
     bottom:0;
     height: 8px;
     width: 8px;
     position:absolute;
}
</style>

</head>


<script>
var gToolPanel;

     // QUIRKS FLAG, FOR BOX MODEL
     var IE_QUIRKS = (YAHOO.env.ua.ie && document.compatMode ==
"BackCompat");

     // UNDERLAY/IFRAME SYNC REQUIRED
     var IE_SYNC = (YAHOO.env.ua.ie == 6 || (YAHOO.env.ua.ie == 7 &&
IE_QUIRKS));

     function init()
     {
         // Create panel where tools will show
         gToolPanel = new YAHOO.widget.Panel( "toolPanel", {
xy:[100,100], modal: true, draggable: true, close: true, width:
"1100px", height: "700px", visible:false });
         gToolPanel.render();

         var PANEL_BODY_PADDING = 20;
         var resize = new YAHOO.util.Resize('toolPanel', {
             handles: ['br'],
             autoRatio: false,
             status: true
         });

         resize.on('resize', function(args) {

             var panelHeight = args.height;

             var headerHeight = this.header.offsetHeight; // Content +
Padding + Border
             var footerHeight = this.footer.offsetHeight; // Content +
Padding + Border

             var bodyHeight = (panelHeight - headerHeight - footerHeight);
             var bodyContentHeight = (IE_QUIRKS) ? bodyHeight :
bodyHeight - PANEL_BODY_PADDING;

             YAHOO.util.Dom.setStyle(this.body, 'height',
bodyContentHeight + 'px');

             if (IE_SYNC) {

                 this.sizeUnderlay();
                 this.syncIframe();
             }
         }, gToolPanel, true);

         YAHOO.util.Event.on("showbtn", "click", showPanel, gToolPanel,
true);

     }

     function showPanel()
     {
         window.frames["toolFrame"].location.href = "http://www.yahoo.com";
         gToolPanel.show();
     }

     YAHOO.util.Event.onDOMReady(init);

</script>


<body class=" yui-skin-sam">
     <button id="showbtn">Show Resizable Panel</button>

     <div id="toolPanel" style="border-left-color: #ff3333;
border-bottom-color: #ff3333; border-top-style: solid;
border-top-color: #ff3333; border-right-style: solid;
border-left-style: solid; border-right-color: #ff3333;
border-bottom-style: solid;">
         <div class="hd">Important Tool</div>
         <div class="bd" style="height:100%; border-left-color: green;
border-bottom-color: green; border-top-style: solid; border-top-color:
green; border-right-style: solid; border-left-style: solid;
border-right-color: green; border-bottom-style: solid;">
             <iframe id="toolFrame" name="toolFrame" src=""
style="height:95%; width:95%; border-left-color: blue;
border-bottom-color: blue; border-top-style: solid; border-top-color:
blue; border-right-style: solid; border-left-style: solid;
border-right-color: blue; border-bottom-style: solid;">foo</iframe>
         </div>
         <div class="ft">Footer</div>
     </div>
</body>



--- In ydn-javascript@yahoogroups.com, "aniad" <aniad@...> wrote:
>
> I have a resizable panel which has an <iframe> inside it.  I'm having
> a really hard time getting the panel, resize control and my iframe to
> size properly.  The resize control's handle shows up in a weird place,
> and so does the body's div and iframe.
>
> Any suggestions on what the problem might be?
>
> Thank you,
> Ania.
>
> Here is the code, please note I put different color border on divs and
> iframe to try to make sense of the sizing issue:
>
> <style type="text/css">
> #toolPanel .bd {
>     overflow:auto;
>     height:10em;
>     background-color:#fff;
>     padding:10px;
> }
>
> #toolPanel .ft {
>     height:15px;
>     padding:0;
> }
>
> #toolPanel .yui-resize-handle-br {
>     right:0;
>     bottom:0;
>     height: 8px;
>     width: 8px;
>     position:absolute;
> }
>
> </style>
>
> </head>
>
>
> <script>
> var gToolPanel;
>
>     function init()
>     {
>         // Create panel
>         gToolPanel = new YAHOO.widget.Panel( "toolPanel", {
> xy:[100,100], modal: true, draggable: true, close: true, width:
> "1100px", height: "700px", visible:true });
>         gToolPanel.render();
>
>         var PANEL_BODY_PADDING = 20;
>
>         var resize = new YAHOO.util.Resize('toolPanel', {
>             handles: ['br'],
>             autoRatio: false,
>             status: true
>         });
>
>         resize.on('resize', function(args) {
>
>             var panelHeight = args.height;
>
>             var headerHeight = this.header.offsetHeight;
>             var footerHeight = this.footer.offsetHeight;
>
>             var bodyHeight = (panelHeight - headerHeight -
footerHeight);
>             var bodyContentHeight = (IE_QUIRKS) ? bodyHeight :
> bodyHeight - PANEL_BODY_PADDING;
>
>             YAHOO.util.Dom.setStyle(this.body, 'height',
> bodyContentHeight + 'px');
>
>             if (IE_SYNC) {
>
>                 this.sizeUnderlay();
>                 this.syncIframe();
>             }
>         }, gToolPanel, true);
>
>         YAHOO.util.Event.on("showbtn", "click", showPanel, gToolPanel,
> true);
>     }
>
>     function showPanel()
>     {
>         window.frames["toolFrame"].location.href =
"http://www.yahoo.com";
>         gToolPanel.show();
>     }
>
>     YAHOO.util.Event.onDOMReady(init);
>
> </script>
>
>
> <body class=" yui-skin-sam">
>     <button id="showbtn">Show Resizable Panel</button>
>
>     <div id="toolPanel" height=100% width=100% style="height:100%;
> width:100%; border-left-color: #ff3333; border-bottom-color: #ff3333;
> border-top-style: solid; border-top-color: #ff3333;
> border-right-style: solid; border-left-style: solid;
> border-right-color: #ff3333; border-bottom-style: solid;">
>         <div class="hd">Important Tool</div>
>         <div class="bd" style="height:100%; width:90%;"
> style="height:100%; width:100%; border-left-color: green;
> border-bottom-color: green; border-top-style: solid; border-top-color:
> green; border-right-style: solid; border-left-style: solid;
> border-right-color: green; border-bottom-style: solid;">
>             <iframe id="toolFrame" name="toolFrame" width="100%"
> height="100%" src="" style="height:100%; width:100%;
> border-left-color: blue; border-bottom-color: blue; border-top-style:
> solid; border-top-color: blue; border-right-style: solid;
> border-left-style: solid; border-right-color: blue;
> border-bottom-style: solid;">foo</iframe>
>         </div>
>         <div class="ft"></div>
>     </div>
> </body>
>

#33602 From: "wally.ritchie" <wally.ritchie@...>
Date: Mon Jun 30, 2008 8:35 pm
Subject: Re: disabling a menu
wally.ritchie
Send Email Send Email
 
--- In ydn-javascript@yahoogroups.com, "Todd Wells" <ttopwells@...> wrote:
>
> I'd like to disable one of the menus on my menubar depending on the
context,
> but I can't quite figure out the right way to do it.
>
> What I *thought* was the right way doesn't seem to have any effect
(the menu
> is still enabled and I can still pick any item on it):
>
> var testPassMenu = oMenuBar.getSubmenus()[1];
> testPassMenu.cfg.disabled = true;
>
> What's the right way to do this?
>
I use:

testPassMenu.cfg.setProperty("disabled", true);

although what you are doing should also work - it does for me.
Make sure that what you want is the second "Submenu", not the second
item on the barmenu. Disabling the submenu shows no visible change on
the bar but the items in the submenu itself will be disabled and
unselectable.

#33603 From: "dateimoerder" <dateimoerder@...>
Date: Mon Jun 30, 2008 9:14 pm
Subject: Issue with Panels
dateimoerder
Send Email Send Email
 
Hello,

I'm a teacher and I'm really just getting into CSS / Javascript, so be
gentle I've only just popped my cherry.

So far I've successfully figured out a system which allows a given
word within a body of text to both have a tooltip popup box, as well
as a panel pop up for it when clicked.

My intent is to create a series of webpages that contain assignment
information for students, such as how to complete a project.  The hope
is that I can code this page in such a way that all the 'difficult'
words contain a tooltip with a basic definition, and then have a panel
that will pop up when they are clicked with a much more indepth
definition, including a pronunciation guide and wave file that when an
Icon is clicked the student can listen to the definition (for those
with disabilities / language issues).

Here are the problems I forsee and would like help with avoiding:

Firstly, through my testing I have discovered that only the first
instance of a particular id within a page will launch my tooltip or
the panel.  This is problematic because though most students will 'get
it' that the first instance is the only clickable one, I would like
all of them to function the same.  I do not feel like coding a whole
bunch of ID's and entries for those ID's to make that work... who would?

Ive seen some stuff related to groupIDs but at my current level of
understanding I really cant make sense of it.  Can someone explicate
this a bit further for me.  I'm not dumb... I just dont have the
rudiments down.

Secondly, I've done some limited testing to attempt to make it so that
the in-depth glossary entries are not in-line to the page, but rather
that they are external held in .html files in a sub-directory called
/glossary/.  This would be an ideal setup because it would allow me to
link to pages in the glossary directory for the content of my panels
so that I would only need to change those .html files in order to
change content over multiple assignment pages.

The problem I'm facing with this is that my limited CSS / HTML
knowledge doesnt seem to be cutting it.  I attempted using a frame
within the panel to show the content, but it doesnt even show the
content of the referenced html file.

Regards-
Robert "Dateimoerder" Ralph

#33604 From: "Zubin Tiku" <thegreatzubini@...>
Date: Mon Jun 30, 2008 9:40 pm
Subject: Re: RTE: Removing underline not working in IE 6.0.29 / IE 7.0.6 / FF 3.0
thegreatzubini
Send Email Send Email
 
done.

--- In ydn-javascript@yahoogroups.com, Dav Glass <dav.glass@...> wrote:
>
> Zubin --
>
> Can you file a bug for this here:
> http://developer.yahoo.com/yui/editor#filingbugs
>
>
> Thanks
> Dav
>
> Dav Glass
> dav.glass@...
> blog.davglass.com
>
>
>
>
> + Windows: n. - The most successful computer virus, ever. +
> + A computer without a Microsoft operating system is like a dog
> without bricks tied to its head +
> + A Microsoft Certified Systems Engineer is to computing what a
> McDonalds Certified Food Specialist is to fine cuisine  +
>
>
>
> ----- Original Message ----
> From: Zubin Tiku <thegreatzubini@...>
> To: ydn-javascript@yahoogroups.com
> Sent: Monday, June 30, 2008 11:14:19 AM
> Subject: [ydn-javascript] RTE: Removing underline not working in IE 6.0.29 /
IE 7.0.6 /
FF 3.0
>
> Using YUI 2.5.2
>
> Hi.  I'm seeing a situation in where if I follow these steps, I cannot remove
an underline
> that I created using YAHOO.widget.SimpleEditor
>
> STEPS (all without post-back) :
>
> load text into the editor
> show the editor
> underline some text
> hide the editor
> save the text
>
> load the text into the editor again
> show the editor
> try to remove the underline... can't be done
>
> NOTES:
>
> In Firefox, this can be resolved by the remove formatting tool, but in
Internet Explorer
> even that doesn't work.  Has anyone else encountered a problem like this
before?  Oddly
> enough, this works perfectly in Safari 3.1.2
>
>
> ------------------------------------
>
> Yahoo! Groups Links
>

#33605 From: "Todd Wells" <ttopwells@...>
Date: Mon Jun 30, 2008 9:43 pm
Subject: Re: Re: disabling a menu
ttopwells
Send Email Send Email
 
I want to clarify what is meant here... I have a menu bar with two menus -- Project and Test Pass, each of which have a number of items on it.  I'd like to disable Test Pass in some situations, either from it being selected at all or, as an alternative, having any of it's items selected. With the method I was trying, neither was happening.  How can I disable the item on the menubar?

On Mon, Jun 30, 2008 at 1:35 PM, wally.ritchie <wally.ritchie@...> wrote:

I use:

testPassMenu.cfg.setProperty("disabled", true);

although what you are doing should also work - it does for me.
Make sure that what you want is the second "Submenu", not the second
item on the barmenu. Disabling the submenu shows no visible change on
the bar but the items in the submenu itself will be disabled and
unselectable.


#33606 From: Dav Glass <dav.glass@...>
Date: Mon Jun 30, 2008 11:10 pm
Subject: Re: Re: Panel sizing problem (actually resize handle positioning problem)
dav.glass
Send Email Send Email
 
aniad --

If you are rendering the Panel hidden, I would suggest that you hook into the
panels showEvent then create the resize instance on the first showing..

Does that make sense?
Dav

  Dav Glass
dav.glass@...
blog.davglass.com




+ Windows: n. - The most successful computer virus, ever. +
+ A computer without a Microsoft operating system is like a dog
without bricks tied to its head +
+ A Microsoft Certified Systems Engineer is to computing what a
McDonalds Certified Food Specialist is to fine cuisine  +



----- Original Message ----
From: aniad <aniad@...>
To: ydn-javascript@yahoogroups.com
Sent: Monday, June 30, 2008 1:24:24 PM
Subject: [ydn-javascript] Re: Panel sizing problem (actually resize handle
positioning problem)

I have further diagnosed my problem.  It has to do with giving initial
height to the panel.  When panel size is indicated on creation, then
the first time the panel is shown (it is created hidden), the resize
handle is off.  Sizing the panel very first time aligns the handle,
and any subsequent hide/show of the panel shows the resize handle
correctly.

I want to create the panel hidden and I want to specify its width and
height, any ideas on how to get the resize handle positioned correctly?

Below is fuller version of the code.  Note, removing/adding the
height:"700px" from panel creation is what seems to cause the resize
handle positioning problem.

Ania.

<style type="text/css">
/* style for tool panel stuff */
#toolPanel .bd {
     overflow:auto;
     background-color:yellow;
     padding:10px;
}

#toolPanel .ft {
     height:15px;
     padding:0;
}

#toolPanel .yui-resize-handle-br {
     right:0;
     bottom:0;
     height: 8px;
     width: 8px;
     position:absolute;
}
</style>

</head>


<script>
var gToolPanel;

     // QUIRKS FLAG, FOR BOX MODEL
     var IE_QUIRKS = (YAHOO.env.ua.ie && document.compatMode ==
"BackCompat");

     // UNDERLAY/IFRAME SYNC REQUIRED
     var IE_SYNC = (YAHOO.env.ua.ie == 6 || (YAHOO.env.ua.ie == 7 &&
IE_QUIRKS));

     function init()
     {
         // Create panel where tools will show
         gToolPanel = new YAHOO.widget.Panel( "toolPanel", {
xy:[100,100], modal: true, draggable: true, close: true, width:
"1100px", height: "700px", visible:false });
         gToolPanel.render();

         var PANEL_BODY_PADDING = 20;
         var resize = new YAHOO.util.Resize('toolPanel', {
             handles: ['br'],
             autoRatio: false,
             status: true
         });

         resize.on('resize', function(args) {

             var panelHeight = args.height;

             var headerHeight = this.header.offsetHeight; // Content +
Padding + Border
             var footerHeight = this.footer.offsetHeight; // Content +
Padding + Border

             var bodyHeight = (panelHeight - headerHeight - footerHeight);
             var bodyContentHeight = (IE_QUIRKS) ? bodyHeight :
bodyHeight - PANEL_BODY_PADDING;

             YAHOO.util.Dom.setStyle(this.body, 'height',
bodyContentHeight + 'px');

             if (IE_SYNC) {

                 this.sizeUnderlay();
                 this.syncIframe();
             }
         }, gToolPanel, true);

         YAHOO.util.Event.on("showbtn", "click", showPanel, gToolPanel,
true);

     }

     function showPanel()
     {
         window.frames["toolFrame"].location.href = "http://www.yahoo.com";
         gToolPanel.show();
     }

     YAHOO.util.Event.onDOMReady(init);

</script>


<body class=" yui-skin-sam">
     <button id="showbtn">Show Resizable Panel</button>

     <div id="toolPanel" style="border-left-color: #ff3333;
border-bottom-color: #ff3333; border-top-style: solid;
border-top-color: #ff3333; border-right-style: solid;
border-left-style: solid; border-right-color: #ff3333;
border-bottom-style: solid;">
         <div class="hd">Important Tool</div>
         <div class="bd" style="height:100%; border-left-color: green;
border-bottom-color: green; border-top-style: solid; border-top-color:
green; border-right-style: solid; border-left-style: solid;
border-right-color: green; border-bottom-style: solid;">
             <iframe id="toolFrame" name="toolFrame" src=""
style="height:95%; width:95%; border-left-color: blue;
border-bottom-color: blue; border-top-style: solid; border-top-color:
blue; border-right-style: solid; border-left-style: solid;
border-right-color: blue; border-bottom-style: solid;">foo</iframe>
         </div>
         <div class="ft">Footer</div>
     </div>
</body>



--- In ydn-javascript@yahoogroups.com, "aniad" <aniad@...> wrote:
>
> I have a resizable panel which has an <iframe> inside it.  I'm having
> a really hard time getting the panel, resize control and my iframe to
> size properly.  The resize control's handle shows up in a weird place,
> and so does the body's div and iframe.
>
> Any suggestions on what the problem might be?
>
> Thank you,
> Ania.
>
> Here is the code, please note I put different color border on divs and
> iframe to try to make sense of the sizing issue:
>
> <style type="text/css">
> #toolPanel .bd {
>     overflow:auto;
>     height:10em;
>     background-color:#fff;
>     padding:10px;
> }
>
> #toolPanel .ft {
>     height:15px;
>     padding:0;
> }
>
> #toolPanel .yui-resize-handle-br {
>     right:0;
>     bottom:0;
>     height: 8px;
>     width: 8px;
>     position:absolute;
> }
>
> </style>
>
> </head>
>
>
> <script>
> var gToolPanel;
>
>     function init()
>     {
>         // Create panel
>         gToolPanel = new YAHOO.widget.Panel( "toolPanel", {
> xy:[100,100], modal: true, draggable: true, close: true, width:
> "1100px", height: "700px", visible:true });
>         gToolPanel.render();
>
>         var PANEL_BODY_PADDING = 20;
>
>         var resize = new YAHOO.util.Resize('toolPanel', {
>             handles: ['br'],
>             autoRatio: false,
>             status: true
>         });
>
>         resize.on('resize', function(args) {
>
>             var panelHeight = args.height;
>
>             var headerHeight = this.header.offsetHeight;
>             var footerHeight = this.footer.offsetHeight;
>
>             var bodyHeight = (panelHeight - headerHeight -
footerHeight);
>             var bodyContentHeight = (IE_QUIRKS) ? bodyHeight :
> bodyHeight - PANEL_BODY_PADDING;
>
>             YAHOO.util.Dom.setStyle(this.body, 'height',
> bodyContentHeight + 'px');
>
>             if (IE_SYNC) {
>
>                 this.sizeUnderlay();
>                 this.syncIframe();
>             }
>         }, gToolPanel, true);
>
>         YAHOO.util.Event.on("showbtn", "click", showPanel, gToolPanel,
> true);
>     }
>
>     function showPanel()
>     {
>         window.frames["toolFrame"].location.href =
"http://www.yahoo.com";
>         gToolPanel.show();
>     }
>
>     YAHOO.util.Event.onDOMReady(init);
>
> </script>
>
>
> <body class=" yui-skin-sam">
>     <button id="showbtn">Show Resizable Panel</button>
>
>     <div id="toolPanel" height=100% width=100% style="height:100%;
> width:100%; border-left-color: #ff3333; border-bottom-color: #ff3333;
> border-top-style: solid; border-top-color: #ff3333;
> border-right-style: solid; border-left-style: solid;
> border-right-color: #ff3333; border-bottom-style: solid;">
>         <div class="hd">Important Tool</div>
>         <div class="bd" style="height:100%; width:90%;"
> style="height:100%; width:100%; border-left-color: green;
> border-bottom-color: green; border-top-style: solid; border-top-color:
> green; border-right-style: solid; border-left-style: solid;
> border-right-color: green; border-bottom-style: solid;">
>             <iframe id="toolFrame" name="toolFrame" width="100%"
> height="100%" src="" style="height:100%; width:100%;
> border-left-color: blue; border-bottom-color: blue; border-top-style:
> solid; border-top-color: blue; border-right-style: solid;
> border-left-style: solid; border-right-color: blue;
> border-bottom-style: solid;">foo</iframe>
>         </div>
>         <div class="ft"></div>
>     </div>
> </body>
>



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

Yahoo! Groups Links

#33607 From: "wally.ritchie" <wally.ritchie@...>
Date: Mon Jun 30, 2008 11:40 pm
Subject: Re: disabling a menu
wally.ritchie
Send Email Send Email
 
--- In ydn-javascript@yahoogroups.com, "Todd Wells" <ttopwells@...> wrote:
>
> I want to clarify what is meant here... I have a menu bar with two
menus --
> Project and Test Pass, each of which have a number of items on it.
I'd like
> to disable Test Pass in some situations, either from it being
selected at
> all or, as an alternative, having any of it's items selected. With the
> method I was trying, neither was happening.  How can I disable the
item on
> the menubar?
>
> On Mon, Jun 30, 2008 at 1:35 PM, wally.ritchie <wally.ritchie@...>
> wrote:
>
> >   I use:
> >
> > testPassMenu.cfg.setProperty("disabled", true);
> >
> > although what you are doing should also work - it does for me.
> > Make sure that what you want is the second "Submenu", not the second
> > item on the barmenu. Disabling the submenu shows no visible change on
> > the bar but the items in the submenu itself will be disabled and
> > unselectable.
> >
>
What you are doing should work. Make sure that you are using the
barmenu object for the getSubmenus() call and not a menu item. Try an
alert or firebug to make sure you are working with the right objects.
The setProperty will add the class "disabled" to a division that is a
child of the menubaritem containing the submenu.

It's also possible you have a timing problem. I believe that the menu
has to be rendered before you can disable it.

#33608 From: "Todd Wells" <ttopwells@...>
Date: Tue Jul 1, 2008 12:12 am
Subject: Re: Re: disabling a menu
ttopwells
Send Email Send Email
 
Your method worked where mine didn't (don't know why). 

On Mon, Jun 30, 2008 at 4:40 PM, wally.ritchie <wally.ritchie@...> wrote:

--- In ydn-javascript@yahoogroups.com, "Todd Wells" <ttopwells@...> wrote:
>
> I want to clarify what is meant here... I have a menu bar with two
menus --
> Project and Test Pass, each of which have a number of items on it.
I'd like
> to disable Test Pass in some situations, either from it being
selected at
> all or, as an alternative, having any of it's items selected. With the
> method I was trying, neither was happening. How can I disable the
item on
> the menubar?
>
> On Mon, Jun 30, 2008 at 1:35 PM, wally.ritchie <wally.ritchie@...>

> wrote:
>
> > I use:
> >
> > testPassMenu.cfg.setProperty("disabled", true);
> >
> > although what you are doing should also work - it does for me.
> > Make sure that what you want is the second "Submenu", not the second
> > item on the barmenu. Disabling the submenu shows no visible change on
> > the bar but the items in the submenu itself will be disabled and
> > unselectable.
> >
>
What you are doing should work. Make sure that you are using the
barmenu object for the getSubmenus() call and not a menu item. Try an
alert or firebug to make sure you are working with the right objects.
The setProperty will add the class "disabled" to a division that is a
child of the menubaritem containing the submenu.

It's also possible you have a timing problem. I believe that the menu
has to be rendered before you can disable it.



#33609 From: "aniad" <aniad@...>
Date: Tue Jul 1, 2008 12:15 am
Subject: Re: Panel sizing problem (actually resize handle positioning problem)
aniad
Send Email Send Email
 
Hi Dav,

It doesn't make any difference, because if I create the panel shown
("visible:true"), the resize handle still paints, first time, in a
wrong place.

Ania.

--- In ydn-javascript@yahoogroups.com, Dav Glass <dav.glass@...> wrote:
>
> aniad --
>
> If you are rendering the Panel hidden, I would suggest that you hook
into the panels showEvent then create the resize instance on the first
showing..
>
> Does that make sense?
> Dav
>
>  Dav Glass
> dav.glass@...
> blog.davglass.com
>
>
>
>
> + Windows: n. - The most successful computer virus, ever. +
> + A computer without a Microsoft operating system is like a dog
> without bricks tied to its head +
> + A Microsoft Certified Systems Engineer is to computing what a
> McDonalds Certified Food Specialist is to fine cuisine  +
>
>
>
> ----- Original Message ----
> From: aniad <aniad@...>
> To: ydn-javascript@yahoogroups.com
> Sent: Monday, June 30, 2008 1:24:24 PM
> Subject: [ydn-javascript] Re: Panel sizing problem (actually resize
handle positioning problem)
>
> I have further diagnosed my problem.  It has to do with giving initial
> height to the panel.  When panel size is indicated on creation, then
> the first time the panel is shown (it is created hidden), the resize
> handle is off.  Sizing the panel very first time aligns the handle,
> and any subsequent hide/show of the panel shows the resize handle
> correctly.
>
> I want to create the panel hidden and I want to specify its width and
> height, any ideas on how to get the resize handle positioned correctly?
>
> Below is fuller version of the code.  Note, removing/adding the
> height:"700px" from panel creation is what seems to cause the resize
> handle positioning problem.
>
> Ania.
>
> <style type="text/css">
> /* style for tool panel stuff */
> #toolPanel .bd {
>     overflow:auto;
>     background-color:yellow;
>     padding:10px;
> }
>
> #toolPanel .ft {
>     height:15px;
>     padding:0;
> }
>
> #toolPanel .yui-resize-handle-br {
>     right:0;
>     bottom:0;
>     height: 8px;
>     width: 8px;
>     position:absolute;
> }
> </style>
>
> </head>
>
>
> <script>
> var gToolPanel;
>
>     // QUIRKS FLAG, FOR BOX MODEL
>     var IE_QUIRKS = (YAHOO.env.ua.ie && document.compatMode ==
> "BackCompat");
>
>     // UNDERLAY/IFRAME SYNC REQUIRED
>     var IE_SYNC = (YAHOO.env.ua.ie == 6 || (YAHOO.env.ua.ie == 7 &&
> IE_QUIRKS));
>
>     function init()
>     {
>         // Create panel where tools will show
>         gToolPanel = new YAHOO.widget.Panel( "toolPanel", {
> xy:[100,100], modal: true, draggable: true, close: true, width:
> "1100px", height: "700px", visible:false });
>         gToolPanel.render();
>
>         var PANEL_BODY_PADDING = 20;
>         var resize = new YAHOO.util.Resize('toolPanel', {
>             handles: ['br'],
>             autoRatio: false,
>             status: true
>         });
>
>         resize.on('resize', function(args) {
>
>             var panelHeight = args.height;
>
>             var headerHeight = this.header.offsetHeight; // Content +
> Padding + Border
>             var footerHeight = this.footer.offsetHeight; // Content +
> Padding + Border
>
>             var bodyHeight = (panelHeight - headerHeight -
footerHeight);
>             var bodyContentHeight = (IE_QUIRKS) ? bodyHeight :
> bodyHeight - PANEL_BODY_PADDING;
>
>             YAHOO.util.Dom.setStyle(this.body, 'height',
> bodyContentHeight + 'px');
>
>             if (IE_SYNC) {
>
>                 this.sizeUnderlay();
>                 this.syncIframe();
>             }
>         }, gToolPanel, true);
>
>         YAHOO.util.Event.on("showbtn", "click", showPanel, gToolPanel,
> true);
>
>     }
>
>     function showPanel()
>     {
>         window.frames["toolFrame"].location.href =
"http://www.yahoo.com";
>         gToolPanel.show();
>     }
>
>     YAHOO.util.Event.onDOMReady(init);
>
> </script>
>
>
> <body class=" yui-skin-sam">
>     <button id="showbtn">Show Resizable Panel</button>
>
>     <div id="toolPanel" style="border-left-color: #ff3333;
> border-bottom-color: #ff3333; border-top-style: solid;
> border-top-color: #ff3333; border-right-style: solid;
> border-left-style: solid; border-right-color: #ff3333;
> border-bottom-style: solid;">
>         <div class="hd">Important Tool</div>
>         <div class="bd" style="height:100%; border-left-color: green;
> border-bottom-color: green; border-top-style: solid; border-top-color:
> green; border-right-style: solid; border-left-style: solid;
> border-right-color: green; border-bottom-style: solid;">
>             <iframe id="toolFrame" name="toolFrame" src=""
> style="height:95%; width:95%; border-left-color: blue;
> border-bottom-color: blue; border-top-style: solid; border-top-color:
> blue; border-right-style: solid; border-left-style: solid;
> border-right-color: blue; border-bottom-style: solid;">foo</iframe>
>         </div>
>         <div class="ft">Footer</div>
>     </div>
> </body>
>
>
>
> --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@> wrote:
> >
> > I have a resizable panel which has an <iframe> inside it.  I'm having
> > a really hard time getting the panel, resize control and my iframe to
> > size properly.  The resize control's handle shows up in a weird place,
> > and so does the body's div and iframe.
> >
> > Any suggestions on what the problem might be?
> >
> > Thank you,
> > Ania.
> >
> > Here is the code, please note I put different color border on divs and
> > iframe to try to make sense of the sizing issue:
> >
> > <style type="text/css">
> > #toolPanel .bd {
> >     overflow:auto;
> >     height:10em;
> >     background-color:#fff;
> >     padding:10px;
> > }
> >
> > #toolPanel .ft {
> >     height:15px;
> >     padding:0;
> > }
> >
> > #toolPanel .yui-resize-handle-br {
> >     right:0;
> >     bottom:0;
> >     height: 8px;
> >     width: 8px;
> >     position:absolute;
> > }
> >
> > </style>
> >
> > </head>
> >
> >
> > <script>
> > var gToolPanel;
> >
> >     function init()
> >     {
> >         // Create panel
> >         gToolPanel = new YAHOO.widget.Panel( "toolPanel", {
> > xy:[100,100], modal: true, draggable: true, close: true, width:
> > "1100px", height: "700px", visible:true });
> >         gToolPanel.render();
> >
> >         var PANEL_BODY_PADDING = 20;
> >
> >         var resize = new YAHOO.util.Resize('toolPanel', {
> >             handles: ['br'],
> >             autoRatio: false,
> >             status: true
> >         });
> >
> >         resize.on('resize', function(args) {
> >
> >             var panelHeight = args.height;
> >
> >             var headerHeight = this.header.offsetHeight;
> >             var footerHeight = this.footer.offsetHeight;
> >
> >             var bodyHeight = (panelHeight - headerHeight -
> footerHeight);
> >             var bodyContentHeight = (IE_QUIRKS) ? bodyHeight :
> > bodyHeight - PANEL_BODY_PADDING;
> >
> >             YAHOO.util.Dom.setStyle(this.body, 'height',
> > bodyContentHeight + 'px');
> >
> >             if (IE_SYNC) {
> >
> >                 this.sizeUnderlay();
> >                 this.syncIframe();
> >             }
> >         }, gToolPanel, true);
> >
> >         YAHOO.util.Event.on("showbtn", "click", showPanel, gToolPanel,
> > true);
> >     }
> >
> >     function showPanel()
> >     {
> >         window.frames["toolFrame"].location.href =
> "http://www.yahoo.com";
> >         gToolPanel.show();
> >     }
> >
> >     YAHOO.util.Event.onDOMReady(init);
> >
> > </script>
> >
> >
> > <body class=" yui-skin-sam">
> >     <button id="showbtn">Show Resizable Panel</button>
> >
> >     <div id="toolPanel" height=100% width=100% style="height:100%;
> > width:100%; border-left-color: #ff3333; border-bottom-color: #ff3333;
> > border-top-style: solid; border-top-color: #ff3333;
> > border-right-style: solid; border-left-style: solid;
> > border-right-color: #ff3333; border-bottom-style: solid;">
> >         <div class="hd">Important Tool</div>
> >         <div class="bd" style="height:100%; width:90%;"
> > style="height:100%; width:100%; border-left-color: green;
> > border-bottom-color: green; border-top-style: solid; border-top-color:
> > green; border-right-style: solid; border-left-style: solid;
> > border-right-color: green; border-bottom-style: solid;">
> >             <iframe id="toolFrame" name="toolFrame" width="100%"
> > height="100%" src="" style="height:100%; width:100%;
> > border-left-color: blue; border-bottom-color: blue; border-top-style:
> > solid; border-top-color: blue; border-right-style: solid;
> > border-left-style: solid; border-right-color: blue;
> > border-bottom-style: solid;">foo</iframe>
> >         </div>
> >         <div class="ft"></div>
> >     </div>
> > </body>
> >
>
>
>
> ------------------------------------
>
> Yahoo! Groups Links
>

#33610 From: Matt Sweeney <msweeney@...>
Date: Tue Jul 1, 2008 12:21 am
Subject: Re: Re: [BUG] YAHOO.util.Dom.getXY returns 5 different results in 5 browsers
matt.sweeney
Send Email Send Email
 
Hi Iliyan,

> So, it is working OK in all browsers, except FF2, probably due to
> these border positioning issues you mentioned above. Are there some
> workarounds for that?
The workaround is to manually account for borderTop/Left widths up the
ancestor axis of the node in FF2.

Matt

peychevi wrote:
> --- In ydn-javascript@yahoogroups.com, Matt Sweeney <msweeney@...> wrote:
>
>> Hi,
>>
>>
>>> Do you know why there are differences and how to fix this issue?
>>>
>> In some positioning contexts, borders in FF2 are known to skew
>> positioning values.
>>
>> Have you tried using Dom.setXY to set the position?  Using Dom.setXY
>> will be more accurate x-browser than feeding Dom.getXY values to
>> style.top/left.
>>
>
> I have tried this, but in FF2 there were still some issues. FF3 hasn't
> been released yet and I haven't tested with IE.
>
> Now I did it again and here are the results:
> This fixed the issue in Internet Explorer, in FF2 it didn't.
>
> So, it is working OK in all browsers, except FF2, probably due to
> these border positioning issues you mentioned above. Are there some
> workarounds for that?
>
> Thank you very much!
>
>
>> Matt
>>
>
> Iliyan
>
>
>

#33611 From: "ledelste" <ladlestein@...>
Date: Tue Jul 1, 2008 12:59 am
Subject: Re: use Element.on for change event of SELECT?
ledelste
Send Email Send Email
 
> ...Version 3 will bring a
> greater standardization of components and clear guidelines on how to
> build them, which can be conveyed to external developers so all
> components look and behave alike.  That's going to be like YUI leaving
> home to go to college.

Like most people I had a lot of fun in college, and sort of wish I could
go back.  So I am jealous of your upcoming YUI experience!  Coming up
with a process for letting the external community contribute to the core
YUI library will be very interesting for all involved.

> ... Yahoo has to reach all sorts of people with all sorts of
> browsers and with JavaScript enabled or not.  This means that,
regarding
> forms, they have to come already built in the HTML page, they can't be
> build dynamically because someone might not have JavaScript enabled.
> For those users, pages have to stand on their own without JavaScript.

I understand.  It poses a question, though, for my group, because at the
moment we are developing internal applications, where we have a lot of
control over the browser.  For the time being, we really don't need
progressive enhancement.  When we open our internal applications to our
users, then it may very well be very important to us.

Anyway, it gives me a lot to think about.  Thanks!

--- In ydn-javascript@yahoogroups.com, Satyam <satyam@...> wrote:
>
> The YUI team is quite small and can't do all.  They have their
> priorities and, since the major user of their components is Yahoo
> itself, what Yahoo doesn't need it is hard to raise in their list of
> priorities. Yahoo has to reach all sorts of people with all sorts of
> browsers and with JavaScript enabled or not.  This means that,
regarding
> forms, they have to come already built in the HTML page, they can't be
> build dynamically because someone might not have JavaScript enabled.
> For those users, pages have to stand on their own without JavaScript.
> If JS is enabled, then they can be enhanced with extra features, a few
> fields might have some extra interaction, some validation but
otherwise,
> Connection Manager's setForm method is quite enough to get the form
> submitted via XHR instead of old GET or POST.  Anyway, none of these
> enhancements involves building the control, just enhancing an existing
> one, which you can do quite well by using Element alone though most of
> the time Dom and Event will be quite enough.
>
> Eric Miraglia has announced that starting version 3 external
developers
> will be able to add to YUI.  Then, other priorities will start
counting
> as the number of developers expands.  This also coincides with a huge
> reorganization of the library.  YUI has grown a step at a time.
> Different components behave in different ways.  Older components don't
> use Element, which is quite new. This is understandable from a
> historical perspective but can't go on forever.  Version 3 will bring
a
> greater standardization of components and clear guidelines on how to
> build them, which can be conveyed to external developers so all
> components look and behave alike.  That's going to be like YUI leaving
> home to go to college.
>
> Satyam
>

#33612 From: "ledelste" <ladlestein@...>
Date: Tue Jul 1, 2008 1:07 am
Subject: Menu with DataSource?
ledelste
Send Email Send Email
 
Has anyone tried to drive a Menu from a DataSource?  I'm figuring it's
probably not that hard, and I may give it a shot.  Maybe someone out
there has already done it?

#33613 From: Matt Sweeney <msweeney@...>
Date: Tue Jul 1, 2008 1:19 am
Subject: Re: TabView dataSrc loadMethod
matt.sweeney
Send Email Send Email
 
Hi Jamie,

Tabview does not currently support postArgs, but this is coming in our
next release.

Matt

Jamie wrote:
> This question was asked a while back, and at that time TabView did not
> support the method of POST yet.  Does TabView support POST and if not,
> is TabView going to support POST anytime soon?
>
> If TabView does support POST, can you give me an idea on how to use it
> as I have tried a few different ways and it does not seem to want to
> accept the post parameters.
>
> Thanks,
>
> Jamie
>
>
>

#33614 From: "cuz_dawg" <cuz_dawg@...>
Date: Tue Jul 1, 2008 1:44 am
Subject: Autocomplete with forceSelection:true clears selection on blur
cuz_dawg
Send Email Send Email
 
After selecting an Autocomplete value, if I then tab through the field
without changing anything / typing anything, the previously selected
value dissapears. Is this because I'm using the itemSelectEvent to set
the value of the input field and the Autocomplete can't then determine
whether that value is valid?

var dmsUsersDs;
function setupAutoCompletes() {
	 dmsUsersDs = new
YAHOO.widget.DS_JSArray(flattenObjectArrayMulti(users, ["fullname",
"userid"]));
	 var els = Dom.getElementsByClassName("usersAutoComplete", "div",
document.body);
	 Dom.batch(els, setupDmsUsersAutoComplete);
}

function setupDmsUsersAutoComplete(el) {
	 var input = el.childNodes[0];
	 var container = el.childNodes[2];

     lookup = new YAHOO.widget.AutoComplete(input, container, dmsUsersDs);
     lookup.input = input;
     lookup.prehighlightClassName = "yui-ac-prehighlight";
     lookup.animVert = false;
     lookup.animHoriz = false;
     lookup.useShadow = true;
     lookup.useIFrame = true;
     lookup.forceSelection = true;
     lookup.maxResultsDisplayed = 50;
     lookup.formatResult = function(item, query) {
         var html = item[0] + " (" + item[1] + ")";
         return (html);
     };
     lookup.itemSelectEvent.subscribe(dmsUserSelect);
}

function dmsUserSelect(type, args) {
	 args[0].input.value = args[2][1];
}

#33615 From: "Mike Prince" <bubomike@...>
Date: Tue Jul 1, 2008 2:18 am
Subject: Re: Incorrect column resizing of datatable in Firefox
mprince001
Send Email Send Email
 
Hi Luke

Yes I have. If I set a width on the container div it makes no
difference, and if I set a width in the datatable config itself I get
a horizontal scrollbar (as would be expected).

-- Mike --

--- In ydn-javascript@yahoogroups.com, "y_lsmith" <lsmith@...> wrote:
>
> Mike,
>
> Have you tried setting the width configuration to be in accord with
> the iframe width?
>
> Luke
>

#33616 From: "malutanpetronel" <malutanpetronel@...>
Date: Tue Jul 1, 2008 3:13 am
Subject: Where the stop occur
malutanpetronel
Send Email Send Email
 
var nodesToExpand = rec._oData.chain_objid.split(",");
  var n = nodesToExpand.length;
  m=0;
  do {
   var id = nodesToExpand[m];
   var nodeToExpand = tree.getNodeByProperty("id", id);
   nodeToExpand.setDynamicLoad(dataFunction, 1);
   while(nodeToExpand.expand()){}
  m=m+1;
  }
  while (m<n);

  So I have a async req which always return a list of nodes like
A,B,C,D and at least A exist in the tree and if A is expanded the B
will also exists but maybe because LoadNodeData, I can expand only
first level : the A node ? If I click again I get A and also B
expanded and if i click again i will have also C ok and so on !
that's why maybe i am thinking LoadNodeData is the problem ?

Can you anyone see where the stop occur ? I see no errors in
Firebug...

With kind regards

Petronel

#33617 From: "ozgursusoy" <ozgursusoy@...>
Date: Tue Jul 1, 2008 5:20 am
Subject: Re: trying again :/ ...null element returned for treeview dynamic nodes
ozgursusoy
Send Email Send Email
 
--- In ydn-javascript@yahoogroups.com, "ozgursusoy" <ozgursusoy@...>
wrote:
>
> bit disappointed with no responses to this:
>
> i'm using a treeview where all nodes (except root) are generated by
> dynamic loading. when the user makes additions/modifications/deletions
> to data represented by a node on the treeview, i use
> removeChildren(parentNode) and parentNode.expand() to refresh the
> necessary nodes. once the treeview is refreshed, i need to either
> reselect the original node(when edited), new node(when added) or a
> sibling/parent(when deleted).
>
> original problem i had was the expandComplete event firing before the
> child nodes are generated, let alone parent node getting expanded.
> easily worked around that by using a custom event fired from the
> function that generates the new nodes.
>
> however, still having problems with trying to scroll the panel
> containing the treeview to make sure the newly selected node is
> visible on the screen. The problem seems to be in referencing the
> dynamically generated element representing the selected node. both
> getEl() and getLabelEl() are returning null even thought the node has
> an element id!!, below is my handler for the custom event fired once
> nodes are generated:
>
> var onUpdateNodeLoad = function (type, args){
>
> _tree.dynamicLoadCompleteEvent.unsubscribe() ;
> nodeToSelect = _tree.getNodeByProperty(keyField, keyToSelect) ;
>
> //this returns an id, ie.'ygtv15'
> alert("elementID:"+nodeToSelect.getElId( ));
>
> //this returns null!
>
alert("elementFromDoc:"+document.getElementById(nodeToSelect.getElId()));
>
> //also returns null
> alert("elementFromGetEl: " + nodeToSelect.getEl());
>
> //so this doesn't work! 				 nodeToSelect.getEl().scrollIntoView() ;
> }
>
>
> same results if i use getLabelEl() instead of getEl()!
>
> i think this might be happening because the parent node still hasn't
> finished expanding when the custom event is fired but how would i get
> around that considering expandComplete is useless in this case?!
>
> this is getting used for a commercial project so any ideas would be
> much appreciated.
>


ok, worked it out, was trying to use expandComplete as an event
automatically fired when a node is expanded! didn't realise i had to
subscribe to it :/ thanx. for others who might run into this prob:


_tree.subscribe("expandComplete", function (node, arg) {
	 if (node == nodeToExpand){
		 _tree.unsubscribe("expandComplete");

                 //some processing

         }
});

#33618 From: "alexknowles090" <alexknowles090@...>
Date: Tue Jul 1, 2008 5:44 am
Subject: YUI grids - space between main & side columns
alexknowles090
Send Email Send Email
 
Hi all

using #doc4 and the .yui-t4 template preset, I'm getting a 15 px gap
between the main div and the sidebar (code below). Try as I might I
can't seem to remove it so that the two elements sit flush next to
each other.

I've tried setting "margin: 0px" on #content, #bd, #yui-main and
#sidebar with no luck

can any help?

thanks
alex


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
	 <title>YUI Grids CSS </title>
	 <!-- Source File -->
   <link rel="stylesheet" type="text/css"
href="/stylesheets/reset-fonts-grids.css">
</head>
   <body>
     <div id="doc4" class="yui-t4"> <!-- change class to change preset -->

       <div id="hd"><p>Header</p></div>

       <div id="bd">
         <div id="yui-main">
           <div class="yui-b" id="content">
             <p>Main content</p>
           </div>
         </div>
         <div class="yui-b" id="sidebar">
           <p>Sidebar</p>
         </div>
       </div>

       <div id="ft"></div>

     </div>
   </body>
</html>

Messages 33589 - 33618 of 52481   Oldest  |  < Older  |  Newer >  |  Newest
Add to My Yahoo!      XML What's This?

Copyright © 2010 Yahoo! Inc. All rights reserved.
Privacy Policy - Terms of Service - Guidelines NEW - Help