Hi,

I have a DataTable with an associated DataSource. The chages of the
DataSource are not visible in the DataTable. What should I do to make
it work?

The problem appears in version 2.2.2. In 2.2.0 I made do with this:

var newData = myOtherDataTable.getRecordSet().replace(tblDataTime);
myOtherDataTable.replaceRows(newData);

Thanks in advance,

--
Kamen

Sometime Today, Fred Janon assembled some asciibets to say:

> var scope = el;
>               if (override) {
>                   if (override === true) {
>                       scope = obj;
>                   } else {
>                       scope = override; *// scope will be 'false' or
> anything passed in if not 'true'*
>                   }

scope will never be false because of the enclosing if(override)

what this does is allow people to directly specify an object as the
override parameter.

--- In ydn-javascript@yahoogroups.com, "lgk527" <lgk527@...> wrote:
>
> I found the "sortable list" example. Did you mean this one? If yes, I
> don't see any scrollable DIVs areas here. If no, can you lead me where
> to find your mentioned sample?

Whups - yeah, I meant the Sortable List example.

All you need to do to make the divs scrollable is to set the
"overflow: scroll" style on them.

If you activate a tab (by clicking the link) before the tab has
finished loading, the tabview tries to load the tab from the server
again, resulting in two concurrent requests to the server. This is
causing problems on my page when the contentChange event fires twice.
Would this be considered a bug in the tabview, or should I come up
with my own workaround for the behavior?

I have a panel with several dynamic elements on it.  When I close the
panel I would like all the elements in the panel to be hidden.  My
problem is if I ever use the visibility property on an element within
the panel when the panel closes that element remains showing?

If I have a context menu that I want to change dynamically, depending
on the actions of users, is there any way just to splice in a new
bunch of options to the menu?

I have a menu that has a bunch of default options, they are generated
with javascript when the page renders, then as the user browses round
I want to be able to replace the top section of the menu.

I almost want to do lazy loading of the menu, but without using a
submenu, I want to lazy load a top level section.

-S

I am a recruiter with Comcast and I represent the Engineering group of
CIM (Comcast Interactive Media). CIM was started around two years ago
to grow their internet business, which centers on their portal,
www.comcast.net. We also are working on other exciting projects such as
www.ziddeo.com and www.gaminvasion.net. You can learn more by going to
www.cimlabs.com.

We have needs for Web Developers with experience with HTML, CSS, and
javascript.

If you are interested in learning more, please contact me for a brief
conversation.

Best Regards,
Steven Schumacher
steven_schumacher@...

Nabble is a good solution that you can start using today

  * http://www.nabble.com/ydn-javascript-f16949.html

A project can also make customizations so that it appears like their
own forum. Here's an example of an ASF project that uses a basic
mailing list, but dresses it up with Nabble.

  * http://geronimo.apache.org/discussion-forums.html

These are not links to a project-hosted forum, but to a page that
customizes the look of the Nabble-hosted forums.

HTH, Ted.

ragtek_ragga, why you donīt try another technique to solve your
problem? I think that you may use the event bubble up technique to
generate each tooltip on the fly, without worry about the IDs and you
donīt need verify each link (at the beginning) to attach the
corresponding tooltip object. If you have a dynamic ID for each link
(as you mention in your first post), you can render the active tooltip
(mouse over a link), on the fly using the corresponding dynamic ID.

You can see an example of tooltips on the fly here:
http://bubbling.comarq.com/themes/bubbling/examples/behavior-dynamic-tooltips-bu\
bbling.html

Full Explination here:
http://bubbling.comarq.com/eng/node/tooltip-behavior

Regards
Caridy (caridy at gmail.com)

--- In ydn-javascript@yahoogroups.com, "ragtek_ragga"
<ragtek_ragga@...> wrote:
>
> could you help me a second time pls
>
> i'd like to build that in a second script now
>
> so i included the scriptfiles, added the id="event" tag to the links
> and put <script type="text/javascript">YAHOO.example.container.tt2 =
> new YAHOO.widget.Tooltip("tt2", { context:"event" });
> 	 </script> at the end of the template
>
> the link looks like this now
> <a href="calendar.php?do=getinfo&e=409&day=2007-5-1&c=1"
> title="http://www.euromayday.at .. treffpunkt(...)</a>
> at the first link it works
> on the others not, although the link looks right
> 	 <a href="calendar.php?do=getinfo&e=417&day=2007-5-3&c=1"
> title="Toxic Sound
> No Entry
> only Tekkno" id="event">Toxic</a>
>

Thank you, Mike.
The URL is internal, it seems cannot show external.
I added the randomized sequence, it works, but my boss thinks it is
not a good way.

For serving a cache-busting header, I tried to add "Cache-Control"
to "No-cache" on the header, but doesn't work.

And there are other issues for datasource utility, eventually we
abadon to use YUI library.

Anyway, thank you so much for help.

--- In ydn-javascript@yahoogroups.com, "Mike Lee \(YUI\)"
<mikelee@...> wrote:
>
> Hi wejiangwe,
>
> Could you provide a URL or send some code that shows this issue?
If the
> file is not being cached and both techniques (adding a randomized
> sequence and serving a cache-busting header) did not work, perhaps
the
> source of the issue is elsewhere in your implementation.
>
> Thanks!
>
>
> ________________________________
>
> From: ydn-javascript@yahoogroups.com
> [mailto:ydn-javascript@yahoogroups.com] On Behalf Of wejiangwe
> Sent: Monday, April 30, 2007 9:15 AM
> To: ydn-javascript@yahoogroups.com
> Subject: [ydn-javascript] Re: Problem for SetInterval for GET data
from
> connetion manager
>
>
> --- In ydn-javascript@yahoogroups.com
> <mailto:ydn-javascript%40yahoogroups.com> , "tssha" <tsha@> wrote:
> >
> > --- In ydn-javascript@yahoogroups.com
> <mailto:ydn-javascript%40yahoogroups.com> , "wejiangwe"
<wejiangwe@>
> wrote:
> > >
> > > Thank you, Gopalarathnam. I understand the "add a randomised
> > > sequence" now. But I don't think it is a good way to change
the
> > > parameter every time.
> > >
> > > I tried to "Serve a cache-busting header", such as
> > > YAHOO.util.Connect.initHeader('CACHE-CONTROL', 'NO-CACHE');
> > > But it seems doesn't work, still cached. :(
> >
> > Issue the header from the server, not from the client/Connection
> Manager.
> >
> > Regards,
> > Thomas
> >
>
> Thanks, Thomas! I tested the server, it seems not the problem from
> server. I inputed the url to browser directly, refresh every
second
> manually, it is not cached, shows the latest data.
>
> Could you please tell me any other ways to how to clear the cache
by
> Yahoo library?
>

--- In ydn-javascript@yahoogroups.com, "wejiangwe" <wejiangwe@...> wrote:
>
> Thank you, Mike.
> The URL is internal, it seems cannot show external.
> I added the randomized sequence, it works, but my boss thinks it is
> not a good way.

How so?

> For serving a cache-busting header, I tried to add "Cache-Control"
> to "No-cache" on the header, but doesn't work.

There isn't just one solution.

Issue a far-past Expires header and, or a Last-Modified header that
insures every cached result is instantly outdated.

Even the Cache-Control has more options that you're showing.  For example:
header("Cache-Control: no-store, no-cache, must-revalidate");
header("Cache-Control: post-check=0, pre-check=0", false);

Regards,
Thomas

Ho there,

I'm working on a tabbed interface for managing courses.  Each tab contains
data that is related to some sub-group of information about the course one
is editing.  I've been transferring the whole thing over to YUI and
dynamically-generated pages from an earlier, self-built version with
static tab content and I have a few questions.  My test environment is OS
X and I'm using Firefox as my testing browser.

On to the questions:

1.  There are eight tabs on the page.  Each is generated from some
PHP-built HTML code that is transformed like in the example code here:

http://developer.yahoo.com/yui/examples/tabview/module_tabs.html

The problem is that about 15% of the time, the tab interface never
finished building.  I get the first three or four tabs, and the rest
aren't there.  Reloading the page builds the complete set, but that's a
step my users shouldn't need to take, no?

I am using the YAHOO.util.Event.onContentReady() to delay building the tab
set until the content is completely generated, but I'm guessing that this
isn't actually working right.  Are there any suggestions out here for
ensuring that the full tab set gets built every time?


2.  The content of each tab is generated dynamically by a request object
that calls another PHP script.  I'd like to be able to pass variables on
to that script based on conditions that arise in the PHP document before
the 'tab modules' get built.  The only way I can see so far to do so is to
write certain HTML elements into the PHP-genrated tab modules that get
consumed by the YUI javascript process and translated into GET variables
passed on in the 'dataSrc' property of the tab it generates.  Is there a
better way to do this?

My biggest problem is that sometimes the javascript processing of the tab
modules seems to get ahead of the PHP generation of the HTML modules, and
errors get thrown because elements that are supposed to be in the module
have not yet been written.  When this condition arises, execuction of the
Javascript halts, and the page is left in a partially-processed state that
looks terrible and will be confusing to my users.  Perhaps there's a way
to throw an error that gets caught and generates a fall-back error page,
but I con't see what it would be.

Any suggestions.

I'm enjoying working with the YUI library a great deal.  I hope I can
solve these little issues and get this up and running so my users can
enjoy the juicy goodness!

Thanks for any help in advance!

Cris

********************************
Cris Ewing
CME and Telehealth Web Services
Department of Radiology Web Services
University of Washington
School of Medicine
Work Phone: (206) 685-9116
Home Phone: (206) 365-3413
E-mail: cewing@...
*******************************


On Tue, 1 May 2007, Caridy Patiņo Mayea wrote:

> ragtek_ragga, why you donīt try another technique to solve your
> problem? I think that you may use the event bubble up technique to
> generate each tooltip on the fly, without worry about the IDs and you
> donīt need verify each link (at the beginning) to attach the
> corresponding tooltip object. If you have a dynamic ID for each link
> (as you mention in your first post), you can render the active tooltip
> (mouse over a link), on the fly using the corresponding dynamic ID.
>
> You can see an example of tooltips on the fly here:
>
http://bubbling.comarq.com/themes/bubbling/examples/behavior-dynamic-tooltips-bu\
bbling.html
>
> Full Explination here:
> http://bubbling.comarq.com/eng/node/tooltip-behavior
>
> Regards
> Caridy (caridy at gmail.com)
>
> --- In ydn-javascript@yahoogroups.com, "ragtek_ragga"
> <ragtek_ragga@...> wrote:
>>
>> could you help me a second time pls
>>
>> i'd like to build that in a second script now
>>
>> so i included the scriptfiles, added the id="event" tag to the links
>> and put <script type="text/javascript">YAHOO.example.container.tt2 =
>> new YAHOO.widget.Tooltip("tt2", { context:"event" });
>> 	 </script> at the end of the template
>>
>> the link looks like this now
>> <a href="calendar.php?do=getinfo&e=409&day=2007-5-1&c=1"
>> title="http://www.euromayday.at .. treffpunkt(...)</a>
>> at the first link it works
>> on the others not, although the link looks right
>> 	 <a href="calendar.php?do=getinfo&e=417&day=2007-5-3&c=1"
>> title="Toxic Sound
>> No Entry
>> only Tekkno" id="event">Toxic</a>
>>
>
>
>

Hi,

Dom and Element are doing similar things. I am wondering when to use
which. Can anyone give me some advice?

Thank you

Shiu

insertItem

YAHOO.widget.MenuItem insertItem ( p_oItem , p_nItemIndex , p_nGroupIndex )

Parameters:

p_oItem <YAHOO.widget.MenuItem> Object reference for the MenuItem instance to be added to the menu.

p_oItem <String> String specifying the text of the item to be added to the menu.

p_oItem <Object> Object literal containing a set of menu item configuration properties.

p_nItemIndex <Number> Number indicating the ordinal position at which the item should be added.

p_nGroupIndex <Number> Optional. Number indicating the group to which the item belongs.

What is the easiest way to clean up the DOM (document.forms[]) of any
dialog created dynamically?

Using Firebug, I can see multiple instances of the dialog that I
create dynamically when a button is pressed.

I added a cleanup section where I delete the dialog itself but I
haven't found the easiest way to cleanup the document.forms array.

Thanks

EricG

wejiangwe wrote:
>
>
> Thank you, Mike.
> The URL is internal, it seems cannot show external.
> I added the randomized sequence, it works, but my boss thinks it is
> not a good way.
>
> For serving a cache-busting header, I tried to add "Cache-Control"
> to "No-cache" on the header, but doesn't work.
>
> And there are other issues for datasource utility, eventually we
> abadon to use YUI library.
>

Just curious to know what issues you are facing with YUI.

--
Gopalarathnam Venkatesan

http://gopalarathnam.com/

Hey guys, for some reason I keep getting this error on this page... it
looks like this line: "var mProjectSelector = new
YAHOO.widget.Menu("ProjectSelectorMenu", { itemdata: aProjectSelector,
lazyload: true, container: "bProjectSelector" });" is what is casusing
the exception to be thrown... any thoughts on what I might be doing wrong?

here is the code as I am currently using it:

<!-- CSS Style sheets -->
<link rel="stylesheet" href="styles/style.css" type="text/css">
<link rel="stylesheet" href="styles/menubutton.css" type="text/css">
<!-- combines menu.css and button.css -->
<!-- YUI Javascript includes -->
<script type="text/javascript"
src="scripts/yui/yahoo-dom-event.js"></script>
<script type="text/javascript"
src="scripts/yui/element-beta-min.js"></script>
<script type="text/javascript" src="scripts/yui/dragdrop-min.js"
></script>
<script type="text/javascript" src="scripts/yui/animation-min.js"
></script>
<script type="text/javascript" src="scripts/yui/container.js"></script>
<script type="text/javascript" src="scripts/yui/menu-min.js"></script>
<script type="text/javascript"
src="scripts/yui/button-beta-min.js"></script>
<!-- Site Javascript includes -->
<script src="scripts/rollover.js" language="javascript"
type="text/javascript"></script>
<script src="scripts/bodyanimation.js" language="javascript"
type="text/javascript"></script>
<script src="scripts/fadeControlContainer.js" language="javascript"
type="text/javascript"></script>
<script src="scripts/help.js" language="javascript"
type="text/javascript"></script>

<script language="javascript" type="text/javascript">
//setup the menubutton
YAHOO.djo.init = function () {

	 function onProjectSelectorItemClick(p_sType, p_aArgs, p_oItem) {
		 alert(this.value);
	 }
	 var aProjectSelector = [
		 { text: "menu 1 - item one", value: 1, onclick: { fn:
onProjectSelectorItemClick } },
		 { text: "menu 1 - item two", value: 2, onclick: { fn:
onProjectSelectorItemClick } },
		 { text: "menu 1 - item three", value: 3, onclick: { fn:
onProjectSelectorItemClick } }
	 ];

	 var mProjectSelector = new YAHOO.widget.Menu("ProjectSelectorMenu", {
itemdata: aProjectSelector, lazyload: true, container:
"bProjectSelector" });
	 var oProjectSelector = new YAHOO.widget.Button({ type: "menubutton",
label: "Menu Button 1", menu: mProjectSelector, container:
"bProjectSelector" });
}

okay, so I pulled my button initialization code out of the
"YAHOO.djo.init = function () {" and placed it into a standard
function and called it with a  document onload event... that fixed the
problem, but I still don't understand why... any incite would be
greatly appreciated!

--- In ydn-javascript@yahoogroups.com, "foggjacob" <foggjacobn@...> wrote:
>
> Hey guys, for some reason I keep getting this error on this page... it
> looks like this line: "var mProjectSelector = new
> YAHOO.widget.Menu("ProjectSelectorMenu", { itemdata: aProjectSelector,
> lazyload: true, container: "bProjectSelector" });" is what is casusing
> the exception to be thrown... any thoughts on what I might be doing
wrong?
>
> here is the code as I am currently using it:
>
> <!-- CSS Style sheets -->
> <link rel="stylesheet" href="styles/style.css" type="text/css">
> <link rel="stylesheet" href="styles/menubutton.css" type="text/css">
> <!-- combines menu.css and button.css -->
> <!-- YUI Javascript includes -->
> <script type="text/javascript"
> src="scripts/yui/yahoo-dom-event.js"></script>
> <script type="text/javascript"
> src="scripts/yui/element-beta-min.js"></script>
> <script type="text/javascript" src="scripts/yui/dragdrop-min.js"
> ></script>
> <script type="text/javascript" src="scripts/yui/animation-min.js"
> ></script>
> <script type="text/javascript" src="scripts/yui/container.js"></script>
> <script type="text/javascript" src="scripts/yui/menu-min.js"></script>
> <script type="text/javascript"
> src="scripts/yui/button-beta-min.js"></script>
> <!-- Site Javascript includes -->
> <script src="scripts/rollover.js" language="javascript"
> type="text/javascript"></script>
> <script src="scripts/bodyanimation.js" language="javascript"
> type="text/javascript"></script>
> <script src="scripts/fadeControlContainer.js" language="javascript"
> type="text/javascript"></script>
> <script src="scripts/help.js" language="javascript"
> type="text/javascript"></script>
>
> <script language="javascript" type="text/javascript">
> //setup the menubutton
> YAHOO.djo.init = function () {
>
>  function onProjectSelectorItemClick(p_sType, p_aArgs, p_oItem) {
> 	 alert(this.value);
>  }
>  var aProjectSelector = [
> 	 { text: "menu 1 - item one", value: 1, onclick: { fn:
> onProjectSelectorItemClick } },
> 	 { text: "menu 1 - item two", value: 2, onclick: { fn:
> onProjectSelectorItemClick } },
> 	 { text: "menu 1 - item three", value: 3, onclick: { fn:
> onProjectSelectorItemClick } }
>  ];
>
>  var mProjectSelector = new YAHOO.widget.Menu("ProjectSelectorMenu", {
> itemdata: aProjectSelector, lazyload: true, container:
> "bProjectSelector" });
>  var oProjectSelector = new YAHOO.widget.Button({ type: "menubutton",
> label: "Menu Button 1", menu: mProjectSelector, container:
> "bProjectSelector" });
> }
>

Trying to have the YUI calendar highlight the current week that it is
currently hoving over, versus just the single date.

Really stumped on where to really beginning. Anyone have any ideas?

I don't know that issue clearly, my co-worker said when we tried to
implement custom sorting, we ran into problems that we're unable to
access other column values in the same row. Therefore redundant
string parsing had to be done which is a serious limitation.

Any suggestion?


--- In ydn-javascript@yahoogroups.com, Gopalarathnam Venkatesan
<gopal@...> wrote:
>
> wejiangwe wrote:
> >
> >
> > Thank you, Mike.
> > The URL is internal, it seems cannot show external.
> > I added the randomized sequence, it works, but my boss thinks it
is
> > not a good way.
> >
> > For serving a cache-busting header, I tried to add "Cache-
Control"
> > to "No-cache" on the header, but doesn't work.
> >
> > And there are other issues for datasource utility, eventually we
> > abadon to use YUI library.
> >
>
> Just curious to know what issues you are facing with YUI.
>
> --
> Gopalarathnam Venkatesan
>
> http://gopalarathnam.com/
>

--- In ydn-javascript@yahoogroups.com, "tonsrot" <tonsrot@...> wrote:
>
> Trying to have the YUI calendar highlight the current week that it is
> currently hoving over, versus just the single date.
>
> Really stumped on where to really beginning. Anyone have any ideas?
>

bah, and I found it a hour later ;)

For anyone interested:
http://www.culture.gov.sk/extras/yui/examples/calendar/row_highlight/index.html

Unfortunately, that answer uses the deprecated Calendar_Core class.

Does anyone know where the

prependCssClass

function went to, so I can replicate this using the more up to date yui?

Hi,

Just wanted to point out that the example link is based on a fairly old version of Calendar [ 11.3 ], so if you're working with a more recent version of Calendar, you'll need to revisit the code in the over-ridden doCellMouseOver, doCellMouseOut methods, to make sure they're still compatible.

For example, Calendar_Core has been deprecated, but you can use YAHOO.util.Dom.addClass, removeClass to modify the row element's CSS classes instead.

You may also be able do this without over-riding the methods (so that it's not as susceptible to changes in the Calendar implementation) using domEventMap. http://developer.yahoo.com/yui/docs/YAHOO.widget.Calendar.html#domEventMap and using the CSS class for selectable cells - Style.CSS_CELL_SELECTABLE

I can try and post something which uses this for your specific use case, but if you want to get started with a domEventMap based solution, here's another thread which shows how it can be used: http://tech.groups.yahoo.com/group/ydn-javascript/message/8685 (see the code which sets up domEventMap)

Regards,

Satyen

--- In ydn-javascript@yahoogroups.com, "tonsrot" <tonsrot@...> wrote:
>
> --- In ydn-javascript@yahoogroups.com, "tonsrot" tonsrot@ wrote:
> >
> > Trying to have the YUI calendar highlight the current week that it is
> > currently hoving over, versus just the single date.
> >
> > Really stumped on where to really beginning. Anyone have any ideas?
> >
>
> bah, and I found it a hour later ;)
>
> For anyone interested:
> http://www.culture.gov.sk/extras/yui/examples/calendar/row_highlight/index.html
>

Here's the domEventMap example:

http://yuiblog.com/sandbox/yui/v222/examples/calendar/domEventMap.html

Ideally, this and the original example could be modified to be a
little cleaner (and better performing) by not switching the TR CSS
class for every TD mouseover/out but only when the row actually
changes.

Hope that helps,
Satyen

Hey there Cris,

1. PHP generated tabs not building reliably - Just to clarify, the
problem is in the javascript but the HTML is _always_ there, right?
Then there's an old school work-around for dealing with elements that
may not yet be rendered into the HTML tree - call your js function
from the bottom of the page after the HTML has already been parsed by
the client.

2. How to pass variables from the current page back to your server
with the YUI XHR class - You can append as many variable values as
you'd like to on a request if you use POST instead of GET. See:
http://developer.yahoo.com/yui/connection/#forms. However, I'm not
sure if that really addresses your problem.

You'll still have to iterate over an array of values on the server
side using the $_POST array. You said that the variables you'd like to
share with the second script occur within the first PHP script, right?
You could use local file storage or a database to write the conditions
out to a known location (say a file with the same name as the current
userId, you'll need a unique location for each user as many people may
hit your server at once and you really really don't want to store any
sensitive data in this way).

Or you could cheat (not really) and make PHP controller class that
handles all your connection requests, making calls into the two
discreet functions that you currently have and passing any data back
and forth that way. E.g. your controller is instantiated and waits for
a connection, connection arrives asking for tabs, the controller calls
the first script, first script returns an array of notable conditions
to the controller upon completion, controller waits for a connection,
connection arrives asking for tab contents, controller calls second
script passing in the array of conditions from the first script.

That's just off the top of my head though, and there's probably
(definitely) a more elegant solution available.

Hope that makes sense, and helps.
~Alexander

--- In ydn-javascript@yahoogroups.com, cristopher pierson ewing
<cewing@...> wrote:
>
> Ho there,
>
> I'm working on a tabbed interface for managing courses.  Each tab
contains
> data that is related to some sub-group of information about the
course one
> is editing.  I've been transferring the whole thing over to YUI and
> dynamically-generated pages from an earlier, self-built version with
> static tab content and I have a few questions.  My test environment
is OS
> X and I'm using Firefox as my testing browser.
>
> On to the questions:
>
> 1.  There are eight tabs on the page.  Each is generated from some
> PHP-built HTML code that is transformed like in the example code here:
>
> http://developer.yahoo.com/yui/examples/tabview/module_tabs.html
>
> The problem is that about 15% of the time, the tab interface never
> finished building.  I get the first three or four tabs, and the rest
> aren't there.  Reloading the page builds the complete set, but that's a
> step my users shouldn't need to take, no?
>
> I am using the YAHOO.util.Event.onContentReady() to delay building
the tab
> set until the content is completely generated, but I'm guessing that
this
> isn't actually working right.  Are there any suggestions out here for
> ensuring that the full tab set gets built every time?
>
>
> 2.  The content of each tab is generated dynamically by a request
object
> that calls another PHP script.  I'd like to be able to pass
variables on
> to that script based on conditions that arise in the PHP document
before
> the 'tab modules' get built.  The only way I can see so far to do so
is to
> write certain HTML elements into the PHP-genrated tab modules that get
> consumed by the YUI javascript process and translated into GET
variables
> passed on in the 'dataSrc' property of the tab it generates.  Is
there a
> better way to do this?
>
> My biggest problem is that sometimes the javascript processing of
the tab
> modules seems to get ahead of the PHP generation of the HTML
modules, and
> errors get thrown because elements that are supposed to be in the
module
> have not yet been written.  When this condition arises, execuction
of the
> Javascript halts, and the page is left in a partially-processed
state that
> looks terrible and will be confusing to my users.  Perhaps there's a
way
> to throw an error that gets caught and generates a fall-back error
page,
> but I con't see what it would be.
>
> Any suggestions.
>
> I'm enjoying working with the YUI library a great deal.  I hope I can
> solve these little issues and get this up and running so my users can
> enjoy the juicy goodness!
>
> Thanks for any help in advance!
>
> Cris
>
> ********************************
> Cris Ewing
> CME and Telehealth Web Services
> Department of Radiology Web Services
> University of Washington
> School of Medicine
> Work Phone: (206) 685-9116
> Home Phone: (206) 365-3413
> E-mail: cewing@...
> *******************************
>
>
> On Tue, 1 May 2007, Caridy Patiņo Mayea wrote:
>
> > ragtek_ragga, why you donīt try another technique to solve your
> > problem? I think that you may use the event bubble up technique to
> > generate each tooltip on the fly, without worry about the IDs and you
> > donīt need verify each link (at the beginning) to attach the
> > corresponding tooltip object. If you have a dynamic ID for each link
> > (as you mention in your first post), you can render the active tooltip
> > (mouse over a link), on the fly using the corresponding dynamic ID.
> >
> > You can see an example of tooltips on the fly here:
> >
http://bubbling.comarq.com/themes/bubbling/examples/behavior-dynamic-tooltips-bu\
bbling.html
> >
> > Full Explination here:
> > http://bubbling.comarq.com/eng/node/tooltip-behavior
> >
> > Regards
> > Caridy (caridy at gmail.com)
> >
> > --- In ydn-javascript@yahoogroups.com, "ragtek_ragga"
> > <ragtek_ragga@> wrote:
> >>
> >> could you help me a second time pls
> >>
> >> i'd like to build that in a second script now
> >>
> >> so i included the scriptfiles, added the id="event" tag to the links
> >> and put <script type="text/javascript">YAHOO.example.container.tt2 =
> >> new YAHOO.widget.Tooltip("tt2", { context:"event" });
> >> 	 </script> at the end of the template
> >>
> >> the link looks like this now
> >> <a href="calendar.php?do=getinfo&e=409&day=2007-5-1&c=1"
> >> title="http://www.euromayday.at .. treffpunkt(...)</a>
> >> at the first link it works
> >> on the others not, although the link looks right
> >> 	 <a
href="calendar.php?do=getinfo&e=417&day=2007-5-3&c=1"
> >> title="Toxic Sound
> >> No Entry
> >> only Tekkno" id="event">Toxic</a>
> >>
> >
> >
> >
>

What version of the yahoo ui are you using?  The latest version fixes
a memory leak I discovered (http://tech.groups.yahoo.com/group/ydn-
javascript/message/10228)

If you are using an older version you will need to apply the leak or
you will never clean up the dialogs you create.  In my application a
subscribe to my dialogs hide event.  When the dialog is hidden I call
destroy on the dialog and then set the dialog to null.  This cleans
up the forms as seen in firebug.


--- In ydn-javascript@yahoogroups.com, "sun52tzu" <eric.giard@...>
wrote:
>
>
> What is the easiest way to clean up the DOM (document.forms[]) of
any
> dialog created dynamically?
>
> Using Firebug, I can see multiple instances of the dialog that I
> create dynamically when a button is pressed.
>
> I added a cleanup section where I delete the dialog itself but I
> haven't found the easiest way to cleanup the document.forms array.
>
> Thanks
>
> EricG
>

Hi all,

I am having some difficulty with the YUI data table. I am able to
produce under normal circumstances like using JSON data, JavaScript
array, etc.

What I am trying to achieve here is I have an XML file from my data
resides. I access the XML file using JavaScript and retrieves the data
and create a table that contains the XML data inside a div block that
has a unique ID to identify it. Everything works correctly upto this
point I mean I've displayed the table inside the <body> of the document.

Now I am trying to make the above mentioned table into a data table and
at that point the problem starts it shows two errors one in yahoo.js
file and the other in datatable-beta.js file.

I don't know why it happens and not sure whether this is a problem of
my code. I've furnished my code below for your consideration.

The code below mentioned will WORK ONLY ON IE not in FIREFOX
======================================================================

xml-datatable.htm
----------------------------------------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML
4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	 <head>
		 <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
		 <title>XML Data Table - Demo</title>
		 <link rel="stylesheet" href="bugsreport.css" />
		 <script type="text/javascript" src="xml.js"></script>

		 <script type="text/javascript"
src="../../build/yahoo/yahoo.js"></script>
		 <script type="text/javascript"
src="../../build/datasource/datasource-beta-debug.js"></script>
		 <script type="text/javascript"
src="../../build/datatable/datatable-beta-debug.js"></script>
		 <script type="text/javascript"
src="../../build/dom/dom.js"></script>
		 <script type="text/javascript"
src="../../build/event/event.js"></script>

		 <script type="text/javascript">
		 var oXmlDom = createDocument();
		 oXmlDom.async = true;

		 oXmlDom.onreadystatechange = function () {
			 if(oXmlDom.readyState == 4) {
			 }
		 }

		 //oXmlDom.load
("http://www.blog2blog.net/users/fausto/datatable/bugsreport.xml");
		 oXmlDom.load("blog.xml");
		 //alert(oXmlDom.firstChild);
		 var oRoot = oXmlDom.documentElement;


		 //alert(oRoot);

		 var rowSize = oRoot.childNodes.length;
		 var colSize = oRoot.childNodes[0].childNodes.length;

		 var resultArray = new Array(rowSize);
		 var i,j,k;

		 for(i=0; i < rowSize; i++)  {
			 resultArray[i] = new Array(colSize);
		 }

		 for(i=0; i < oRoot.childNodes.length; i++) {
			 var row = oRoot.childNodes[i];
			 for(j = 0; j < row.childNodes.length; j++) {
				 var inner = row.childNodes[j];
				 for(k=0; k < inner.childNodes.length;
k++) {
					 var innerData = inner.childNodes
[k].text;
					 resultArray[i][j] =
inner.childNodes[k].text;
				 }
			 }
		 }

		 var tableHeader = "<div id=\"table_123\"><table
class=\"t1\"><thead><tr class=\"r1\"><th class=\"h1\">ID</th><th
class=\"h2\">Summary</th><th class=\"h3\">Opened</th><th class=\"h4
\">Closed</th><th class=\"h5\">Status</th><th class=\"h6
\">Priority</th><th class=\"h7\">Assigned To</th><th class=\"h8
\">Submitted By</th></tr></thead>";
		 //alert(tableHeader);

		 var tbodyStart = "<tbody>";
		 var rowStart = "<tr class=\"r2\">";

		 var tBody = tbodyStart + rowStart;

		 for(i=0; i < rowSize;i++) {
			 for(j=0; j< colSize; j++) {
				 var className = "c" + (j+1);
				 var tdValue = "<td
class=\""+className+"\">"+resultArray[i][j]+"</td>";
				 tBody = tBody + tdValue;
			 }
			 if(i == (rowSize-1)) {
				 tBody = tBody
+ "</tr></tbody></table></div>";
			 }
			 else {
				 tBody = tBody + "</tr><tr class=\"r2
\">";
			 }
		 }

		 var tableFull = tableHeader + tBody;

		 function createDataTable() {
			 var columnHeaders = [
   				 {key:"id_no",text:"ID",sortable:true},

	 {key:"summary",text:"Summary",sortable:true},

	 {key:"Open",text:"Opened",sortable:true},

	 {key:"close",text:"Closed",sortable:true},

	 {key:"status",text:"Status",sortable:true},
        		 {key:"priority",text:"Priority",sortable:true},
        		 {key:"assign",text:"Assigned To",sortable:true},
        		 {key:"submit",text:"Submitted By",sortable:true}
    		 ];

			 var columnSet = new YAHOO.widget.ColumnSet
(columnHeaders);

			 var markup = YAHOO.util.Dom.get("table_123");

			 var dataTable = new YAHOO.widget.DataTable
(markup,columnSet,null);

			 applyDataTableHeaderStyle(dataTable);

			 applyDataTableBodyStyle(dataTable);

			 return;
		 }

//Function that applies the CSS styles on the data table header field
function applyDataTableHeaderStyle(dt) {
	 dt.getTable().className = "t1";
	 dt.getHead().childNodes[0].className = "r1";

	 var headerCells = dt.getHead().childNodes[0];
	 var cellCount = headerCells.childNodes.length;
	 for(var i=0; i <cellCount;i++) {
		 headerCells.childNodes[i].className = "h"+(i+1);
	 }
	 return;
}

//Function that applies the CSS styles on the tbody section
function applyDataTableBodyStyle(dt) {
	 var rowCounter = dt.getBody().childNodes.length;
	 for(var i=0; i < rowCounter;i++) {
		 var row = dt.getBody().childNodes[i];
		 row.className = "r2";
		 var cellCounter = row.childNodes.length;
		 for(var j=0; j < cellCounter; j++) {
			 var td = row.childNodes[j];
			 td.className = "c" + (j+1);
		 }
	 }
	 return;
}
		 </script>
	 </head>
	 <body>
	 <div id="content"></div>

	 <script type="text/javascript">
	 document.getElementById('content').innerHTML = tableFull;
	 createDataTable();
	 </script>
	 </body>
</html>
----------------------------------------------------------------------
blog.xml
----------------------------------------------------------------------
<?xml version="1.0" encoding="UTF-8"?>
<viewentries toplevelentries="2">
     <viewentry position="1" unid="6FA663861160ACA6C12572C90041627A"
noteid="568E" siblings="2">
         <entrydata columnnumber="0" name="id">
             <text>000003 </text>
         </entrydata>
         <entrydata columnnumber="1" name="summary">
             <text>Wiki tag "<" nowiki ">" to avoid parsing of
wiki.class seems is not working. </text>
         </entrydata>
         <entrydata columnnumber="2" name="opened">
             <text>02/11/06 </text>
         </entrydata>
         <entrydata columnnumber="3" name="closed">
             <text>02/02/07 </text>
         </entrydata>
         <entrydata columnnumber="4" name="STATUS">
             <text>Fixed </text>
         </entrydata>
         <entrydata columnnumber="5" name="priority">
             <text>Normal </text>
         </entrydata>
         <entrydata columnnumber="6" name="assignedto">
             <text>Maarga </text>
         </entrydata>

         <entrydata columnnumber="7" name="submittedby">
             <text>Denis </text>
         </entrydata>
     </viewentry>

     <viewentry position="2" unid="3574E68D12A9EE3AC12572C900420C2E"
noteid="5692" siblings="2">
         <entrydata columnnumber="0" name="id">
             <text>000007</text>
         </entrydata>
         <entrydata columnnumber="1" name="summary">
             <text>The word ...collapse... do not disappers when the
text area is less then limit of collapse area </text>
         </entrydata>
         <entrydata columnnumber="2" name="opened">
             <text>05/11/06 </text>
         </entrydata>
         <entrydata columnnumber="3" name="closed">
             <text>09/11/06 </text>
         </entrydata>
         <entrydata columnnumber="4" name="STATUS">
             <text>Fixed </text>
         </entrydata>
         <entrydata columnnumber="5" name="priority">
             <text>Low </text>
         </entrydata>
         <entrydata columnnumber="6" name="assignedto">
             <text>Denis </text>
         </entrydata>
         <entrydata columnnumber="7" name="submittedby">
             <text>Denis </text>
         </entrydata>
     </viewentry>
</viewentries>
----------------------------------------------------------------------
xml.js
----------------------------------------------------------------------
function createDocument() {
	 var aVersions = [
		 "MSXML2.DOMDocument.5.0",
		 "MSXML2.DOMDocument.4.0",
		 "MSXML2.DOMDocument.3.0",
		 "MSXML2.DOMDocument",
		 "Microsoft.XmlDom"
	 ];

	 for(var i=0; i <  aVersions.length; i++) {
		 try {
			 var oXmlDom = new ActiveXObject(aVersions[i]);
			 return oXmlDom;
		 }
		 catch (oError) {

		 }
	 }
	 throw new Error("MSXML is not installed");
}
----------------------------------------------------------------------
bugsreport.css
----------------------------------------------------------------------
/* CSS Document */

TABLE.t1 {
	 width:750px; border: 1px solid black; border-collapse:
collapse;  table-layout:fixed;
}

TR.r1 {
	 height:31px; font-size:11px; font-family:Verdana, Arial,
Helvetica, sans-serif
}

TR.r2 {
	 font-size:11px; font-family:Verdana, Arial, Helvetica, sans-
serif;text-align:center
}

TD.c1 {
	 border: 1px solid black;
}
TD.c2 {
	 border: 1px solid black; text-align: justify;
}
TD.c3 {
	 border: 1px solid black;
}
TD.c4 {
	 border: 1px solid black;
}
TD.c5 {
	 border: 1px solid black;
}
TD.c6 {
	 border: 1px solid black;
}
TD.c7 {
	 border: 1px solid black;
}
TD.c8 {
	 border: 1px solid black;
}

TH.h1 {
	 width:61px; overflow:hidden; border: 1px solid black;
background: rgb(135, 206, 250);
}
TH.h2 {
	 width:271px; overflow:hidden;border: 1px solid black;
background: rgb(135, 206, 250);
}
TH.h3 {
	 width:55px; overflow:hidden; border: 1px solid black;
background: rgb(135, 206, 250);
}
TH.h4 {
	 width:55px; overflow:hidden; border: 1px solid black;
background: rgb(135, 206, 250);
}
TH.h5 {
	 width:51px; overflow:hidden; border: 1px solid black;
background: rgb(135, 206, 250);
}
TH.h6 {
	 width:76px; overflow:hidden; border: 1px solid black;
background: rgb(135, 206, 250);
}
TH.h7 {
	 width:84px; overflow:hidden; border: 1px solid black;
background: rgb(135, 206, 250);
}
TH.h8 {
	 width:90px; overflow:hidden; border: 1px solid black;
background: rgb(135, 206, 250);
}

/*SS rules entered by JP*/
TR.r1 a{
	 font-size:11px; font-family:Verdana, Arial, Helvetica, sans-
serif;text-decoration:none;color:#000;font-weight:bold;
}
TR.r1 a:link{
	 font-size:11px; font-family:Verdana, Arial, Helvetica, sans-
serif;text-decoration:none;color:#000;font-weight:bold;
}
TR.r1 a:hover{
	 font-size:11px; font-family:Verdana, Arial, Helvetica, sans-
serif;color:#ff0000;text-decoration:none;
}
----------------------------------------------------------------------

I would be very greatful if you guide me in this case to solve the
issue.

Regards

Jayaprakash

--- In ydn-javascript@yahoogroups.com, "Jayaprakash" <jpvalappil@...>
wrote:
>
> Hi all,
>
> I am having some difficulty with the YUI data table. I am able to
> produce under normal circumstances like using JSON data, JavaScript
> array, etc.
>
> What I am trying to achieve here is I have an XML file from my data
> resides. I access the XML file using JavaScript and retrieves the data
> and create a table that contains the XML data inside a div block that
> has a unique ID to identify it. Everything works correctly upto this
> point I mean I've displayed the table inside the <body> of the document.
>
> Now I am trying to make the above mentioned table into a data table and
> at that point the problem starts it shows two errors one in yahoo.js
> file and the other in datatable-beta.js file.
> 	 <script type="text/javascript"
> src="../../build/yahoo/yahoo.js"></script>
> 	 <script type="text/javascript"
> src="../../build/datasource/datasource-beta-debug.js"></script>
> 	 <script type="text/javascript"
> src="../../build/datatable/datatable-beta-debug.js"></script>
> 	 <script type="text/javascript"
> src="../../build/dom/dom.js"></script>
> 	 <script type="text/javascript"
> src="../../build/event/event.js"></script>

Try re-ordering the script sequence:

<script type="text/javascript"
src="../../build/yahoo/yahoo.js"></script>
<script type="text/javascript"
src="../../build/dom/dom.js"></script>
<script type="text/javascript"
src="../../build/event/event.js"></script>
<script type="text/javascript"
src="../../build/datasource/datasource-beta-debug.js"></script>
<script type="text/javascript"
src="../../build/datatable/datatable-beta-debug.js"></script>

If you have a look at the "getting started" section at
http://developer.yahoo.com/yui/datatable/, you'll notice DOM and Event
both precede DataSource and DataTable.

Regards.
Thomas