YUILibrary.com :: All Posts

Contributors Forum :: Re: Develop galllery components locally - Use YUI().add(...)

davglass — Mon, Mar 15th 2010 04:16 PST

Mine are all in the official YUI source tree under sandbox:
http://github.com/yui/yui3/blob/master/ ... dd/sync.sh

Contributors Forum :: Re: Develop galllery components locally - Use YUI().add(...)

bialecki — Sun, Mar 14th 2010 03:14 PST

Makes sense. Any chance you can share the sync script you wrote?

General :: Is YUI right for our project?

egervari — Sun, Mar 14th 2010 02:12 PST

Hi,

I developed a java-based application of mid-size. It uses spring 3.0, hibernate, freemarker and html/css.

Now that the app has gone into production, there are a lot of new feature requests that require heavy visual interaction above an beyond the basic javascript I sprinkled throughout.

I'm mainly a software framework designer, and a back-end person, so my knowledge of UI frameworks, libraries, concepts - and even jargon to some extent - is pretty limited. I know JavaScript, but I am not on the up-and-up when it comes to YUI 3.0 or any of the platform libraries.

Some of the requirements are basic, like having dynamic, editable tables that makes changes to the server. Like, I need to edit values on the fly or delete them without page requests. These tables also need to support the ability to move rows to other rows (essentially visually reordering them).

Others requirements are to have the user to take items from one box and move that item to another box, while having pretty tight "snapping" functionality that makes it easy. Another requirement is to draw arrows from some items and point them to other items.

Is YUI the right tool for the job? How hard/long would it take to do these sorts of things? I am looking for fast development time, mainly because I want to do these requirements and just not be bothered with it. Like I said, I am not a UI guy.

Is something like jquery or YUI better suited since an html/css layer is already built? Or would flex or javafx or something else be better?

One of the reasons I want to move away from Javascript entirely is that IDEA has crappy support for it. Since the libraries are dynamically loaded, or they are included in other freemarker files... IDEA often does not know what YUI() is, or what the type the Y variable is. It also suggests way too many methods that are not at all correct.

This is just not productive way to program in my opinion. I would have to learn all the method/objects, all of their signatures, and the order of parameters just to be productive. Frankly, I am worried I don't have that kind of time.

I will basically implement this stuff, and most likely, will never touch it again and will move back to my comfy server-side way of life. So the fastest way to getting it done is in my best interest. LOL.

Help? Suggestions?

General :: Re: Combining YUI 2 with GPL code.

gejimenez — Sun, Mar 14th 2010 02:07 PST

Ok.
Thank you very much for your quick answer! On sunday !

DataTable and DataSource :: Re: Nested DataTables (i.e. detail DT as a row within master

stlsmiths — Sun, Mar 14th 2010 01:29 PST

Satyam, I looked at your demo at the link you provided, very nicely done! I will try to incorporate your technique this
week. Thanks again for the guidance on this.

Using YUI 2.x Components :: Programmatically (i.e., dynamically) setting Layout width?

Kovacs — Sun, Mar 14th 2010 01:00 PST

I have a Layout with Top, Center, and Right.

For my particular application I require Center and Right to each have the same width, ideally 50% of the screen, so that the width of the Center is equal to the width of the Right.( I have `resize' and `collapse' set to false because the application is to simply display two files (PDF or text) side-by-side.)

I'd like for the Center and Right widths to be the same regardless of the user's monitor settings (e.g., 1280px wide or 1600px wide or whatever). Yet all of the examples I've seen so far statically set the `width' as part of new YAHOO.widget.Layout(). Well that won't do in all cases.

I tried using width: '50%' but that did not work. (How come? That would be the simplest solution in this case.)

Then I tried doing this in Event.onDOMReady:

var halfwidth = Math.floor(Dom.getClientWidth() / 2);

then in units:, using `width: halfwidth'

That actually worked -- until I manually altered the value of halfwidth (as an experiment), e.g., halfwidth = '600px'; (or halfwidth = 600;) -- none of which worked. (Center became quite wide while Right was quite narrow -- about 116 pixels.) I even tried:

halfwidth = 600; along with width: halfwidth + 'px' -- still no joy.

So--what's the best way to set the Center and Right widths to 50% for all monitors?

Using YUI 2.x Components :: Re: Extending TabView and RTE

blyssy — Sat, Mar 13th 2010 23:15 PST

That did the trick. I am more of a php/C/C++ kinda guy but now venturing in new territory. Thanks for the help.

General :: Re: Combining YUI 2 with GPL code.

davglass — Sat, Mar 13th 2010 23:10 PST

You should be free to include YUI in any application as long as our licensing remains inside the files (which are there by default).

Using YUI 2.x Components :: Re: Extending TabView and RTE

davglass — Sat, Mar 13th 2010 23:07 PST

Here is a modified version of your example:

http://gist.github.com/332161

Using YUI 2.x Components :: Re: Extending TabView and RTE

blyssy — Sat, Mar 13th 2010 23:02 PST

Thanks for the correction on the RTE. I know this is more of a javascript question but is there a way to auto increment so each iteration can be unique?

Using YUI 2.x Components :: Re: Extending TabView and RTE

davglass — Sat, Mar 13th 2010 22:58 PST

You can only have one element on a page with a given ID. You are putting a TEXTAREA into the page with the ID of "editor" and the initial content of the TabView has a TEXTAREA with the ID of "editor", so it will only use the first one found.

Give your new TEXTAREA a different ID and it should work.

On a side note, it's RTE as in "Rich Text Editor"

Using YUI 3.x Components :: Re: Href action cancel with dynamic onclick

davglass — Sat, Mar 13th 2010 22:55 PST

Your issue is that you are passing the event's target to LinkLabel_Clicked and not the actual event.

If you passed only the event, you can call :

Code:

event.halt();

Using YUI 2.x Components :: Extending TabView and RTE

blyssy — Sat, Mar 13th 2010 22:55 PST

I am going by the examples for getting the RTF Editor in one of the tabs in TabView and that is working. I also added an add tab button and would like to place an RTF editor as the content for each newly created tab. I modified the code to be

The problem is that the RTF editor gets created on the first new tab but not on the newly created tabs thereafter. What am I missing. Thanks for the help.

Contributors Forum :: Re: Develop galllery components locally - Use YUI().add(...)

davglass — Sat, Mar 13th 2010 22:53 PST

I use option 1, I wrap all the modules in my sandbox environment. Then I have a sync.sh script that copies the files over to the proper src directory and removed the YUI.add call.

From there I can run [ant all] and use the build system to build it and then test it before committing it.

Make sense?

Contributors Forum :: Develop galllery components locally - Use YUI().add(...)?

bialecki — Sat, Mar 13th 2010 20:47 PST

I'm developing a few components and I'm wondering how other folks develop them versus check them in. More specifically, I notice all of the built components don't have the YUI().add("gallery-component") bit, which makes sense, but obviously isn't going to work while I'm developing the component locally. So what do folks do? I can see two obvious things:

1. Develop with the YUI().add() wrapper and then remove it before committing.
2. Use the YUI Builder or something like that to build each time you make changes to your code and then work off the built version.

I might've missed this in the documentation, but which do folks prefer and/or what's the prescribed approach?

General :: Combining YUI 2 with GPL code.

gejimenez — Sat, Mar 13th 2010 18:54 PST

Hi all:

It is possible to combine the YUI 2 with a "GPL 2 or any later version" PHP web app?

Thanks in advance!

Using YUI 3.x Components :: Href action cancel with dynamic onclick

burnersk — Sun, Mar 14th 2010 04:37 PST

Hi,

how do I realize the ability to cancel a href action by an dynamically added YUI3 onclick event?
Please refer to my real world example:

HTML

Code:

example.com

JavaScript

Code:

function Body_Load() {
   YUI().use( 'node', function( Y ) {
      var nodes = Y.all( 'a' );
      var onClick = function( e ) {
            return LinkLabel_Clicked( e.currentTarget );
      };
      nodes.on( 'click', onClick );
   } );
}

function LinkLabel_Clicked( LinkLabel ) {
   var LinkLabel_URL = LinkLabel.getAttribute( 'href' );
   var LinkLabel_Class = LinkLabel.getAttribute( 'class' );
   if( LinkLabel_Class == null ) { LinkLabel_Class = ''; }
   if( LinkLabel_Class.match( /LinkLabel_External/ ) ) {
      /* externer Link - im neuen Fenster �ffnen   */
      window.open( LinkLabel_URL, LinkLabel.id, '' );
      return false;
   }
   else if( LinkLabel_Class.match( /LinkLabel_Demand/ ) ) {
      /* interner onDemand Link - Teilseite in aktuelle Seite laden   */
      return false;
   }
   else {
      /* interner Link - normal laden   */
      return true;
   }
}

General :: Re: What is a editor to work with JavaScript/YUI?

egervari — Sat, Mar 13th 2010 18:39 PST

Hrm, I guess some people decided on eclipse, but it would seem that 3.0 support is pretty minimal.

The main problem I have is that I use freemarker as way to template out common html segments. So I will probably import YUI in a totally different part of the freemarker files than the section I'm working on. IDEA has no such concept that YUI even exists, let alone what Y is or anything else.

The other problem with IDEA is that it suggests way too many methods... when 99% of them can't possibly be correct. For example, typing Y.use... will cause IDEA to think I want the use function inside of jquery.

I guess IDEA is just really bad at knowing what type of an object Y really is... so it just assumes that it can be anything. Navigating the list of options is a huge pain since there are just so many to choose from. I am not a JavaScript expert. I just don't work in it every day... so tool support is critical to working efficiently with YUI or JavaScript.

I was thinking I could sprinkle some YUI here and there, but it might be more difficult since I will really have to become proficient with YUI and JavaScript.

General :: Re: What is a editor to work with JavaScript/YUI?

Satake — Sat, Mar 13th 2010 17:18 PST

here's a thread on that subject

General :: What is a editor to work with JavaScript/YUI?

egervari — Sun, Mar 14th 2010 04:43 PST

I'm from the java world who would like to use yui 3.0. I typically use IntelliJ IDEA for all of my work, but I find working with JavaScript to be a pain in IDEA. Are there any better tools for working with JavaScript and YUI?

Using YUI 2.x Components :: Saving Changed TabView Data

blyssy — Sat, Mar 13th 2010 01:22 PST

I am kinda new to YUI but the answer has not jumped out at me.

I have a site that will create an html file with 2 tabs using TabView along with a button to add a new tab. The user will then use the TabView add button to add to the number of tabs. How do I get what user changed saved back to the original html file?

Using YUI 3.x Components :: DataScheme on XML - how?

henk — Fri, Mar 12th 2010 20:04 PST

Somehow, I do not understand the functionality behind DataScheme. Look at the following code snippet:

Code:

xmlDoc = Y.DataType.XML.parse(xml);
key = "Country";
locator = "City";
xmlSchema = { resultListLocator: locator, resultFields: [key] };
result = Y.DataScheme.XML.apply(xmlSchema, xmlDoc);

Using the following XML in the xml parameter:

Code:

  Paris

  London

I get both cities in the result object. However, using the following XML:

Code:

  Paris
  London

I just get one - the last one (London). Why? What do I fail to understand?

DataTable and DataSource :: Re: Nested DataTables (i.e. detail DT as a row within master

Satyam — Fri, Mar 12th 2010 19:17 PST

I build an example of nested DataTables:

http://www.satyam.com.ar/yui/2.8.0/nested.html

Using YUI 2.x Components :: Re: Addressing Cell Data

Satyam — Fri, Mar 12th 2010 19:15 PST

In resetForm and getInputValue you can do:

resetForm : function() {
this.rte.setEditorHTML( this.value);
},
getInputValue : function() {
return this.rte.getEditorHTML();
}

As you see in neither of them is the textarea invoved at all.

I don't really know how the sequence of method calls to cell editor goes I would just try with show() either in move or focus, if it is needed at all. Since your code obviously works, I don't think it is needed.

Using YUI 3.x Components :: Re: 3.1.0PR1 DD Examples fail in Opera 10.5

zmische — Fri, Mar 12th 2010 19:01 PST

Fillled a ticket.