Nabble - ydn-javascript

Re: drag&drop example and resize

2008-10-07T14:24:00Z

felicolucci --

Currently it is "very" difficult to do this.

If you take a peek at the source for the ImageCropper control you might find some helpful code there:
http://yui.yahooapis.com/2.6.0/build/imagecropper/imagecropper-beta-debug.js

The _setConstraints method is the one that handles that now.

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: felicolucci <felicolucci@...>
> To: ydn-javascript@...
> Sent: Tuesday, October 7, 2008 2:20:55 PM
> Subject: [ydn-javascript] drag&drop example and resize
>
> Hi,
> is it possible to make the region 1,2, 3 in the example
> http://developer.yahoo.com/yui/examples/dragdrop/dd-region.html
> resizable?
>
> Regards
>
> Felice
>
>
> ------------------------------------
>
> Yahoo! Groups Links
>
>
>

drag&drop example and resize

2008-10-07T14:20:55Z

Hi,
is it possible to make the region 1,2, 3 in the example
http://developer.yahoo.com/yui/examples/dragdrop/dd-region.html
resizable?

Regards

Felice

Re: multiple extraneous editor instances within a tabview

2008-10-07T14:17:45Z

--- In ydn-javascript@..., dav.glass@... wrote:

>
>
> Ted --
>
> Can you post a link to an example?
>
> 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: Ted Nienstedt tednien2001@...
> > To: ydn-javascript@...
> > Sent: Tuesday, October 7, 2008 1:12:38 PM
> > Subject: [ydn-javascript] multiple extraneous editor instances

within a tabview
> >
> > Hi Dav, etc.
> > I have a rich text editor inside a tab. I am intentionally
recreating
> > the editor each time the tab is clicked. The problem is I'm getting
a

> > new instance of editor appended to the bottom of the previous editor
> > instance inside the tab. Destroying the previous editor had no
> > effect. Is that the tab "remembering" previous editor instances and
> > can they be cleared out?
> > thanks,
> > Ted
> >
> >
> > ------------------------------------
> >
> > Yahoo! Groups Links
> >
> >
> >
>

How do i display an image and link in a datatable

2008-10-07T14:07:08Z

Hi,

I have some json dynamic data which returns a url link to an image. How
do I render this in a datatable rather than the url.

I also have a long url string which I need to use as a link to a web
page, how do I create a link without showing the actual url, eg a
button or text tag.

Can't seemt to find a datatable format routine for the above.

Any help greatly apprecaited.

Regards

Re: How do I make a checkbox checked in a DataTable while loading it?

2008-10-07T13:53:30Z

The built-in checkbox formatter already takes the value from the field
it is attached to and show the checkbox checked or not according to its
boolean value.

So, it is fine that you assign the formatCheckbox formatter to the
formatter property of the column. What is not needed is for you to
redefine it. Even if you want to do something special, don't use the
names of an existing formatter because it will be confusing for anyone
doing maintenance on the code a year from now.

Satyam

kpshah4 wrote:

> I have a DataTable with checkboxes and want to make it checked on
> some condition. I tried to make a custom formatter for the checkbox
> column but I dont know how to make it checked. And since I have used
> custom formatter for checkbox column,my column is not showing any
> checkboxes right now.
>
> I have tried like
>
> JS Code:
>
> YAHOO.example.ClientPagination = new function() {
> var myColumnDefs =
> [
> { key: "Select", label: "Select",
> formatter:YAHOO.widget.DataTable.formatCheckbox, width:50},
> { key: "School", sortable: true, label: "School",
> width:250 },
> { key: "City", sortable: true, label: "City",
> width:150 },
> {key: "State", sortable: true, label: "State"}
> ];
>
> //---Define DataSource For A DataTable------
> Ex.myDataSource = new YAHOO.util.DataSource($CLI.Custom.data);
> Ex.myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;
> Ex.myDataSource.responseSchema = {
> resultsList: "items",
> fields: [ { key: "SchoolID" },
> { key: "Select" },
> { key: "School" },
> { key: "City" },
> { key: "State" }
> ]
> };
>
> *** My Custom Formatter *****
> YAHOO.widget.DataTable.formatCheckbox = function(elCell, oRecord,
> oColumn, oData)
> {
> var id = oRecord._oData.SchoolID;
> // I am getting right SchoolID here...
>
> if( SOME CONDITION )
> // MAKE MY CHECK BOX AS CHECKED
>
> var cell = elCell;
> };
>
>
> ------------------------------------
>
> Yahoo! Groups Links
>
>
>
> ------------------------------------------------------------------------
>
>
> No virus found in this incoming message.
> Checked by AVG - http://www.avg.com
> Version: 8.0.173 / Virus Database: 270.7.6/1712 - Release Date: 07/10/2008 9:41
>
>

Getting whether or not an autocomplete value is selected

2008-10-07T13:44:14Z

Hello,

Is it possible to get whether or not a value is selected in the
autocomplete widget? I'd like to autocomplete the current word when
pressing enter but only if something was selected in the auto-complete
dropdown (either through mouse over or arrow keys)

Thanks,

Mike

Re: multiple extraneous editor instances within a tabview

2008-10-07T13:41:55Z

Ted --

Can you post a link to an example?

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: Ted Nienstedt <tednien2001@...>
> To: ydn-javascript@...
> Sent: Tuesday, October 7, 2008 1:12:38 PM
> Subject: [ydn-javascript] multiple extraneous editor instances within a tabview
>
> Hi Dav, etc.
> I have a rich text editor inside a tab. I am intentionally recreating
> the editor each time the tab is clicked. The problem is I'm getting a
> new instance of editor appended to the bottom of the previous editor
> instance inside the tab. Destroying the previous editor had no
> effect. Is that the tab "remembering" previous editor instances and
> can they be cleared out?
> thanks,
> Ted
>
>
> ------------------------------------
>
> Yahoo! Groups Links
>
>
>

multiple extraneous editor instances within a tabview

2008-10-07T13:12:38Z

Hi Dav, etc.
I have a rich text editor inside a tab. I am intentionally recreating
the editor each time the tab is clicked. The problem is I'm getting a
new instance of editor appended to the bottom of the previous editor
instance inside the tab. Destroying the previous editor had no
effect. Is that the tab "remembering" previous editor instances and
can they be cleared out?
thanks,
Ted

How do I make a checkbox checked in a DataTable while loading it?

2008-10-07T12:18:09Z

I have a DataTable with checkboxes and want to make it checked on
some condition. I tried to make a custom formatter for the checkbox
column but I dont know how to make it checked. And since I have used
custom formatter for checkbox column,my column is not showing any
checkboxes right now.

I have tried like

JS Code:

YAHOO.example.ClientPagination = new function() {
var myColumnDefs =
[
{ key: "Select", label: "Select",
formatter:YAHOO.widget.DataTable.formatCheckbox, width:50},
{ key: "School", sortable: true, label: "School",
width:250 },
{ key: "City", sortable: true, label: "City",
width:150 },
{key: "State", sortable: true, label: "State"}
];

//---Define DataSource For A DataTable------
Ex.myDataSource = new YAHOO.util.DataSource($CLI.Custom.data);
Ex.myDataSource.responseType = YAHOO.util.DataSource.TYPE_JSON;
Ex.myDataSource.responseSchema = {
resultsList: "items",
fields: [ { key: "SchoolID" },
{ key: "Select" },
{ key: "School" },
{ key: "City" },
{ key: "State" }
]
};

*** My Custom Formatter *****
YAHOO.widget.DataTable.formatCheckbox = function(elCell, oRecord,
oColumn, oData)
{
var id = oRecord._oData.SchoolID;
// I am getting right SchoolID here...

if( SOME CONDITION )
// MAKE MY CHECK BOX AS CHECKED

var cell = elCell;
};

Re: ddtarget unreg() not working

2008-10-07T11:45:24Z

here is the page

http://primapagina.freehostia.com/

make a right click on the page to see a context menu, and create 24
folders.. (for example)
and then... look at the processor.. is this normal?!?
the thing is that i've seen the the file Grid.js has the problems...
but i can't do anything to destroy the instance of the Grid class...

if you have other ideas besides the thing that it's using too much
proc... i'm waiting.. :)

Re: downloading videos..

2008-10-07T11:35:48Z

fdr58,

There are two easy things you can do:

Right-click on the link and choose "save link as" (or similar);
Let the video load in the new page, and then choose "save page as" (or
similar) from the file menu (or use the ctrl/command-s keyboard
shortcut).

Regards,
Eric

On Oct 7, 2008, at 11:21 AM, fdr58 wrote:

> how do you download videos here, http://developer.yahoo.com/yui/theater/
>
> whenever you click on a "download" link (example:
> http://us.dl1.yimg.com/download.yahoo.com/dl/ydn/yui/theater/glass-
> rte.m4v) next to video you land in a new page where the video starts
> playing.. how do you download videos??????/
>
> thank you..
>
>
>

downloading videos..

2008-10-07T11:21:08Z

how do you download videos here, http://developer.yahoo.com/yui/theater/

whenever you click on a "download" link (example:
http://us.dl1.yimg.com/download.yahoo.com/dl/ydn/yui/theater/glass-
rte.m4v) next to video you land in a new page where the video starts
playing.. how do you download videos??????/

thank you..

Re: Is there any event that is triggered on page load

2008-10-07T11:18:18Z

amina_1945,

The window object has a load event:

YAHOO.util.Event.on(window, "load", function(e) { /*handle event*/});

You may also want to look at the onDOMReady function:

http://developer.yahoo.com/yui/event/#ondomready

onDOMReady happens sooner than the window's load event and is often
preferred for that reason.

A good example and explanation of pageload/timing events, including
onDOMReady, is here:

http://developer.yahoo.com/yui/examples/event/event-timing.html

Regards,
Eric

On Oct 7, 2008, at 10:18 AM, amina_1945 wrote:

> Hi
>
> I want to animate line drawing on page load.Is there any event in
> yahoo.util.event library??
>
> Thanks
>
>
>

Re: collapse effect of the YAHOO.widget.layout

2008-10-07T11:18:17Z

ashwin,

I believe the Basic Animation example covers your use case:

http://developer.yahoo.com/yui/examples/animation/basic.html

Regards,
Eric

On Oct 7, 2008, at 4:16 AM, ashwin wrote:

> Hi All,
>
> How can I implement the collapse effect of the YAHOO.widget.layout on
> a custom image of mine or an entire separate div. Please let us know
> if we can do that.
>
> Thanks
> ashwin
>
>
>

Set Treeview node or leaf as a drag & drop target only.

2008-10-07T11:09:20Z

Hello all,
I have a need to set a treeview node or leaf as a target for drag and
drop. Basically I want to alert the label name of this node/leaf when
something is dropped on one of these treeview elements.

given a treeview below if something is dropped on node2.leaf1 I want
to alert(leaf1's label).
----root
-------node1
-------------leaf1
-------------leaf2
-------node2
-------------leaf1

Can this be done?
I am using TextNodes for my treeview.
Thanks in advance

Re: Charts No Y series JSON Data

2008-10-07T10:35:44Z

Hi Ken,

You could try writing your own number parsing function that does not
return 0 for null values and assigning it as the parser in your
responseSchema.

Below is a proof of concept using the existing logic of the
DataSource's number parser. You may need to write and test your own
function.

YAHOO.example.parseNumber = function ( oData )
{
//return null if the data will not parse as a number
if(isNaN(parseInt(oData))) return null;

//Convert to number
var number = oData * 1;

// Validate
if(YAHOO.lang.isNumber(number)) {
return number;
}
else {
return null;
}

return parseInt(oData);

}

graphDataSource.responseSchema =
{
resultsList: "Results",
fields: ["Week",
{key:"numTowers",parser:YAHOO.example.parseNumber},
{key:"numProjects",parser:YAHOO.example.parseNumber},
{key:"numSensors",parser:YAHOO.example.parseNumber}
]
};

Hope this helps.

Thanks,
Tripp

--- In ydn-javascript@..., Ken Loomis <kloomis@...> wrote:

>
> tripp.bridges wrote:
> > Hi Ken,
> > The DataSource class has a built-in number parser that you can declare
> > when you set up your response schema. This will solve the issue.
> > http://developer.yahoo.com/yui/datasource/#parsers
> >
> Tripp:
>
> That worked well (enabling dynamic sizing of the cart), however it has
> introduced another problem.
> If the data is parsed as a number, the chart draws a line to and

creates

> a point for NULL data as zero. No point is created if the data is not
> parsed as a number (and this is the behavior I would like). Fiddling
> with the connectDiscontinuousPoints doesn't seem to solve the problem.
>
> Any ideas?
>
> Thanks,
>
> Ken
>

Is there any event that is triggered on page load

2008-10-07T10:18:43Z

Hi

I want to animate line drawing on page load.Is there any event in
yahoo.util.event library??

Thanks

Re: Problem with flex (.swf) inside a panel in Firefox

2008-10-07T10:17:44Z

Hi,

Been away from a computer for a few days. Will follow up on this
thread once I've had a chance to replicate your test.

Regards,
Satyen

--- In ydn-javascript@..., "aniad" <aniad@...> wrote:

>
> Satyen,
>
> Here are some additional observations: when I bring up the panel
> w/.swf, change the div's style which will cause the .swf to reload so
> in my test case I reinitialize the flex again, at the end of all that
> I get a working dialog/panel with swf. Then I close the panel (ie put
> if off screen). Some subsequent user interaction changes the state of
> things and the panel is made visible again, but because the state of
> things has changed the .swf will display a different version of
> buttons and controls. Unfortunately, those new buttons/controls are
> again unresponsive. Setting div's style again acts like a nop at this
> point because the style has already been set, I suppose.
>
> ANY help/ideas to accomplish being able to put swf in a panel, keep it
> active by hiding it off screen and have responsive buttons/controls
> over an iframe will be extremely appreciated.
>
> Ania.
>
> --- In ydn-javascript@..., "aniad" <aniad@> wrote:
> >
> > Yes, this is in your modified file. So, if you seperate the showing of
> > the panel from setting the overflow attrib of the panel into 2
> > functions like this:
> >
> > function showPanel()
> > {
> > gToolPanel.cfg.setProperty ("fixedcenter", true );
> > gToolPanel.center();
> > }
> >
> > function fixOverflow()
> > {
> > if (YAHOO.env.ua.gecko &&
> > navigator.userAgent.toLowerCase().indexOf("macintosh") == -1)
> > {
> > // On the mac, Panel already applies it's own set of
> > overflow management to Panel,
> > // to prevent scrollbar bleedthrough.
> > YAHOO.util.Dom.setStyle("flexWrapperDiv", "overflow",
> "auto");
> > }
> > }
> >
> > And then add a 5th button:
> > <button onclick="fixOverflow();">5): click to fix
> > overflow, see flex repaint</button>
> >
> > and then do button 1, button 2, button 3 and finally button 5, you'll
> > see the flex totally repaint/reload.
> >
> > The reload messes us up, as the first, originally instantiated version
> > of flex has a state already set. Basically the .swf in panel talks to
> > other parts of the UI, which depend on that .swf but in turn the .swf
> > gets a 'state' from those other parts. So, when it reloads all is
> lost...
> >
> > Thank you again for looking into this. I've been working on this
> > problem for quite a while now and truly appreciate your help!
> >
> > Ania.
> >
> >
> >
> > --- In ydn-javascript@..., "Satyen Desai" <sdesai@> wrote:
> > >
> > > >> first .setStyle does it. Can you think of any other work around
> which
> > > would not involve a reload of the flex?
> > >
> > > Is this with the updated file I provided below or with your original
> > zip? Also any specific version of FF/OS?
> > >
> > > >> p.s. What I also noted, is that when the panel is hidden and I
> bring
> > > up Firebug (f12) the panel "spontaneously" becomes visible...

any idea

> > > about that?
> > >
> > > I believe this may be because in your original code you had
> > "fixedcenter" set to true, which will attempt to center the Panel
> > whenever the window is resized. In my modified version, I just changed
> > this to invoke panel.center() when it's shown.
> > >
> > > Regards,
> > > Satyen
> > > ________________________________________
> > > From: ydn-javascript@...
> > [mailto:ydn-javascript@...] On Behalf Of aniad
> > > Sent: Thursday, October 02, 2008 3:58 PM
> > > To: ydn-javascript@...
> > > Subject: [ydn-javascript] Re: Problem with flex (.swf) inside a
> > panel in Firefox
> > >
> > > Hi Satyen,
> > >
> > > Thank you so much for your reply.
> > >
> > > I'm still working on this... turns out that setting the style on the
> > > div causes a RELOAD of the flex widget, which is something we

are very
> > > much trying to avoid. In addition, after it reloads the flex's
> > > external interfaces seem unresponsive... You can see that reload
when
> > > you create the panel, then the layout (which hides the panel) then
> > > show the panel which will come back blank then paints the .swf. What
> > > I don't quite understand is that from there on it seems fine.
Meaning
> > > that subsequent hide/show don't cause the reload, it is as if
only the
> > > first .setStyle does it. Can you think of any other work around
which
> > > would not involve a reload of the flex?
> > >
> > > Ania.
> > >
> > > p.s. What I also noted, is that when the panel is hidden and I bring
> > > up Firebug (f12) the panel "spontaneously" becomes visible...
any idea
> > > about that?
> > >
> > > a.
> > >
> > > --- In ydn-javascript@..., "Satyen Desai" <sdesai@>
wrote:

> > > >
> > > > Hi,
> > > > Thanks for the detailed example page.
> > > >
> > > > Try using the following version of your page:
> > > >
> > > >
> > >
> >
>

http://yuiblog.com/sandbox/yui/v250/examples/container/panelOverIframe.html
> > > >
> > > > (Your swf isn't hosted at the above location, so you'll need to
> > > download it and try it out locally)
> > > >
> > > > The main change is to applying overflow:auto to the
flashWrapperDiv.
> > > >
> > > > Some notes:
> > > >
> > > > * I found that I had to apply overflow:auto dynamically through
> > > > script as opposed to using static CSS - probably a "redraw" issue.
> > > >
> > > > * We apply overflow:auto to the Panel shadow, for FF/Mac
already to

> > > > deal with scrollbar bleed through issues, so the fix was only
> > > > required for FF/Win.
> > > >
> > > > The other minor changes are just to get the height set correctly.
> > > >
> > > > Tried it across FF2, FF3 on WinXP/MacOS and seems to work fine,
> > > aside from the fact that the swf is not re-drawn when dragging in
> > > FF2/MacOS for step 1 of your repro example (which can probably be
> > > resolved also, if it's a real part of your application)
> > > >
> > > > Let me know how it goes.
> > > >
> > > > Regards,
> > > > Satyen
> > > >
> > > > ________________________________________
> > > > From: ydn-javascript@...
> > > [mailto:ydn-javascript@...] On Behalf Of aniad
> > > > Sent: Thursday, October 02, 2008 9:45 AM
> > > > To: ydn-javascript@...
> > > > Subject: [ydn-javascript] Re: Problem with flex (.swf) inside a
> > > panel in Firefox
> > > >
> > > > Here is a link to a zip file which has a simple .html and a simple
> > > > .swf file which demonstrate the problem (I have also included
> the code
> > > > for the .swf file in case you need it).
> > > >
> > > > https://download.amberpoint.com/forYahoo/SwfOverIframe_Problem.zip
> > > > Username: Yahoo
> > > > Password: bug4yahoo
> > > >
> > > > As you will see in the text in the .html, the problem is very much
> > > > linked to the order in which items are created. However, we have
> > > > certain dependencies between the .swf and other items on the page
> > > > therefore need to create the panel w/.swf first.
> > > >
> > > > Ania.
> > > >
> > > > --- In ydn-javascript@..., "aniad" <aniad@> wrote:
> > > > >
> > > > > Eric,
> > > > >
> > > > > Changing the wmode helped a little. The mouse tracks correctly
> when
> > > > > the panel is dragged around over most of the screen areas,
> > however it
> > > > > still is unresponsive when the panel is over an iframe. I'll put
> > > > > together simple example of this problem.
> > > > > Ania.
> > > > >
> > > > > btw, did you have a chance to look at
> > > > >

http://tech.groups.yahoo.com/group/ydn-javascript/message/38440? I

> > > > > posted simple nested layout code which demonstrates the 'invalid
> > > > > argument' error.
> > > > > a.
> > > > >
> > > > > --- In ydn-javascript@..., Eric Miraglia <miraglia@>
> > > wrote:
> > > > > >
> > > > > > Ania,
> > > > > >
> > > > > > Here's what our Flash experts say:
> > > > > >
> > > > > > My suggestion would be to check the wmode of their SWF embed.
> > This
> > > > > > sounds like a longstanding issue with the plugin version

of the

> > > > player
> > > > > > when the wmode is set to transparent or opaque. Changing the
> wmode
> > > > to
> > > > > > window should fix it. If that is not the case, they'll need to
> > > > send a
> > > > > > link or their code and I can take a look.
> > > > > >
> > > > > > See if wmode solves your problem; if not, please send a link
> > to the
> > > > > > page where you're having the problem.
> > > > > >
> > > > > > Regards,
> > > > > > Eric
> > > > > >
> > > > > >
> > > > > > On Sep 30, 2008, at 3:45 PM, aniad wrote:
> > > > > >
> > > > > > > We have a nested full screen layout. In the `bottom' part
> of the
> > > > > > > inner layout (which is in the `center' of the outer

layout) we
> > > > have a
> > > > > > > tabs control. Each tab creates an iframe into which a
page is
> > > > > > > displayed, depending on what is selected elsewhere in
the UI.

> > > > > > >
> > > > > > > When the user clicks a button a panel is made visible which
> > has a
> > > > > > > <div> inside which a .swf file is rendered. The swf has a
> > > number of
> > > > > > > controls, buttons and drop boxes with which the user
> interacts.
> > > > > > >
> > > > > > > The problem (FF only, works correctly in IE):
> > > > > > > When the panel with .swf is visible the mouse is not tracked
> > > > properly
> > > > > > > within the swf. The portions of the panel/swf that

overlay the

> > > > iframe
> > > > > > > displayed in the bottom/tabs portion do not track the mouse
> > > > properly,
> > > > > > > thus appearing unresponsive. Right clicking in the .swf
> > shows the
> > > > > > > standard flex context menu way off from where the mouse was
> > > clicked.
> > > > > > > Dragging the panel around the screen exaggerates the
> problem of
> > > > > > > tracking the mouse, even allowing the flex context menu to
> > appear
> > > > > > > entirely outside of the panel/swf area. The problem does not
> > > seem to
> > > > > > > be contained to the panel being over an iframe. Dragging the
> > > > panel so
> > > > > > > that it sits on top of other parts of the layout (with

simple

> > > html)
> > > > > > > also has issues. There is another flex control always
> > displayed in
> > > > > > > one of the parts of the layout. Dragging the panel to that
> > part of
> > > > > > > the screen always tracks the mouse correctly within the
> > panel that
> > > > > > > sits directly on top of that other flex widget.
> > > > > > >
> > > > > > > Are there any known problems of hosting a .swf inside a

panel

> > > in FF?
> > > > > > > As mentioned before, this does not happen in IE.
> > > > > > >
> > > > > > > Ania.
> > > > > > >
> > > > > > >
> > > > > > >
> > > > > >
> > > > >
> > > >
> > >
> >
>

Re: Enable Calendar Navigator

2008-10-07T10:07:39Z

Hi,

In general that looks fine to me. The only obvious thing I see missing
in your snippet is the comma after hide_blank_weeks:true

(I assumed there's a calendar.render() call)

If you're still having problems with this, could you post a more
complete example, indicate if it's browser specific, and which version
of the library you're working on.

Thanks,
Satyen

--- In ydn-javascript@..., "jasoon_spence"
<spence7777@...> wrote:

>
> I am trying to enable the calendar navigator so I can span across
> years between start and end dates.
>
> Here's what I'm doing:
>
> calendar = new YAHOO.widget.Calendar("calStartDate", {
>
> iframe:false,
> // Turn iframe off, since container has iframe support.
>
> hide_blank_weeks:true
> // Enable, handle changing height, using changeContent
>
> navigator:true
> // Enable calendar navigator
>
> });
>
> Thank you in advance for your help.
>
> - Jason
>

Re: Calendar Inside Model Window Panel.

2008-10-07T10:04:22Z

Hi,

Could you post a more complete example of your page, showing the
Container instantiation code, the container/calendar markup, any CSS
applied and the version of YUI you're working with.

Thanks,
Satyen

--- In ydn-javascript@..., "Arivoli" <winarivoli@...> wrote:

>
> Hello all,
> I have an issue with calendar control. I have created a calendar
> control like this
> CAL = new YAHOO.widget.Calendar("cal1",containerName,{
> zindex:100000,visible:false,draggable:true,close:true,navigator:true})
> ;
> CAL.selectEvent.subscribe(this.getDate, CAL, true);
> CAL.render();
> CAL.hide();
>
> It is working fine in all the pages.
> But when i try to open this calendar inside a model window panel, it
> is not getting focused.
> To to fix this, manually i am forcing calendar to have highest
> zindex.
> YAHOO.util.Dom.setStyle(containerName, 'z-index', 11000);
> But this this patch is sometime working fine, and some time not.
> Even if it get focus, the navigator option in the calendar is not
> working fine.(the month and year drop down is not visible).
>
> Please advice me if you have any idea about this issue.
>
> thanks
> Arivoli
>

Re: Datatable: how to use the new edit classes in case of per cell editor?

2008-10-07T10:04:18Z

--- In ydn-javascript@..., Satyam <satyam@...> wrote:
>
> Here you have it in 2.6:
> http://www.satyam.com.ar/yui/2.6.0/DataGrid.html

Thanks!

> Satyam

Iliyan

Re: Extending DataTable with optional scrolling since 2.6.0

2008-10-07T10:01:49Z

A bug might be, I haven't seen how the branching of DataTable or
DataSource into their specific subclasses is done but a way around it
would be to have a DataTable/DataSource factory that will return an
object based on the right kind of subclass. After all, unlike other
compiled languages, the YAHOO.lang.extend method is just an executable
static function that can be called at any time with any sort of
arguments (well, within reason).

Actually, that might be the problem with extending the generic
DataTable/DataSource, in that they are probably factories and not actual
objects so there are no actual class members to extend, except for the
non-scrolling DataTable that is an extensible object but acts as a
factory for the scrollable one. But this is just guessing.

Ok, I looked into the DataSource which is the simpler one and, indeed,
the generic DataSource is a factory and the comments on the API docs say
so (I should have read them first thing). From the API docs you can
also see that it has no members so extend won't fail, but it won't do a
thing since there is nothing there to actually work with. If you look
in the source and search for "util.DataSource" you will find the
constructor, which is not really such but a static function (which in
JavaScript you can call with 'new' or not, it won't make a difference).
You can do pretty much the same thing in your factory.

Satyam

Michael Kowalski wrote:

> In my application, I want to define a class that extends DataTable, adding a lot of extra
> application-specific functionality. I need to be able to specify whether or not a particular
> datatable is scrolling or paginated in script. So my code looks something like this:
>
> MyDataTable = function(id, isScrollable) {
> var cfg = { scrollable: isScrollable };
> // ... Set up other config, define column definitions, etc ...
> // ... If not scrollable, then create a Paginator ...
>
> // Call the super class constructor
> MyDataTable.superclass.constructor.call(this, id, coldefs, cfg);
>
> // Always use row selection
> this.subscribe('rowClickEvent', this.onEventSelectRow);
> }
> YAHOO.lang.extend(MyDataTable, YAHOO.widget.DataTable);
>
> This works fine if isScrollable is false. However, if isScrollable is true, the event subscribe
> call fails with the message "this._events is undefined" somewhere deep in utilities.js
>
> If isScrollable is true and MyDataTable directly extends YAHOO.widget.ScrollingDataTable,
> then it also works. But my problem is that I don't know in advance whether a particular
> datatable is going to be scrolling or paginated.
>
> I hit a very similar problem with DataSource, where I don't know in advance whether or
> not the DataSource needs to extend XHRDataSource or not. Is this a bug? Is there some
> general way of dealing with cases like this?
>
>
> ------------------------------------
>
> Yahoo! Groups Links
>
>
>
> ------------------------------------------------------------------------
>
>
> No virus found in this incoming message.
> Checked by AVG - http://www.avg.com
> Version: 8.0.173 / Virus Database: 270.7.6/1711 - Release Date: 06/10/2008 17:37
>
>

Re: How do I get the list of all selected records of a datatable at one time?

2008-10-07T09:35:24Z

There is no other way than to listen to checkboxClickEvent since
checkboxes do not have any other effect than the visual changes you see
on the screen and the DOM element itself. If you have any preference
for traversing the DOM looking for checkboxes and then trying to relate
them to the DataTable Record information, you are free to try.
Listening to checkboxClick event would be far easier

var selectedRecords = {};

Ex.myDataTable.on('checkboxClickEvent', function (oArgs) {
var target = oArgs.target,
record = this.getRecord(target),
key = record.getData('primaryKey');
if (target.checked) {
selectedRecords[key] = record;
} else {
delete selectedRecords[key];
}
});

Then, on save, you simply loop through selectedRecords with a for( .. in
..) and you have them all.

As for the Ex error, you got it right. Why i has no value? Because the
existence of a checkbox in any one or multiple columns has no relation
to what the DataTable considers to be selected or not, checkboxes don't
have any specific function in a DataTable except for what you want to
give them.

By the way, avoid using in-line code associated with events like
onclick. You will find that using event listeners via the Event utility
is far better, it eventually allows your HTML code to have no JavaScript
whatsoever making it easier to separate presentation (html), style (css)
and code(js). You would free a graphics designer to replace your
<input> button by a <button> or even an <img> as long as whatever it is
can be clicked and keeps the same id, which would be the link to the
action in your code.

Satyam

kpshah4 wrote:

> I have a DataTable with checkboxes. I want to get a list of selected
> records when I click on my Save button. I know that I can do that
> using "checkboxClickEvent" but I want to get the list of all records
> at the same time instead of executing "checkboxClickEvent" sunscribe
> function every time.
>
> I know that it is possible using getSelectedCells, getSelectedColumns
> or any other property of the DataTable. BUT I dont know how to do that.
>
>
> I tried like
>
> ASPX Code:
>
> <input type="button" id="btnSaveClusterSettings" value="Save Changes"
> onclick="GetSelectedcells();"/>
>
> JS Code:
>
> function LoadData()
> {
> var Ex = YAHOO.example;
> Ex.myDataTable = new YAHOO.widget.DataTable
> ('divClusterSettingDataTable', myColumnDefs,
> Ex.myDataSource);
> }
>
> I tried like
> function GetSelectedcells()
> {
> var i = Ex.myDataTable.getSelectedColumns()
> alert(i);
> }
>
> first I got error that " 'Ex' is not defined. "
> So i declared Ex as my global variable like
> var Ex = YAHOO.example;
>
> It worked but "i" has not any value. I am guessing that it might not
> recognize 'myDataTable' object which I have defined in 'LoadData()'
> function.
>
> Any Suggestion?
>
>
> ------------------------------------
>
> Yahoo! Groups Links
>
>
>
> ------------------------------------------------------------------------
>
>
> No virus found in this incoming message.
> Checked by AVG - http://www.avg.com
> Version: 8.0.173 / Virus Database: 270.7.6/1711 - Release Date: 06/10/2008 17:37
>
>

Re: How to reset a menu button in RTE

2008-10-07T09:27:25Z

Tony --

You should be able to call the checkValue method on the button instance:
http://developer.yahoo.com/yui/docs/YAHOO.widget.ToolbarButton.html#method_checkValue

Like this:

//Assuming myEditor is the instance of the editor
//Assuming mybutton is the name of your menu button
//Assuming somevalue is the first one in the list

myEditor.toolbar.getButtonByValue('mybutton').checkValue('somevalue');

Does that help?
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: Tony Barnecut <barnecut@...>
> To: ydn-javascript@...
> Sent: Tuesday, October 7, 2008 9:17:47 AM
> Subject: [ydn-javascript] How to reset a menu button in RTE
>
> I have added a toolbarbutton to the RTE toolbar that allows the user
> to insert boilerplate text from a select menu. After they select the
> item they want to insert I need the menu to reset to the first item in
> the list. Any assistance would be greatly appreciated.
>
> Thanks,
> Tony
>
>
>
> ------------------------------------
>
> Yahoo! Groups Links
>
>
>

Re: Menubar and position:'dynamic'

2008-10-07T09:25:51Z

As I mentioned before I am having a similar problem; if I reload the
page while the area that menu should appear is off the page the menu
will load in the wrong spot.

Here is a sample- http://dotnetorgcom.us/menus/

I am using the 'context' attribute to place the menus. It seems my
problem also occurs in IE6 (IE7 not tested, but I'm thinking it will
also have the problem).

--- In ydn-javascript@..., "bretlevy" <bret@...> wrote:

>
>
> In IE7 on Windows, the code that sets up your menu has a syntax error:
>
> var menubar = new YAHOO.widget.MenuBar(
> "yuimenubar",
> {
> position: "dynamic",
> hidedelay: 750,
> lazyload: true,
> visible:true,
> autosubmenudisplay:true,
> zindex:100,
> }
> );
>
> The comma after the last config element shouldn't be there. See if
> that helps any.
>
> As for the dynamic problem, can you not switch to static? I had this
> same problem (in addition to the 10-pixel indentation problem) when
> using dynamic. You can statically position the menu inside a div that
> is in the "normal flow" of the document. I do that. See:
>
> http://member.bluelinkdirect.com
>
> No syntax error occurs in FF, but still no menu for me.
>
> Other than that, you are doing pretty much the same thing(s) I do, and
> I'm not having any problems.
>
> Hope that helps...
>
> ~~bret
>
>
>
>
>
>
> --- In ydn-javascript@..., "illiphilli" phillip@ wrote:
> >
> > Hey all,
> >
> > I'm using the menubar with postion set to dynamic. In CSS I'm
> > absolutely positioning it where I want it. All is well and good,

cept
> > in FF3 Mac (haven't checked other browsers yet) if you scroll on the
> > page before the menu renders, the menubar renders down on the page,
as
> > if the menubar is rendering to the body or something. I tried
> > menubar.render("yuitopnav"); to render it to a div inside a
> > position:relative element, but no dice.
> >
> > Anyone have some hints?
> >
> > ~Phillip
> >
>

How to reset a menu button in RTE

2008-10-07T09:17:47Z

I have added a toolbarbutton to the RTE toolbar that allows the user
to insert boilerplate text from a select menu. After they select the
item they want to insert I need the menu to reset to the first item in
the list. Any assistance would be greatly appreciated.

Thanks,
Tony

Re: Re: Is that possible to have a DataTable inside a panel ?

2008-10-07T09:07:33Z

When you click on what? Please explain.

Satyam

kpshah4 wrote:

> Tahnks Satyam and Philip for your suggestions. I have figured out
> the problem. I was passing my panel div tag as a conatiner (instead
> of DataTable div tag unsurprisingly! )inside the initialization
> method of the DataTable..
>
> It works fine except when I click the lick it looks like that panel
> is being refreshed because it is loading the DataTable. It will work
> fine for now.
>
> I am hoping that YUI might have solved this problem in their new
> release.
>
>
> Thanks a lot..
>
>
> --- In ydn-javascript@..., "kpshah4" <kpshah4@...> wrote:
>
>> Philip : Here is my code.
>>
>> ASPX Codde:
>>
>> ** This is the link where I pop up the panel on the click event of
>> the link. *******
>>
>> <a href="#" id="lnkClusterSettings"
>> onclick="GetCustomClusterSettingsScript();">Custom Cluster
>> Settings</a>
>>
>> *** HTML Code for the Panel ***********
>>
>> <div id="divCustomClusterSettings">
>> <table>
>> <tr><td>
>> <div id="divClusterSettingDataTable"></div>
>> </tr></td>
>>
>> <tr><td>
>>
>> <span class="metaheader">School
>>
> CoordinatorSettings:</span><br />
>
>> <input type="radio" id="rbtLockClusterSettings"
>>
> runat="server"
>
>> name="ClusterLockSettings"/> Lock Settings
>> <input type="radio" id="rbtUnLockClusterSettings"
>>
> runat="server"
>
>> name="ClusterLockSettings"/> Unlock Settings
>> </tr></td>
>>
>> </table>
>>
>> </div>
>>
>> JavaScript Code:
>>
>>
>> function PanelClusterSettingsFunction() {
>> $CLI.PanelClusterSettings = new YAHOO.widget.Panel
>> ("divCustomClusterSettings",
>> {
>> fixedcenter: false,
>> visible: false,
>> constraoviewport: true,
>> zIndex:600,
>> xy: [150, 100],
>> width: "630px",
>> height: "250px",
>> close: true,
>> modal:true
>> });
>> $CLI.PanelClusterSettings.render();
>>
>> YAHOO.util.Event.addListener("lnkClusterSettings", "click",
>> $CLI.PanelClusterSettings.show, $CLI.PanelClusterSettings, true);
>> }
>> YAHOO.util.Event.onDOMReady(PanelClusterSettingsFunction);
>>
>> *** This is the function I am executing to define the DataTable ***
>>
>> function LoadCourseData()
>> {
>> YAHOO.util.Event.throwErrors = true;
>>
>> var Dom = YAHOO.util.Dom;
>> var Ex = YAHOO.example;
>>
>> //---Define Column Definitions For A DataTable------
>> YAHOO.example.ClientPagination = new function() {
>> var myColumnDefs =
>> [
>> { key: "Select", label: "Select",
>>
> formatter:"checkbox",
>
>> width:50},
>> { key: "School", sortable: true, label: "School",
>> width:250 },
>> { key: "City", sortable: true, label: "City",
>> width:150 },
>> {key: "State", sortable: true, label: "State"}
>> ];
>>
>> //---Define DataSource For A DataTable------
>> Ex.myDataSource = new YAHOO.util.DataSource
>> ($CLI.CustomClusterSettings.data);
>> Ex.myDataSource.responseType =
>> YAHOO.util.DataSource.TYPE_JSON;
>> Ex.myDataSource.responseSchema = {
>> resultsList: "items",
>> fields: [
>> { key: "SchoolID" },
>> { key: "School" },
>> { key: "City" },
>> { key: "State" }
>> ]
>> };
>>
>> //---Instatiate a DataTable------
>> Ex.myDataTable = new YAHOO.widget.DataTable
>> ('divCustomClusterSettings', myColumnDefs,
>> Ex.myDataSource);
>> };
>> };
>>
>> *** This is the function I am calling on the click of the
>> Link "lnkClusterSettings" ****
>>
>> function GetCustomClusterSettingsScript()
>> {
>> var schoolId = 1015;
>> var ClusterId = 1048;
>> PageMethods.GetCustomClusterSettingsInfo
>> (schoolId,ClusterId,SuccessGetCustomClusterSettingsScript);
>> }
>>
>> function SuccessGetCustomClusterSettingsScript(result)
>> {
>> var d=YAHOO.lang.JSON.parse(result);
>> $CLI.CustomClusterSettings = d;
>> LoadCourseData();
>> }
>>
>> Satyam : Here I have put my code. Can you correct me if I am doing
>> any mistake with <div> tag you talked about in your reply?
>>
>>
>> --- In ydn-javascript@..., Philip Tellis <philip@>
>> wrote:
>>
>>> k dropped bits saying:
>>>
>>>
>>>> I have created a panel having some HTMl controls like radio
>>>>
>> buttons,
>>
>>>> textboxes and a DataTable. But the problem is that as soon as
>>>>
> the
>
>>>> panel pops up, it shows HTML controls for a second and then it
>>>>
>> shows
>>
>>>> the DataTable and all other HTML controls get disappeared.
>>>>
>>>> So I dont know if it is possible to create a DataTable inside
>>>>
> a
>
>> Panel.
>>
>>>> I have heard that you can create a Calendar control inside a
>>>>
>> Panel but
>>
>>>> for that you have to do some trick.
>>>>
>>> show us the code
>>>
>>>
>
>
>
> ------------------------------------
>
> Yahoo! Groups Links
>
>
>
> ------------------------------------------------------------------------
>
>
> No virus found in this incoming message.
> Checked by AVG - http://www.avg.com
> Version: 8.0.173 / Virus Database: 270.7.6/1711 - Release Date: 06/10/2008 17:37
>
>

Re: Datatable: how to use the new edit classes in case of per cell editor?

2008-10-07T09:05:02Z

Here you have it in 2.6:

http://www.satyam.com.ar/yui/2.6.0/DataGrid.html

I'm working on the rest as well.

Satyam

peychevi wrote:

>
> Hello,
>
> This example:
>
> http://satyam.com.ar/yui/2.5.0/DataGrid.html
>
> worked fine for 2.5.x, but it is now obsolete. How can we use the new
> classes for cell editing ( *YAHOO.widget.RadioCellEditor, etc.*)?
>
> I tried this one:
>
> instead
>
> case 'Radio':
> YAHOO.widget.DataTable.editRadio.call(oSelf,oEditor, oSelf);
>
> break;
>
> I tried:
>
> case 'Radio':
> var radioCellEditor = new RadioCellEditor({
> radioOptions: [ "yes", "no" ]
> });
>
> radioCellEditor.render();
> break;
>
> Unfortunately, empty cell editor (no any radio buttons) showed with
> two buttons "Save" and "Cancel".
>
> radioCellEditor.renderForm();
>
> also didn't help.
>
>
> ------------------------------------------------------------------------
>
>
> No virus found in this incoming message.
> Checked by AVG - http://www.avg.com
> Version: 8.0.173 / Virus Database: 270.7.6/1711 - Release Date: 06/10/2008 17:37
>
>