Hey everyone,

I've created a YUI addon, ScrollTabView, that allows you to transition
between TabView content with a Scroll animation.

This allows you to use YUI's tabs to create an effect similar to:
  - Yahoo! Widgets Homepage: http://widgets.yahoo.com/
  - Panic's Coda: http://panic.com/coda/
  - Mozilla's Firefox 3 pre-release start page:
http://en-us.www.mozilla.com/en-US/firefox/3.0rc1/firstrun/

You can specify your own direction (horizontal or vertical), animation
duration, and easing as attributes. Complicated styles are all applied
automatically-- just use it like a normal TabView.

View examples of ScrollTabView in action and grab the code here:
http://reidburke.com/yui/

Direct links to examples and code:
http://internal.reidburke.com/yui-addons/yodeler/widget/ScrollTabView.js
http://internal.reidburke.com/yui-addons/yodeler/examples/ScrollTabView/horizont\
al.html
http://internal.reidburke.com/yui-addons/yodeler/examples/ScrollTabView/vertical\
.html
http://internal.reidburke.com/yui-addons/yodeler/examples/ScrollTabView/easing.h\
tml
http://internal.reidburke.com/yui-addons/yodeler/examples/ScrollTabView/quick.ht\
ml

It's all available under a BSD License-- so feel free to use it for
your own projects!

Bug reports and comments are very welcome!

Thanks.  These are really helpful.

Jack


--- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@...> wrote:
>
> Hi,
>
> There's currently no inbuilt support for alternate selection ranges,
but you can take a look at these examples which show how to use
Calendar's API to implement custom selection (the examples use older
versions of YUI, but the API stays the same in 2.5.1):
>
> Week Selection:
>
http://yuiblog.com/sandbox/yui/v222/examples/calendar/selectCalWeeks.html
>
> Day Of Week Selection:
>
http://yuiblog.com/sandbox/yui/v230/examples/calendar/selectWeekdayHeader.html
>
> NOTE: These are really UI level customizations, to help the user
easily select groups of individual dates - the Calendar's state and
API still revolve around individual dates which is not necessarily
ideal especially if there's NO requirement to support a mix of
selected weeks + individual dates (or months + individual dates in
your case).
>
> Regards,
> Satyen
> ________________________________________
> From: ydn-javascript@yahoogroups.com
[mailto:ydn-javascript@yahoogroups.com] On Behalf Of jck003
> Sent: Monday, May 19, 2008 10:15 AM
> To: ydn-javascript@yahoogroups.com
> Subject: [ydn-javascript] Calendar - Select Month
>
>
> Is it possible to click on the month and select every date for that
> month? If not, I think that would be a nice feature. In fact, it
> would be nice to click on any heading and select that month, year, day
> of week, week, etc.....
>
> Thanks
> Jack
>

Hello Jacob:

I have two recommendations for you:

1. Avoid to use iframes in your application, specially if you need to
use the YUI's widgets inside the iframe, because the browser will load
different copies of the YUI Core into memory for each iframe, and even
when the iframe is removed from the DOM the browser will locked this
memory for a while. There is another alternatives to emulate an iframe
within the TOP window, you should review the dispatcher and the wizard
plugins.

2. Try to avoid the use of listeners, specially for the elements
within dynamic areas, you can use the bubbling up technique, applying
the listeners to the container, and getting the target reference from
the event, you should review the bubbling extension.

PD: The purge method will remove all the listeners, you don't need to
do it manually, but keep in mind that few components will create new
elements in the DOM, and maybe these new elements are not rendered
within your container, but in the document.body (ex. the YUI DataTable
widget). So, sometimes you think that everything was removed, and in
fact there are a lot of hidden elements in the DOM.

Best Regards,
Caridy Patino

--- In ydn-javascript@yahoogroups.com, "jacob.fogg" <jacob.fogg@...>
wrote:
>
> So I am trying to optimize our application... We use a page for the
> top navigation and 2 iFrames to handle to the content and a "manager".
> Additionally with some pages, we use panels in the top document to
> handle some of the advanced options.  This layout has been working
> great!  We have however found that this is becoming problematic as
> users use the application over time.  Top rarely refreshes (could be
> an entire 8 hour work day).  I have found that some items were not
> correctly being destroyed (so that when the user returns to that page
> later I end up with multiple div's with the same id... the DOM slowly
> increasing in size from one page to the next). Secondly, I have not
> been purging Events before I wipe out specific elements within the
panel.
>
> I took care of the first problem by checking for the existence of
> those elements and destroying them before I create a new one.  This
> means I might have a couple unneeded DOM elements at any given time,
> but not a rapidly climbing number.
>
> For the Second issue (the main reason I am writing), I am trying to
> prevent the stacking of events. The best method I could come up with
> is to grab all of the child elements of the panel and run the method
> YAHOO.util.Event.purgeElement against those elements. (see my code
> below).
>
> function panel_destroy(thePanel){
>   if(document.getElementById(thePanel) &&
> YAHOO.djo[thePanel].destroy){//if the id exists
>     parentEl =
>
document.getElementById(YAHOO.djo[thePanel].id).parentNode.parentNode;//get
> the parent node
>     //get all elements in the panel
>     elArr = document.getElementById(thePanel).getElementsByTagName('*')
>     for(i=0;i<elArr.length;i++){
>       //remove any events by calling
>       YAHOO.util.Event.purgeElement(elArr[i]);
>     }
>     YAHOO.djo[thePanel].destroy();//call the destroy method
>     parentEl.parentNode.removeChild(parentEl);//destroy the parent node
>   }
> }
>
>
> Is this the best methodology (besides trying to track and store every
> addListener created)for ensuring that listeners are not infinitely
> stacked?
>
> Any thoughts on this, or even a "best practice" would be greatly
> appreciated!
>
> Jacob Fogg
>

Yes!  It's working now!  THanks !


--- In ydn-javascript@yahoogroups.com, Dav Glass <dav.glass@...>
wrote:
>
> imissfloppydisks --
>
> When you go to show it, call the editor's show method:
>
>
http://developer.yahoo.com/yui/docs/YAHOO.widget.SimpleEditor.html#met
hod_show
>
> 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: imissfloppydisks <imissfloppydisks@...>
> To: ydn-javascript@yahoogroups.com
> Sent: Tuesday, May 20, 2008 1:46:06 PM
> Subject: [ydn-javascript] Can't edit text in YUI text editor
>
> I am putting the RTE inside of a DIV that initially is positioned
> outside of the view (-1000, -1000).  When it is moved and I can see
it,
> I cannot edit anything in Firefox.  Please help!
>
> Thanks
>
>
> ------------------------------------
>
> Yahoo! Groups Links
>

imissfloppydisks --

When you go to show it, call the editor's show method:

http://developer.yahoo.com/yui/docs/YAHOO.widget.SimpleEditor.html#method_show

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: imissfloppydisks <imissfloppydisks@...>
To: ydn-javascript@yahoogroups.com
Sent: Tuesday, May 20, 2008 1:46:06 PM
Subject: [ydn-javascript] Can't edit text in YUI text editor

I am putting the RTE inside of a DIV that initially is positioned
outside of the view (-1000, -1000).  When it is moved and I can see it,
I cannot edit anything in Firefox.  Please help!

Thanks


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

Yahoo! Groups Links

I am putting the RTE inside of a DIV that initially is positioned
outside of the view (-1000, -1000).  When it is moved and I can see it,
I cannot edit anything in Firefox.  Please help!

Thanks

Hi,

I also have this problem. IE keeps getting me access denied while
Firefox runs the code smoothly. I have no idea why. Has anyone found
any solution??

regards

amalia

--- In ydn-javascript@yahoogroups.com, "dallasdespain"
<dallas.despain@...> wrote:
>
> Hi,
>
>
> We are using the yui browser history manager to preserve state in an
> ajax search application.  I'm not sure why yet, but if you go to the
> search page and repeatedly run searches (no page turn, just ajax
> requests) with different parameters, we eventually get an Access
> Denied error in history-min.js
>
> I loaded history-debug.js and found that it's happening on line 272
> where the author tries to call   top.location.hash = newHash;
>
> Does anyone know if IE has issues with people setting that property?
>
> I'm trying to see if we can change the way we're using the manager to
> avoid this problem.  Has anyone else run into this?
>
> Thanks,
>
> Dallas
>

Thanks!

--- In ydn-javascript@yahoogroups.com, Dav Glass <dav.glass@...>
wrote:
>
> k_albarron --
>
> You will also need to remove the <P> tags from around the textarea.
>
> When the Editor is rendered, it uses DIV's to create it's markup
and you can't have a DIV inside a P ;)
>
> 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: k_albarron <xdrunknmunky13x@...>
> To: ydn-javascript@yahoogroups.com
> Sent: Monday, May 19, 2008 11:32:42 AM
> Subject: [ydn-javascript] Re: Problems loading RTE in most browsers?
>
> Sure, here it is:
>
> http://a.parsons.edu/~kalbarron/itdb/final/sendemail2.php
>
> Thanks!
>
> --- In ydn-javascript@yahoogroups.com, Dav Glass <dav.glass@>
> wrote:
> >
> > k_albarron --
> >
> > Can you post a link to the page so I can see it?
> >
> > 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: k_albarron <xdrunknmunky13x@>
> > To: ydn-javascript@yahoogroups.com
> > Sent: Monday, May 19, 2008 11:00:17 AM
> > Subject: [ydn-javascript] Problems loading RTE in most browsers?
> >
> > I'm using RTE in Opera browser and it loads fine, but when I load
> the
> > same page in forefox, camino, safari, etc. It just loads the
> standard
> > textarea box. Is anyone else having this problem?
> >
> > Thanks!
> >
> >
> >
> > ------------------------------------
> >
> > Yahoo! Groups Links
> >
>
>
>
> ------------------------------------
>
> Yahoo! Groups Links
>

--- In ydn-javascript@yahoogroups.com, Nate Koechley <natek@...> wrote:
>
> hey bennyhill188,
>
> On May 20, 2008, at 7:01 AM, bennyhill188 wrote:
>
> >
> > I have loaded all the necessary files for grids fonts and reset.  I
> > have this html:
> >
> > <html>
> > <head><!--yui files are here!--></head>
> > <body>
> > <div id="doc2" class="yui-t2">
> >
> >    <div id="hd"></div>
> >
> >    <div id="bd">
> >        <div id="yui-main">
> >             <div id="content" class="yui-b"></div>
> >       </div>
> >             <div id="nav" class="yui-b"></div>
> >    </div>
> >
> > <div id="ft></div>
> > </div>
> > </body>
> > </html>
> >
> > How do I get my nav and content divs to have a min-height and fill the
> > view port?  I tried the layout manager but I had trouble using it with
> > php generated content.  Is there a way to get a yui-grid layout to
> > fill
> > the viewport without using the layout manager's javascripts?
>
> YUI Grids CSS does not provide this functionality. If an always-filled
> and never-exceeded viewport if your design goal, YUI Layout Manager is
> the way to go. The other option is to use a bit of javascript to
> measure and modify the heights. Here's a tutorial for doing something
> related:
>
>
http://dev.opera.com/articles/view/fixing-yui-css-grid-issues-with-javascri/
>
> Hope that helps.
>
> Thanks,
> Nate
>
Worked.  Thanks for the help!

hey bennyhill188,

On May 20, 2008, at 7:01 AM, bennyhill188 wrote:

>
> I have loaded all the necessary files for grids fonts and reset.  I
> have this html:
>
> <html>
> <head><!--yui files are here!--></head>
> <body>
> <div id="doc2" class="yui-t2">
>
>    <div id="hd"></div>
>
>    <div id="bd">
>        <div id="yui-main">
>             <div id="content" class="yui-b"></div>
>       </div>
>             <div id="nav" class="yui-b"></div>
>    </div>
>
> <div id="ft></div>
> </div>
> </body>
> </html>
>
> How do I get my nav and content divs to have a min-height and fill the
> view port?  I tried the layout manager but I had trouble using it with
> php generated content.  Is there a way to get a yui-grid layout to
> fill
> the viewport without using the layout manager's javascripts?

YUI Grids CSS does not provide this functionality. If an always-filled
and never-exceeded viewport if your design goal, YUI Layout Manager is
the way to go. The other option is to use a bit of javascript to
measure and modify the heights. Here's a tutorial for doing something
related:

	 http://dev.opera.com/articles/view/fixing-yui-css-grid-issues-with-javascri/

Hope that helps.

Thanks,
Nate

Hey,

On May 20, 2008, at 6:37 AM, ajaxgames wrote:

> Hi,
>
> I am trying to nest yui-gb inside of yui-ge and it appears that it
> does
> not work. It has different problems in IE7 and Firebox but does not
> work in either.
>
> Is there a patch I can use for this?
>

Here you go:
http://nate.koechley.com/dev/yui/v250/patch-gb-within-ge.html


> I realize that this will produce 25% 25% 25% 25% columns which I could
> also do with nesting two yui-g inside a parent yui-g but I would still
> like a solution for yui-gb inside yui-ge because the first three
> columns are a separate module that I would like to style together and
> might also dynamically generate that part to be a different number of
> columns but want to leave the last 25% alone.

Thanks,
Nate

Hey kpollard57,

On May 19, 2008, at 9:23 PM, kpollard57 wrote:

> I just watched the video and think I understand how reset, fonts and
> grids works. My question is when and where do I start to apply the
> styles back for bulleted lists, headers, etc. At the end of the video
> he states that you should not use base in production, because you are
> removing everything and then putting it back. At what point to I apply
> the styles back that reset cleared? Thanks

I'll explain this using the HTML's H1 element as an example. Prior to
Reset, H1 has a margin and font size supplied by each browser. Since
the provided values vary slightly across platform, we neutralize/
remove them with YUI Reset. When we apply YUI Fonts, all elements
render at 13px, including H1. When you apply YUI Base, H1 is rendered
at 18px. If your site's visual design requires that H1s be 18px, then
go right ahead and use Base. If it requires a different value, you can
supply that yourself. If Base is applied and then you specify a
different value, the different value overwrites the value provided by
Base, in which case Base is unnecessary overhead.

Base is totally fine to use in production, but in practice the
specific visual design of a site overwrites much of what Base
provides. Therefore, for efficiency's sake, it is often unnecessary in
real world application.

I most often use Base as a snippets library. Open it up and grab the
code that puts bullets back on UL LI's and include that rule in your
own site-specific CSS.

Hope that helps.

Thanks,
Nate

Hey Howard,

On May 17, 2008, at 7:01 AM, howard chen wrote:

> Hi,
>
>
> 1.
>
> AFAIK, the width in YUI Grid CSS is relative, and it is browser
> dependent, e.g. IE and FF are using different values (divide by 13 and
> 13.3333)
>
> I want to know, is this differaration only apply to width? How about
> padding, margin, or height, should I also use the "special formula"?

If you're setting any dimension in EMs using the branches values is
appropriate.


>
>
> 2. At one of the block, it is specified as:
>
> ...margin-left:-25em;/* IE: preserve layout at narrow widths */
>
> can you give more detail about this? Why -25 em?

YUI Grids' preset templates (e.g. .yui-t1) are created with the
Negative Margins technique. The widest narrow column of any of the
preset templates is equivalent to 300px. Therefore a margin greater
than that is needed. 25ems is the equivalent of ~ 325px which fulfills
this requirement.

It would have been possible to provide a distinct margin closer to the
variable required space of each of the preset templates individually,
but setting more than is necessary a single time is more efficient.

Hope that helps.

Thanks,
Nate

hi all,
after inlin edit,when user paginates, i am doing,

myDataSource.sendRequest(newParams,
myDataTable.onDataReturnInitializeTable, myDataTable)
i do backend validation, if thre are any validation errors, i throw
those errors(i throw an exception)..now i want
1.to identify somehow that an exception was thrown
2.display those error messages to user
3.stop user from pagination.

i tried writing my own handler in paginationEventHandler, but i am not
able to know if any exception was thrown from backend(even though it
was thrown)...can somebody please tell me how this can be achieved.

Hi Nicholas,

I appreciate your reply. The cookie name doesn't exist yet. I'm
certain of that. The trouble is, the call to
YAHOO.util.Cookie.setSub() actually fails *because* the cookie doesn't
exist yet.

Here's a snippet from setSub from the cookie-beta-debug.js:

         var hash /*:Object*/ = this.getSubs(name);

         if (!lang.isObject(hash)){
             hash = new Object();
         }

         hash[subName] = value;

The call to getSubs(name) shows that there's an expectation that the
cookie should already exist, because, if it's null, then hash is null,
which causes the !lang.isObject(hash) test to fail. And attempts to
assign a value to hash[subName] will fail. It seems to me that the if
statement should be:

if (hash == null || !lang.isObject(hash))

I could be wrong, but that's how it looks to me.

Kind Regards,
TTT

--- In ydn-javascript@yahoogroups.com, "Nicholas Zakas" <nzakas@...>
wrote:
>
> Hi TTT,
>
>
>
> The call to YAHOO.lang.isObject() only returns true if the value is an
> object and also isn't null. My hunch is that there's a cookie of the
> same name that already exists but can't be parsed as containing
> subcookies. Please try clearing all of your cookies and trying the code
> again. If you're still having issues after that, take a look at the
> value of document.cookie to see if a cookie of the same name already
> exists. If you're not sure, please paste your complete code to the list
> and I can take a look.
>
>
>
> Thanks,
>
> Nicholas
>
>
>
> ________________________________
>
> From: ydn-javascript@yahoogroups.com
> [mailto:ydn-javascript@yahoogroups.com] On Behalf Of ticklishturtletoe
> Sent: Tuesday, May 20, 2008 7:17 AM
> To: ydn-javascript@yahoogroups.com
> Subject: [ydn-javascript] Problem with YAHOO.util.Cookie.setSub
>
>
>
> Hi all,
>
> I've been getting lots of great use out of the Yahoo UI library!
> Congrats to the development team and the community for making it a
> wonderful tool for web development!
>
> I'm trying to create an initial sub-cookie but I'm running into
> trouble. It seems that it fails on the !isObject test (line 345 in
> cookie-beta-debug.js), which should return true, since the hash hasn't
> yet been initialized. Perhaps that test should be amended to also test
> for null?
>
> Thanks in advance for your input!
>
> TTT
>

--- In ydn-javascript@yahoogroups.com, "pasthomes_adrian"
As a follow up on this - first, apologies for the typo in my code
below - it should have said:

secondTable.unselectRow(sel_rows[0]);

Second, I have managed to work around the problem by using:

secondTable.unselectAllRows();

But it would still be good to know what I'm doing wrong when using
unselectRow() ?

- Adrian

<adrian.strahan@...> wrote:
>
> I have 2 data tables in 2 separate tabs in a tab view.
> When I select a row in the first data table anything currently
> selected in the second data table stays selected.
> How can I unselect what was selected in the second tab view?
> I've tried the following code in my first data table but it doesn't
> seem to work:
>
> firstDataTable.subscribe("rowSelectEvent", function(oArgs) {
>  var sel_rows = secondTable.getSelectedRows();
>  if (sel_rows.length != 0) {
> 	 unselectRow(sel_rows[0]);
>  }
> }
>
> Any help would be most appreciated.
>

So I am trying to optimize our application... We use a page for the
top navigation and 2 iFrames to handle to the content and a "manager".
Additionally with some pages, we use panels in the top document to
handle some of the advanced options.  This layout has been working
great!  We have however found that this is becoming problematic as
users use the application over time.  Top rarely refreshes (could be
an entire 8 hour work day).  I have found that some items were not
correctly being destroyed (so that when the user returns to that page
later I end up with multiple div's with the same id... the DOM slowly
increasing in size from one page to the next). Secondly, I have not
been purging Events before I wipe out specific elements within the panel.

I took care of the first problem by checking for the existence of
those elements and destroying them before I create a new one.  This
means I might have a couple unneeded DOM elements at any given time,
but not a rapidly climbing number.

For the Second issue (the main reason I am writing), I am trying to
prevent the stacking of events. The best method I could come up with
is to grab all of the child elements of the panel and run the method
YAHOO.util.Event.purgeElement against those elements. (see my code
below).

function panel_destroy(thePanel){
   if(document.getElementById(thePanel) &&
YAHOO.djo[thePanel].destroy){//if the id exists
     parentEl =
document.getElementById(YAHOO.djo[thePanel].id).parentNode.parentNode;//get
the parent node
     //get all elements in the panel
     elArr = document.getElementById(thePanel).getElementsByTagName('*')
     for(i=0;i<elArr.length;i++){
       //remove any events by calling
       YAHOO.util.Event.purgeElement(elArr[i]);
     }
     YAHOO.djo[thePanel].destroy();//call the destroy method
     parentEl.parentNode.removeChild(parentEl);//destroy the parent node
   }
}


Is this the best methodology (besides trying to track and store every
addListener created)for ensuring that listeners are not infinitely
stacked?

Any thoughts on this, or even a "best practice" would be greatly
appreciated!

Jacob Fogg

I have 2 data tables in 2 separate tabs in a tab view.
When I select a row in the first data table anything currently
selected in the second data table stays selected.
How can I unselect what was selected in the second tab view?
I've tried the following code in my first data table but it doesn't
seem to work:

firstDataTable.subscribe("rowSelectEvent", function(oArgs) {
	 var sel_rows = secondTable.getSelectedRows();
	 if (sel_rows.length != 0) {
		 unselectRow(sel_rows[0]);
	 }
}

Any help would be most appreciated.

Phoebe --

Take a look at this:
http://yuiblog.com/blog/2006/12/14/maps-plus-yui/

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: Phoebe Bright <phoebebright@...>
To: ydn-javascript@yahoogroups.com
Sent: Tuesday, May 20, 2008 9:16:03 AM
Subject: Re: [ydn-javascript] Map breaks layout


Dav,
No difference - see http://www.ggjump.com/with_map.html

Phoebe.


On 20 May 2008, at 14:49, Dav Glass wrote:

Phoebe --

Try putting this line:
<script src="http://api.maps. yahoo.com/ ajaxymap? v=3.0&appid= SNIPPED"
type="text/javascri pt"></script>

Above the YUI includes..

Does that make a difference?
Dav
Dav Glass
dav.glass@yahoo. com
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: Phoebe Bright <phoebebright@ spamcop.net>
To: ydn-javascript@ yahoogroups. com
Sent: Tuesday, May 20, 2008 6:35:43 AM
Subject: [ydn-javascript] Map breaks layout

I am using yui layouts to style this page http://www.ggjump. com/without_
map.html
but when I put a map in the left hand bar, it seems to stop the
layouts code running - http://www.ggjump. com/with_ map.html Not sure
if I have broken it or if this is a bug. Does anyone have any
experience?

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

Yahoo! Groups Links

[...]
Sorry Pete,
but I was near to cry when I read your question.

You ask, whether you'd loose credit if your customer sees, that you're using YUI. Let me take it the other way round:
Often when I see websites I'm looking inside the used JS out of curiosity. When I see, that they've written their own JS-Framework for standard tasks instead of using a well established one, I know that they are losers who like to reinvent the wheel all the time instead of doing something usefull.
Cheers,

> ----- Original Message ----
> From: qubethree <petefernando@...>
> To: ydn-javascript@yahoogroups.com
> Sent: Tuesday, May 20, 2008 3:30:24 AM
> Subject: [ydn-javascript] Using YUI professionally
>
> Hi
>
> I'm a newbie here, and I'm a newbie to this whole css thing.
> I used to be involved with webdesign years ago, then moved across to
> tech support, now getting back into webdesign. Basically this whole
> JS/CSS library the yahoo have put together seems great. I'm slowly
> getting to grips with this whole CSS/AJAX thing, and the YUI is But
> can I use it for professional websites without loosing any credit from
> any customers who happen to look through the source code I generate
> for them?
> Is there anyone else out there who's using this framework within a
> professional/commercial capacity at the moment?
>
> Kind Regards
>
> Pete Fernando
>

Sorry Pete,

but I was near to cry when I read your question.

You ask, whether you'd loose credit if your customer sees, that you're using
YUI. Let me take it the other way round:

Often when I see websites I'm looking inside the used JS out of curiosity.
When I see, that they've written their own JS-Framework for standard tasks
instead of using a well established one, I know that they are losers who like
to reinvent the wheel all the time instead of doing something usefull.

Cheers,

--
Thomas Koch, Software Developer
http://www.koch.ro

I have a form and have two fields that need to be checked when
onSubmit is clicked. Can this be done? One field is checking to be
sure an item is checked and the other field is checking to make sure
that both email addresses match.

Here is the html:
<script type="text/JavaScript">
<!--
function MM_findObj(n, d) { //v4.01
   var p,i,x;  if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
     d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
   if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[i][n];
   for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document);
   if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_validateForm() { //v4.0
   var i,p,q,nm,test,num,min,max,errors='',args=MM_validateForm.arguments;
   for (i=0; i<(args.length-2); i+=3) { test=args[i+2];
val=MM_findObj(args[i]);
     if (val) { nm=val.name; if ((val=val.value)!="") {
       if (test.indexOf('isEmail')!=-1) { p=val.indexOf('@');
         if (p<1 || p==(val.length-1)) errors+='- '+nm+' must contain
an e-mail address.\n';
       } else if (test!='R') { num = parseFloat(val);
         if (isNaN(val)) errors+='- '+nm+' must contain a number.\n';
         if (test.indexOf('inRange') != -1) { p=test.indexOf(':');
           min=test.substring(8,p); max=test.substring(p+1);
           if (num<min || max<num) errors+='- '+nm+' must contain a
number between '+min+' and '+max+'.\n';
     } } } else if (test.charAt(0) == 'R') errors += '- '+nm+' is
required.\n'; }
   } if (errors) alert('The following error(s) occurred:\n'+errors);
   document.MM_returnValue = (errors == '');
}
//-->
</script>


<script type="text/javascript">
<!--
function check (f) {
var e, i = 0, checked = false;
while (e = f.elements[i++]) {if (e.type == 'checkbox' && e.checked)
checked = true};
if (!checked) alert ('Please select your petition(s)');
return checked;
}
// -->
</script>

  <script type="text/javascript" language="JavaScript">
<!--
//--------------------------------
// This code compares two fields in a form and submit it
// if they're the same, or not if they're different.
//--------------------------------
function checkEmail(theForm) {
     if (theForm.EMAIL.value != theForm.EMAIL_2.value)
     {
         alert('Those emails don\'t match!');
         return false;
     } else {
         return true;
     }
}
//-->
</script>

  <script type="text/javascript" language="javascript">
function emailvalidation(entered, alertbox)
{
// E-mail Validation by Henrik Petersen / NetKontoret
// Explained at www.echoecho.com/jsforms.htm
// Please do not remove this line and the two lines above.
with (entered)
{
apos=value.indexOf("@");
dotpos=value.lastIndexOf(".");
lastpos=value.length-1;
if (apos<1 || dotpos-apos<2 || lastpos-dotpos>3 || lastpos-dotpos<2)
{if (alertbox) {alert(alertbox);} return false;}
else {return true;}
}
}

  </script>



</head>


<body>

        		 <form
action="https://www.amm.org/submissions/scripts/EEUscript.asp"
method="post" name="form" id="form" onsubmit="return check (this)"
onKeyUp="highlight(event)" onClick="highlight(event)">

		     <!--<input name="recipient" type="hidden"
value="ammwebmaster2@...,ammfather@...,ammwebmaster@..." />-->
             <input name="SUBJECT" type="hidden" value="AMM | 2008 June
Bulletin Intentions" />
		      <input name="MAILCODE" type="hidden" value="EEU8" />

                   <br>
                     <table width="100%" BORDER="4" align="center"
cellpadding="2" cellspacing="2" bordercolorlight="#649595"
				 bordercolordark="#649595" bgcolor="#ffffff"
style="BORDER-COLLAPSE: collapse">

                     <tr bgcolor="#D8F1F1">
                       <td><input TYPE="checkbox" NAME="PETITIONS"
value="Health" />
                         Health</td>
                       <td><input TYPE="checkbox" NAME="PETITIONS"
value="Children" />
                         Children</td>
                       <td><input TYPE="checkbox" NAME="PETITIONS"
value="The homeless" />
                         The homeless</td>
                     </tr>
                     <br />
                   </table></td>
               </tr>
             </table>

              		     <P><font color="#008000"><b><font color="#336666"
size="4" face="Arial, Helvetica, sans-serif">Your Name and
Address:</font></b></font><font color="#254D78" size="4">&nbsp;
     </font><br>
     <span class="main">Title:<label>
     <select name="TITLE" id="Title" style="background-color:#F5F0DD">
         <option value="">**</option>
         <option value="Mr.">Mr.</option>
         <option value="Mr. and Mrs.">Mr. and Mrs.</option>
         <option value="Mrs.">Mrs.</option>
         <option value="Miss">Miss</option>
         <option value="Ms.">Ms.</option>
         <option value="Dr.">Dr.</option>
         <option value="Rev.">Rev.</option>
         </select>
     </label> <br>
     First Name:
     <input name="FNAME" type="text" id="name1" style="color: #000000;
border-left: 0px solid #008000; border-right: 0px solid #254D78;
border-top: 0px solid #008000; border-bottom: 2px solid #990000;
background-color: #EBE1BE" tabindex="2" size="29" maxlength="50">
     <br>
     Last Name:
     <input name="LNAME" type="text" id="name2" style="color: #000000;
border-left: 0px solid #008000; border-right: 0px solid #254D78;
border-top: 0px solid #008000; border-bottom: 2px solid #990000;
background-color: #EBE1BE" tabindex="3" size="29" maxlength="50">
     Suffix:
     <select name="SUFFIX" id="state3" style="border-left: 1px solid;
border-top: 1px solid; border-right: 1px solid; border-bottom: 1px
solid; background-color: #F5F0DD; color: #000000;" tabindex="4">
         <option>**</option>
         <option value="Jr">Jr.</option>
         <option value="Sr">Sr.</option>
         <option value="MD">MD</option>
         <option value="DDS">DDS</option>
         <option value="PHD">PHD</option>
         <option value="II">II</option>
         <option value="III">III</option>
     </select>
     <br>

     &nbsp;<font color="#CC0000">*</font>Enter Your Email Address:
<input type="TEXT" name="EMAIL" size="30" maxlength="30" tabindex="4"
onChange="emailvalidation(this,'The E-mail is not valid');"
onclick="disp_prompt()">
<br>
&nbsp;<font color="#CC0000">*</font>Please Confirm Your Email Address:

<input type="TEXT" name="EMAIL_2" size="30" maxlength="30"
tabindex="5" onpaste="return false">
<br>
     Postal Address:
     <input name="ADDR1" type="text" id="address3" style="color:
#000000; border-left: 0px solid #008000; border-right: 0px solid
#254D78; border-top: 0px solid #008000; border-bottom: 2px solid
#990000; background-color: #EBE1BE" tabindex="7" size="29" maxlength="50">
     <br>
     (second line...)
     <input name="ADDR2" type="text" id="address4" style="color:
#000000; border-left: 0px solid #008000; border-right: 0px solid
#254D78; border-top: 0px solid #008000; border-bottom: 2px solid
#990000; background-color: #EBE1BE" tabindex="8" size="29" maxlength="50">
     <br>
     City:
     <input name="CITY" type="text" id="City" style="color: #000000;
border-left: 0px solid #008000; border-right: 0px solid #254D78;
border-top: 0px solid #008000; border-bottom: 2px solid #990000;
background-color: #EBE1BE" tabindex="9" size="20" maxlength="50" >
&nbsp;State:&nbsp;
     <input name="STATE" type="text" id="state" style="color: #000000;
border-left: 0px solid #008000; border-right: 0px solid #254D78;
border-top: 0px solid #008000; border-bottom: 2px solid #990000;
background-color: #EBE1BE" tabindex="10" size="9" maxlength="50">
     <br>
       ZIP/Postal code
       <input name="ZIP" type="text" id="ZIP" style="color: #000000;
border-left: 0px solid #008000; border-right: 0px solid #254D78;
border-top: 0px solid #008000; border-bottom: 2px solid #990000;
background-color: #EBE1BE" tabindex="11" size="9" maxlength="10" >
       <br>
     Are you already
     on our mailing list?
     <input type="radio" value="YES" name="MAILLIST" tabindex="12">
     Yes
     <input type="radio" value="NO" name="MAILLIST" tabindex="13">
     No <br>
     If yes, what is your member number?<strong>
     <input name="DONOR" type="text" id="DONOR" style="color: #000000;
border-left: 0px solid #008000; border-right: 0px solid #254D78;
border-top: 0px solid #008000; border-bottom: 2px solid #990000;
background-color: #EBE1BE" tabindex="14" size="20" maxlength="10">
     <font size="1" face="Arial" color="#000080"> <a
href="http://www.amm.org/ecomm/donornu.asp" target="newWin"
onClick="window.open('donornu.htm','newWin','width=500,height=250,scrollbars=yes\
')">

     What's this?</a></font> <br>
     <font size="1" face="Arial" color="#000080"><font size="1"
face="Arial, Helvetica, sans-serif">(If
     you don't know or can't find your member number, we can still
process your
     request)</font></font></strong></span>
   <P align="left" class="tribfont"><b><font size="3"
class="tribfontnon">Would you want to receive emails from us?
         <input name="NOEMAIL" type="radio" value="Yes" checked />
Yes
<input name="NOEMAIL" type="radio" value="No" />
No</font></b>
   <P align="left" class="tribfont">
     <INPUT TYPE="SUBMIT"
onClick="MM_validateForm('name1','','R','name2','','R','address5','','RisEmail',\
'address3','','R','City','','R','state','','R','ZIP','','R');return
document.MM_returnValue" VALUE="Send">
     <INPUT TYPE="RESET" VALUE="Start Over">
       </span>
		 </html>