I don't see much activity here..., and there are many unanswered posts. Is there
a better, more active forum to post questions about YUI?

At 12:12 AM +0000 1/12/10, rolfsf wrote:
>I don't see much activity here..., and there are many unanswered
>posts. Is there a better, more active forum to post questions about
>YUI?


I just read. But there have been about 955 on-topic posts in the last 14 weeks.

I've noticed that most of the informed folks tend to post in the
earlier hours of the morning. (Meaning, early business hours 6-10 AM,
Pacific time).

As helpful as the people here are, I'm thinking many of them are
real-World developers, and the more knowledgeable ones are almost
certainly involved, directly, in Yahoo's YUI project. Hence,
on-the-clock, and, no doubt, expected to produce, i.e., work.

There are blogs belonging to many of the developers, there's an
over-arching YUI blog at www.yuiblog.com, and extensive documentation
(and links) both on-site at www.developer.yahoo.com and at
yuilibrary.com,  and issues are dealt with (responded to), here,
rapidly and coherently.

And to answer the question regarding the existence of a "better, more
active forum" ... well, I seriously doubt it.

Best regards,
Brian Stegner

Hi satyam,

 

YAHOO.widget.DataTable.prototype.deleteRowsBy = function (condition)
{
    var start = 0, count = 0, current = 0;                                   
    recs = this.getRecordSet().getRecords();

 

    alert(recs)

    // for 2nd page output for alert(recs) : 

 ,,,,,,,,,,[object Object],[object Object][object Object][object Object][object Object][object Object][object Object][object Object][object Object][object Object]    // pagination per page 10
    while (current < recs.length)
     {               
                                           
        if (condition(recs[current].getData())) { // Error here:  recs[current] is undefined
                    delete here

          }

     }

How can I omit above undefined(,) value from recs?

If possible pls help anyone.

 

Bahalul kabir

 

 

---

From: Satyam <satyam@...>
To: ydn-javascript@yahoogroups.com
Sent: Thu, January 7, 2010 4:20:22 PM
Subject: Re: [ydn-javascript] multiple row delete

 

It should work with client-side pagination, it would not work with server side pagination as it can only delete what it has on the client side, you have to provide the means to delete what is on the server.

I keep track of the change of state in the checkboxes by updating the RecordSet, thus, even if a record is off page, it will be deleted based on what is on the RecordSet.  Likewise, you would have to notify the server of changes in the checkboxes, if not one by one, which might be too much, any time that you change pages and then, when the deleting is requested you should tell the server to act on its records.  It would probably be a good idea to refresh the whole table as the page borders would change.

Satyam


El 07/01/2010 11:28, bahalul kabir escribió:

Satyam,

Thanx for your link but  data delete only with first page not deleteing  next page .I mean it does not work with pagination.

Is there any clue?

 

Kabir

---

From: Satyam <satyam@satyam. com.ar>
To: ydn-javascript@ yahoogroups. com
Sent: Wed, January 6, 2010 12:13:27 PM
Subject: Re: [ydn-javascript] multiple row delete

 

http://www.satyam. com.ar/yui/ 2.6.0/deleteRows By.html

El 06/01/2010 10:57, bahalul kabir escribió:

Hi satyam,

I am using checkbox in datatable. Is it possible to delete multiple row with single click? Deleting single row with single click is working.

 

Anyone can help.

 

Thank you

Kabir

No virus found in this incoming message.
Checked by AVG - www.avg.com 
Version: 9.0.725 / Virus Database: 270.14.126/2602 - Release Date: 01/05/10 20:35:00

  

No virus found in this incoming message.
Checked by AVG - www.avg.com 
Version: 9.0.725 / Virus Database: 270.14.128/2604 - Release Date: 01/06/10 20:35:00

  

No virus found in this incoming message.
Checked by AVG - www.avg.com Version: 9.0.725 / Virus Database: 270.14.135/2615 - Release Date: 01/11/10 20:35:00

Do you know if an RSS fed is available?

--- In ydn-javascript@yahoogroups.com, Dav Glass <davglass@...> wrote:
>
> Most people are migrating to our new forum system:
> http://yuilibrary.com/forum
>
> --
> Dav Glass
> davglass@...
> blog.davglass.com
>

Hi Satyam,

    Thanks very much for the leads. I have tried the tests that you had suggested.

    1) Used YUI logger and included datasource and datatable in debug mode 

        - There are no WARN messages

 

    2) Loaded the page in firefox with firebug 

       - Interestingly the bug isnt occuring in firefox ( Is this some sort of a clue ?)

    3) Installed JSLint in my IDE and checked for all warnings and JSLint did not report anything suspicious.

         I might be going wrong somewhere in JSLint settings. ( I'm working on this )

    To add to this..

    * I use a custom editor (Text with Autocomplete) which I extend from textBox cell editor. Would this have something going wrong ? ( JSLint does not complain about anything here)

  

    * I have custom formatting logic which I perform immediately after the datatable constructor. And all subscribers after this...

       Will this be of any impact ?. Should I be having all the subscribers immediately after the constructor and not after the custom formats ?

       myDataTable = new YAHOO.widget.ScrollingDataTable("yuifincodescontainer", myColumnDefs, myDataSource, {width:"95%", height:"20em",formatRow: myRowFormatter});

       datatablePostFormatting();

       // Followed by 

        myDataTable.subscribe("cellMouseoverEvent", highlightEditableCell);

        myDataTable.subscribe("cellMouseoutEvent", myDataTable.onEventUnhighlightCell);

        myDataTable.subscribe("cellClickEvent", function (oArgs){});

myDataTable.subscribe('editorSaveEvent', function(oArgs) {});

       - Becuase I noticed some TimeOut phrase being used in the datatable js

Thanks & Regards,

Vinoth

---

From: Satyam <satyam@...>
To: ydn-javascript@yahoogroups.com
Sent: Fri, January 8, 2010 8:57:17 PM
Subject: Re: [ydn-javascript] Datatable inline cell editor fails @ times

 

That is usually some initialization code that fails under certain circumstances and the DataTable doesn't get fully initialized.  

For those mysterious errors, the steps to clean them is, run JSLint on the code and pay attention to all its warnings, even harmless unused variables might point to misspellings, you declared it one way and never used it because you used it with another name elsewhere.  All YUI code gets zero errors in JSLint and this is very large and complex code base, nevertheless, it reaches you clean of errors. 

If you are using JSON, use JSONLint to see if it is valid.  Don't use a hand-coded JSON encoder on the server, there are some subtleties with the encoding of characters beyond the normal US-ASCII and in a particular query you get one record containing such character, it will break.

Load -debug versions of the relevant components (DataSource, DataTable) and add a Logger to your page.  If you see any message in red, that's it.

Install Firefox with the Firebug debugger.  Run the program with the debugger active to Break on All Errors, that's the name of the option.

Don't trouble yourself with debugging after you cleaned it up with JSLint.   You can search for all this in the web.

Satyam

El 08/01/2010 15:29, vino ben escribió:

In my below post ,

what i meant by datatable renders non editable is - 

Editable cells - do not respond to mouseover and cellClickevents

---

From: vino_gallantguy <vino_gallantguy@ yahoo.co. in>
To: ydn-javascript@ yahoogroups. com
Sent: Fri, January 8, 2010 6:26:50 PM
Subject: [ydn-javascript] Datatable inline cell editor fails @ times

 

Hi,

I have a weird issue with yui datatable. I generate a datatable with editable and non editable fields.

-> Sometimes the whole datagrid renders non editable. And now if I try a few F5s it renders fine as editable

This is pretty baffling as I do not know where and what to debug for. Please help me out of this mess.

I use YUI2.7 and IE7 and a scrolling datatable.

This is how I instantiate the table :
myDataTable = new YAHOO.widget. ScrollingDataTab le("container" , myColumnDefs, myDataSource, {width:"95%" , height:"20em" ,formatRow: myRowFormatter} );

Is this some sort of a bug ? Has anyone faced a similar issue before?

Please suggest.

Regards,
Vinoth

No virus found in this incoming message.
Checked by AVG - www.avg.com 
Version: 9.0.725 / Virus Database: 270.14.129/2606 - Release Date: 01/07/10 20:35:00

  

No virus found in this incoming message.
Checked by AVG - www.avg.com Version: 9.0.725 / Virus Database: 270.14.135/2615 - Release Date: 01/11/10 20:35:00

Hi Satyam,

The grid is very complicated to host it in a public server with real data and then too, the bug might or might not replicate. 

From your previous response ,

=> " You shouldn't try to do anything on the datatable until it signals you that it is ready "

Can we capture this by any event ? so that I can invoke my custom logic ON this event(after the table is ready)

[ If this can be done myday is saved]

=> "I don't know why would you care to do any sort of bulk formatting afterwards while you can do it on the fly."

This seems to be a valid way out for me ( but a long way)..

I Tried to accomodate these logics in ROWFORMATTER and since I found it complicated at that stage

I went by this approach ( I used a lot of datatable methods which would not be possible in formatters).

Now, it seems that it is better off to take pains and accomodate them in cusotm cell and rowformatters

rather than living with a weird bug hidden inside.

( I'm half done with these changes now...)

Thanks a ton for the valuable leads you are providing us to make the whole YUI developers experience better worldwide.

Regards,

Vinoth

---

From: Satyam <satyam@...>
To: ydn-javascript@yahoogroups.com
Sent: Tue, January 12, 2010 7:44:38 PM
Subject: Re: [ydn-javascript] Datatable inline cell editor fails @ times

 

Honestly, I can't but just theorize about all this because I can't see what are we talking about.

If you could place a WORKING sample somewhere public so I can see it work, this could be solved in no time.

Something I can tell you is that if that formatter is called straight after instantiating the datatable and if the data source is remote, it will produce random results, which is what you are experiencing.  The datatable might or might not be build by then, or it might be partially ready, most likely, it won't be at all.  You shouldn't try to do anything on the datatable until it signals you that it is ready and, at any rate, I don't know why would you care to do any sort of bulk formatting afterwards while you can do it on the fly.

Satyam

El 12/01/2010 14:22, vino ben escribió:

Hi Satyam,

    Thanks very much for the leads. I have tried the tests that you had suggested.

    1) Used YUI logger and included datasource and datatable in debug mode 

        - There are no WARN messages

 

    2) Loaded the page in firefox with firebug 

       - Interestingly the bug isnt occuring in firefox ( Is this some sort of a clue ?)

    3) Installed JSLint in my IDE and checked for all warnings and JSLint did not report anything suspicious.

         I might be going wrong somewhere in JSLint settings. ( I'm working on this )

    To add to this..

    * I use a custom editor (Text with Autocomplete) which I extend from textBox cell editor. Would this have something going wrong ? ( JSLint does not complain about anything here)

  

    * I have custom formatting logic which I perform immediately after the datatable constructor. And all subscribers after this...

       Will this be of any impact ?. Should I be having all the subscribers immediately after the constructor and not after the custom formats ?

       myDataTable = new YAHOO.widget. ScrollingDataTab le("yuifincodesc ontainer" , myColumnDefs, myDataSource, {width:"95%" , height:"20em" ,formatRow: myRowFormatter} );

       datatablePostFormat ting();

       // Followed by 

        myDataTable. subscribe( "cellMouseoverEv ent", highlightEditableCe ll);

        myDataTable. subscribe( "cellMouseoutEve nt", myDataTable. onEventUnhighlig htCell);

        myDataTable. subscribe( "cellClickEvent" , function (oArgs){});

myDataTable. subscribe( 'editorSaveEvent ', function(oArgs) {});

       - Becuase I noticed some TimeOut phrase being used in the datatable js

Thanks & Regards,

Vinoth

---

From: Satyam <satyam@satyam. com.ar>
To: ydn-javascript@ yahoogroups. com
Sent: Fri, January 8, 2010 8:57:17 PM
Subject: Re: [ydn-javascript] Datatable inline cell editor fails @ times

 

That is usually some initialization code that fails under certain circumstances and the DataTable doesn't get fully initialized.  

For those mysterious errors, the steps to clean them is, run JSLint on the code and pay attention to all its warnings, even harmless unused variables might point to misspellings, you declared it one way and never used it because you used it with another name elsewhere.  All YUI code gets zero errors in JSLint and this is very large and complex code base, nevertheless, it reaches you clean of errors. 

If you are using JSON, use JSONLint to see if it is valid.  Don't use a hand-coded JSON encoder on the server, there are some subtleties with the encoding of characters beyond the normal US-ASCII and in a particular query you get one record containing such character, it will break.

Load -debug versions of the relevant components (DataSource, DataTable) and add a Logger to your page.  If you see any message in red, that's it.

Install Firefox with the Firebug debugger.  Run the program with the debugger active to Break on All Errors, that's the name of the option.

Don't trouble yourself with debugging after you cleaned it up with JSLint.   You can search for all this in the web.

Satyam

El 08/01/2010 15:29, vino ben escribió:

In my below post ,

what i meant by datatable renders non editable is - 

Editable cells - do not respond to mouseover and cellClickevents

---

From: vino_gallantguy <vino_gallantguy@ yahoo.co. in>
To: ydn-javascript@ yahoogroups. com
Sent: Fri, January 8, 2010 6:26:50 PM
Subject: [ydn-javascript] Datatable inline cell editor fails @ times

 

Hi,

I have a weird issue with yui datatable. I generate a datatable with editable and non editable fields.

-> Sometimes the whole datagrid renders non editable. And now if I try a few F5s it renders fine as editable

This is pretty baffling as I do not know where and what to debug for. Please help me out of this mess.

I use YUI2.7 and IE7 and a scrolling datatable.

This is how I instantiate the table :
myDataTable = new YAHOO.widget. ScrollingDataTab le("container" , myColumnDefs, myDataSource, {width:"95%" , height:"20em" ,formatRow: myRowFormatter} );

Is this some sort of a bug ? Has anyone faced a similar issue before?

Please suggest.

Regards,
Vinoth

No virus found in this incoming message.
Checked by AVG - www.avg.com 
Version: 9.0.725 / Virus Database: 270.14.129/2606 - Release Date: 01/07/10 20:35:00

  

No virus found in this incoming message.
Checked by AVG - www.avg.com 
Version: 9.0.725 / Virus Database: 270.14.135/2615 - Release Date: 01/11/10 20:35:00

  

No virus found in this incoming message.
Checked by AVG - www.avg.com Version: 9.0.725 / Virus Database: 270.14.137/2617 - Release Date: 01/12/10 20:35:00

If you want the 0 mark on the y-axis to display 1000, you can use your the axis'
labelFunction to accomplish this:
http://developer.yahoo.com/yui/charts/#axislabels

If I am misunderstanding your question, feel free to elaborate.

Tripp

--- In ydn-javascript@yahoogroups.com, "Jose David" <jdirigoyen@...> wrote:
>
> Hi, I need create a Numeric Axis in Chart, for example
>
>
> (Y)
> 1200
>   |
> 1100
>   |
> 1000 (*) Begin
>   |
> -1100
>   |
> -1200+---------------------------- (X)
>
> or this:
>
> (Y)
> 1200
>   |
> 1100
>   |
> 1000+---------------------------- (X)
>   |
> -1100
>   |
> -1200
>
>
> in tis moment the numeric axis
>   create this:
>
> (Y)
> 1200
>   |
> 1100
>   |
>   0 (begin)
>   |
> -1100
>   |
> -1200----------------------------- (X)
>

Thanks,

But I need to change the data displayed in the Y Axis, at this moment the Chart
autogenerates these Values with the values specificated in the Series


var lineChart = new YAHOO.widget.LineChart( "linechart", myDataSource,
{
   series: seriesDef,
   xField: "time",
   yAxis: currencyAxis,  ---> I'd like to set this to [-1100, 1000, 1110]
   dataTipFunction: getYAxisDataTipText,
   //only needed for flash player express install
   expressInstall: "assets/expressinstall.swf"
});

The numeric axis is going to incrementally plot data points across a range based
on the data. You can use minimum, maximum and majorUnit to specify the lowest,
highest and increments but it will not plot data at inconsistent intervals.

Tripp

--- In ydn-javascript@yahoogroups.com, "Jose David" <jdirigoyen@...> wrote:
>
>
>
> Thanks,
>
> But I need to change the data displayed in the Y Axis, at this moment the
Chart autogenerates these Values with the values specificated in the Series
>
>
> var lineChart = new YAHOO.widget.LineChart( "linechart", myDataSource,
> {
>   series: seriesDef,
>   xField: "time",
>   yAxis: currencyAxis,  ---> I'd like to set this to [-1100, 1000, 1110]
>   dataTipFunction: getYAxisDataTipText,
>   //only needed for flash player express install
>   expressInstall: "assets/expressinstall.swf"
> });
>

Hi. I am trying to override CSS for a row which is selected in Datatable as it
is shown in YUI example. Can you please tell me why row is still displayed as
default YUI when selected?

In .CSS file :
.yui-skin-sam .yui-dt-liner { white-space:nowrap; }
#myDataTable3 .yui-dt-selected {
     background-color: yellow;
     color: black;
}
//p.s. .yui-dt-selected{ackground-color: yellow;} does not work either


In Javascript:
         this.myDataTable3 = new YAHOO.widget.DataTable("procMarkup",
myColumnDefs3, this.myDataSource3,
                 {sortedBy:{key:"uuid", dir:YAHOO.widget.DataTable.CLASS_DESC}
                     }
         );
         this.myDataTable3.subscribe("rowMouseoverEvent",
this.myDataTable3.onEventHighlightRow);
         this.myDataTable3.subscribe("rowMouseoutEvent",
this.myDataTable3.onEventUnhighlightRow);
         this.myDataTable3.subscribe("rowClickEvent",
this.myDataTable3.onEventSelectRow);
     };

Hi. I am trying to override CSS for a row which is selected in Datatable as it is shown in YUI example. Can you please tell me why row is still displayed as default YUI when selected?
In .CSS file :
.yui-skin-sam .yui-dt-liner { white-space:nowrap; }
#myDataTable3 .yui-dt-selected {
background-color: yellow;
color: black;
}
//p.s. .yui-dt-selected{ackground-color: yellow;} does not work either
In Javascript:
this.myDataTable3 = new YAHOO.widget.DataTable("procMarkup", myColumnDefs3, this.myDataSource3,
{sortedBy:{key:"uuid", dir:YAHOO.widget.DataTable.CLASS_DESC}
}
);
this.myDataTable3.subscribe("rowMouseoverEvent", this.myDataTable3.onEventHighlightRow);
this.myDataTable3.subscribe("rowMouseoutEvent", this.myDataTable3.onEventUnhighlightRow);
this.myDataTable3.subscribe("rowClickEvent", this.myDataTable3.onEventSelectRow);
};
------------------------------------
Yahoo! Groups Links
<*> To visit your group on the web, go to:
http://groups.yahoo.com/group/ydn-javascript/
<*> Your email settings:
Individual Email | Traditional
<*> To change settings online go to:
http://groups.yahoo.com/group/ydn-javascript/join
(Yahoo! ID required)
<*> To change settings via email:
ydn-javascript-digest@yahoogroups.com ydn-javascript-fullfeatured@yahoogroups.com
<*> To unsubscribe from this group, send an email to:
ydn-javascript-unsubscribe@yahoogroups.com
<*> Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/

No virus found in this incoming message.
Checked by AVG - www.avg.com Version: 9.0.725 / Virus Database: 270.14.140/2621 - Release Date: 01/14/10 13:39:00

Hi Satyam. Thank you for the link - it is definitely useful!
It still does not work for me, as I already did steps which you describe in that
document.
Do you have an advise on why that may be true?

--- In ydn-javascript@yahoogroups.com, Satyam <satyam@...> wrote:
>
> See:
>
> http://www.satyam.com.ar/yui/widgetstyles.html
>
> El 14/01/2010 19:31, wizard_files3 escribió:
> > Hi. I am trying to override CSS for a row which is selected in Datatable as
it is shown in YUI example. Can you please tell me why row is still displayed as
default YUI when selected?
> >
> > In .CSS file :
> > .yui-skin-sam .yui-dt-liner { white-space:nowrap; }
> > #myDataTable3 .yui-dt-selected {
> >      background-color: yellow;
> >      color: black;
> > }
> > //p.s. .yui-dt-selected{ackground-color: yellow;} does not work either
> >
> >
> > In Javascript:
> >          this.myDataTable3 = new YAHOO.widget.DataTable("procMarkup",
myColumnDefs3, this.myDataSource3,
> >                  {sortedBy:{key:"uuid",
dir:YAHOO.widget.DataTable.CLASS_DESC}
> >                      }
> >          );
> >          this.myDataTable3.subscribe("rowMouseoverEvent",
this.myDataTable3.onEventHighlightRow);
> >          this.myDataTable3.subscribe("rowMouseoutEvent",
this.myDataTable3.onEventUnhighlightRow);
> >          this.myDataTable3.subscribe("rowClickEvent",
this.myDataTable3.onEventSelectRow);
> >      };
> >
> >
> >
> > ------------------------------------
> >
> > Yahoo! Groups Links
> >
> >
> >
> >
> >
> >
> > No virus found in this incoming message.
> > Checked by AVG - www.avg.com
> > Version: 9.0.725 / Virus Database: 270.14.140/2621 - Release Date: 01/14/10
13:39:00
> >
> >
>

Hi Satyam. Thank you for the link - it is definitely useful!
It still does not work for me, as I already did steps which you describe in that document.
Do you have an advise on why that may be true?
--- In ydn-javascript@yahoogroups.com, Satyam <satyam@...> wrote:

See:
http://www.satyam.com.ar/yui/widgetstyles.html
El 14/01/2010 19:31, wizard_files3 escribió:

Hi. I am trying to override CSS for a row which is selected in Datatable as it is shown in YUI example. Can you please tell me why row is still displayed as default YUI when selected?
In .CSS file :
.yui-skin-sam .yui-dt-liner { white-space:nowrap; }
#myDataTable3 .yui-dt-selected {
background-color: yellow;
color: black;
}
//p.s. .yui-dt-selected{ackground-color: yellow;} does not work either
In Javascript:
this.myDataTable3 = new YAHOO.widget.DataTable("procMarkup", myColumnDefs3, this.myDataSource3,
{sortedBy:{key:"uuid", dir:YAHOO.widget.DataTable.CLASS_DESC}
}
);
this.myDataTable3.subscribe("rowMouseoverEvent", this.myDataTable3.onEventHighlightRow);
this.myDataTable3.subscribe("rowMouseoutEvent", this.myDataTable3.onEventUnhighlightRow);
this.myDataTable3.subscribe("rowClickEvent", this.myDataTable3.onEventSelectRow);
};
------------------------------------
Yahoo! Groups Links
No virus found in this incoming message.
Checked by AVG - www.avg.com
Version: 9.0.725 / Virus Database: 270.14.140/2621 - Release Date: 01/14/10 13:39:00

------------------------------------
Yahoo! Groups Links
<*> To visit your group on the web, go to:
http://groups.yahoo.com/group/ydn-javascript/
<*> Your email settings:
Individual Email | Traditional
<*> To change settings online go to:
http://groups.yahoo.com/group/ydn-javascript/join
(Yahoo! ID required)
<*> To change settings via email:
ydn-javascript-digest@yahoogroups.com ydn-javascript-fullfeatured@yahoogroups.com
<*> To unsubscribe from this group, send an email to:
ydn-javascript-unsubscribe@yahoogroups.com
<*> Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/

No virus found in this incoming message.
Checked by AVG - www.avg.com Version: 9.0.725 / Virus Database: 270.14.140/2621 - Release Date: 01/14/10 13:39:00

Interesting...it still does not work. Here is what I've tried in my .css file:
.yui-skin-sam .yui-dt-liner { white-space:nowrap; }
.yui-skin-sam #myDataTable3 tr.yui-dt-selected td,
.yui-skin-sam #myDataTable3 tr.yui-dt-selected td.yui-dt-asc,
.yui-skin-sam #myDataTable3 tr.yui-dt-selected td.yui-dt-desc {
     background-color: green;
     color: red;
}

and plain
.yui-skin-sam #myDataTable3 tr.yui-dt-selected td.yui-dt-desc {
     background-color: green;
     color: red;
}


--- In ydn-javascript@yahoogroups.com, Satyam <satyam@...> wrote:
>
> I would assume this should work:
>
> .yui-skin-sam #myDataTable3 tr.yui-dt-selected td,
> .yui-skin-sam #myDataTable3 tr.yui-dt-selected td.yui-dt-asc,
> .yui-skin-sam #myDataTable3 tr.yui-dt-selected td.yui-dt-desc {
>      background-color: green;
>      color: red;
> }
>
>
>
> El 14/01/2010 22:08, wizard_files3 escribió:
> > Hi Satyam. Thank you for the link - it is definitely useful!
> > It still does not work for me, as I already did steps which you describe in
that document.
> > Do you have an advise on why that may be true?
> >
> > --- In ydn-javascript@yahoogroups.com, Satyam<satyam@>  wrote:
> >
> >> See:
> >>
> >> http://www.satyam.com.ar/yui/widgetstyles.html
> >>
> >> El 14/01/2010 19:31, wizard_files3 escribió:
> >>
> >>> Hi. I am trying to override CSS for a row which is selected in Datatable
as it is shown in YUI example. Can you please tell me why row is still displayed
as default YUI when selected?
> >>>
> >>> In .CSS file :
> >>> .yui-skin-sam .yui-dt-liner { white-space:nowrap; }
> >>> #myDataTable3 .yui-dt-selected {
> >>>       background-color: yellow;
> >>>       color: black;
> >>> }
> >>> //p.s. .yui-dt-selected{ackground-color: yellow;} does not work either
> >>>
> >>>
> >>> In Javascript:
> >>>           this.myDataTable3 = new YAHOO.widget.DataTable("procMarkup",
myColumnDefs3, this.myDataSource3,
> >>>                   {sortedBy:{key:"uuid",
dir:YAHOO.widget.DataTable.CLASS_DESC}
> >>>                       }
> >>>           );
> >>>           this.myDataTable3.subscribe("rowMouseoverEvent",
this.myDataTable3.onEventHighlightRow);
> >>>           this.myDataTable3.subscribe("rowMouseoutEvent",
this.myDataTable3.onEventUnhighlightRow);
> >>>           this.myDataTable3.subscribe("rowClickEvent",
this.myDataTable3.onEventSelectRow);
> >>>       };
> >>>
> >>>
> >>>
> >>> ------------------------------------
> >>>
> >>> Yahoo! Groups Links
> >>>
> >>>
> >>>
> >>>
> >>>
> >>>
> >>> No virus found in this incoming message.
> >>> Checked by AVG - www.avg.com
> >>> Version: 9.0.725 / Virus Database: 270.14.140/2621 - Release Date:
01/14/10 13:39:00
> >>>
> >>>
> >>>
> >>
> >
> >
> >
> > ------------------------------------
> >
> > Yahoo! Groups Links
> >
> >
> >
> >
> >
> >
> > No virus found in this incoming message.
> > Checked by AVG - www.avg.com
> > Version: 9.0.725 / Virus Database: 270.14.140/2621 - Release Date: 01/14/10
13:39:00
> >
> >
>

Hi Group,

I need to set the background color, text color, bold, italics of a specific YUI dataTable cell using Element.setStyle(). When I do the following, all work except the foreground color/text color... any suggestions?

for each record:
      // determine which column/cell I need
      var cellAccessor = tableRow.getElementsByClassName( 'yui-dt-col-' + columnName );
     
      // create new YAHOO element for that specific cell
      var cell = new YAHOO.util.Element( cellAccessor );
       
      // do the coloring and bold/italics
      cell.setStyle( 'backgroundColor', 'blue');    // works
      cell.setStyle( 'textColor', 'red');                   // does NOT work
      cell.setStyle( 'fontWeight', 'bold');               // works
      cell.setStyle( 'fontStyle', 'italic');                  // works

I have also tried using foregroundColor instead of textColor, same thing - does not work.

Thanks!

No virus found in this incoming message.
Checked by AVG - www.avg.com Version: 9.0.725 / Virus Database: 270.14.141/2622 - Release Date: 01/14/10 20:35:00

see http://diana.talente.ro:82/?show=history
LEFT UNIT at the bottom of the page...
See that the sorting if clicking in the header of table... are working !

any ideea ?

My ultimate goal is to create a Menu Button that generates a slide animation on
the select-option element attached to it.

I've successfully gotten the Menu and Animation examples on the YUI page tweaked
and integrated into my own app, but I'm having problems getting a click on my
Menu Button to generate an event to fire off the animation

I'm trying to go step by step, so I figure that getting the Menu Button to fire
off a simple animation should be the first step, then I'll try animating the
select-option element.

Anyways, I'm not sure if this is a scope issue (i.e. I need to put the anim
object within the scope of the event listener) or if I'm using YUI incorrectly.

The markup can be found here: http://pastebin.com/m46857a10
The js can be found here: http://pastebin.com/m782ff0a

Related to this question:
What's the best way to debug? I've put alerts here and there to make sure that
the thread of execution goes through but there must be a better way. I've also
tried to use logger, but it hasn't been helpful. I'd like to be able to get
notifications for every event generated, not just events generated on specific
elements. Is this possible?

Thanks.

Hai,

Question like in topic. I am to use yui-rte for Polish language based sites and
need to support letter "¿" (alt+z). What is the way to unmap current key-binding
which works as ctrl+home.
Would be grateful for any pointers.

Thanks,
Tomasz

Hi I'm not a js script encoder, I will be happy if anyone can help me, and I
search this forum forum for a answer.

As it is now the events in my SpryHTMLDataSet open then I click on the date, and
that's OK but what I will have is, after the YUI Calendar open the today events
automatic open I a table below the calendar, but I would still keep the option
to choose date to look at the events for that day, and then I deselect the date
it reset to the today's events.
-----------------------------------------------------------
This is the code I'm use on my page now.

  <div id="yuicalendar1"></div>
     <script type="text/javascript">
// BeginWebWidget YUI_Calendar: yuicalendar1

   (function() {
     var cn = document.body.className.toString();
     if (cn.indexOf('yui-skin-sam') == -1) {
       document.body.className += " yui-skin-sam";
     }
   })();

   var inityuicalendar1 = function() {
     var yuicalendar1 = new YAHOO.widget.Calendar("yuicalendar1");

     // The following event subscribers demonstrate how to handle
     // YUI Calendar events, specifically when a date cell is
     // selected and when it is unselected.
     //
     // See: http://developer.yahoo.com/yui/calendar/ for more
     // information on the YUI Calendar's configurations and
     // events.
     //
     // The YUI Calendar API cheatsheet can be found at:
     // http://yuiblog.com/assets/pdf/cheatsheets/calendar.pdf
     //
     //--- begin event subscribers ---//
     yuicalendar1.selectEvent.subscribe(selectHandler, yuicalendar1, true);
     yuicalendar1.deselectEvent.subscribe(deselectHandler, yuicalendar1, true);
     //--- end event subscribers ---//

     yuicalendar1.render();
   }

   function selectHandler(event, data) {
   var formattedDateString = data[0][0][1] + "/" + data[0][0][2] + "/" +
data[0][0][0];
   var r = ordo.findRowsWithColumnValues({"Date": formattedDateString }, true);
   var region = Spry.Data.getRegion("classDetail");
   if(r){
	   ordo.setCurrentRow(r.ds_RowID);
	   region.setState("showClass", true);
   } else {
   region.setState("ready", true);
   }
   // The JavaScript function subscribed to yuicalendar1.  It is called when
   // a date cell is selected.
   //
   // alert(event) will show an event type of "Select".
   // alert(data) will show the selected date as [year, month, date].
   };

   function deselectHandler(event, data) {
   // The JavaScript function subscribed to yuicalendar1.  It is called when
   // a selected date cell is unselected.
   };

   // Create the YUI Calendar when the HTML document is usable.
   YAHOO.util.Event.onDOMReady(inityuicalendar1);

// EndWebWidget YUI_Calendar: yuicalendar1
     </script>
     <br class="clearfloat" /><br />
      <div spry:detailregion="ordo" id="classDetail">
<div spry:state="showClass">

   <table width="220">
     <tr>
       <td width="72">{datum}</td>
       <td width="136">{dag}</td>
     </tr>
     <tr>
       <td colspan="2">{Liturgisk_dag}</td>
     </tr>
     <tr>
       <td colspan="2">{Liturisk_färg} </td>
     </tr>
     <tr>
       <td colspan="2" class="tdRubrik">Mässtider/(int.) Vår Frälsares kyrka</td>
       </tr>
     <tr>
       <td height="33" colspan="2">{Tider_Gudstjänst} </td>
       </tr>
     <tr>
       <td colspan="2" class="tdRubrik">Läsningar</td>
       </tr>
     <tr>
       <td colspan="2">{Läsningar} </td>
       </tr>
     <tr>
       <td colspan="2" class="tdRubrik">Dagens aktivitet Vår Frälsares kyrka</td>
       </tr>
     <tr>
       <td colspan="2">{Aktiviteter}</td>
       </tr>
     <tr>
       <td colspan="2" class="tdRubrik">Kollekt</td>
       </tr>
     <tr>
       <td colspan="2">{Kollekt} </td>
       </tr>

     <tr>
       <td colspan="2" class="tdRubrik">Övrigt</td>
       </tr>
     <tr>
       <td colspan="2">{ordo::Övrigt}</td>
       </tr>
   </table>
</div>
       <div spry:state="ready">
       Ordo/Veckonytt för denna dag/månad är inte är inte gjord!
   </div>
<!--end Spry region--></div>

<!--end #calendar--></div>