YUI Container Primer Tutorial

YUI Container Primer Tutorial

YUI Container Primer Tutorial

We’ve quite often visited Yahoo’s YUI library of JavaScript functionality for useful front-end web application ideas.

Today we continue with ideas thanks to the great ideas in JavaScript and Ajax (seventh edition … ISBN: 9780321564085) by Tom Negrino and Dori Smith (page 371-375), and look at the YUI library concept of a “container” as “an object that encloses any kind of content” (to quote from this book).

Sounds pretty open-ended, and it is, and reminds one (or even more than one) of the idea of a “widget”, perhaps.

To categorize these “container” types we have …

  1. Module … can appear anywhere on webpage
  2. Overlay … floats above webpage inline content
    • Tooltip … small floating (informational) boxes
    • Panel … mimics operating system window
    • Simple Dialog … yes/no
    • Dialog … standard dialog

… so today we do a little “converter” program … you know the sort … feet to metres, fahrenheit to celcius degrees etcetera etcetera etcetera … that uses an YUI Overlay Dialog “container” arrangement.

Here are some programming source code links to supplement the live run

Link to YUI Library information … via Wikipedia.
Link to YUI Library spiritual home page … via Yahoo!
Link to YUI Library download page … download YUI Library here.
Link to YUI Library container information page … … via Yahoo!

If this was interesting you may be interested in this too.

This entry was posted in eLearning, GUI, Tutorials and tagged , , , , , , , , , , , , . Bookmark the permalink.

20 Responses to YUI Container Primer Tutorial

  1. Robin Dupes says:

    Only wanna input that you have a very decent internet site , I like the design it actually stands out.

  2. absolutely says:

    Really fantastic information can be found on weblog . “The greatest mistake is trying to be more agreeable than you can be.” by Walter Bagehot.

  3. install says:

    What i do not realize is actually how you’re not really much more smartly-appreciated than you might be right now. You are very intelligent. You already know thus significantly in the case of this matter, produced me in my opinion imagine it from so many varied angles. Its like women and men aren’t fascinated until it is one thing to accomplish with Lady gaga! Your own stuffs excellent. At all times maintain it up!

  4. shall says:

    I am always searching online for ideas that can aid me. Thanks!

  5. site says:

    Your blog is among the far better blogs I’ve came across in months. Thank you for your posts and all of the greatest together with your function and weblog. Looking forward to reading new entries!

  6. Choti says:

    The actual challenge to become is normally it is possible to truly SOLE have a look at that level of your tax discount more than the internet by seeking at your RATES web-site.

  7. Diani Beach says:

    Pleasurable post. It appears that nearly all the strategies are banking on the innovation issue. “Love cures persons – each the ones who give it and also the ones who acquire it.” by Dr. Karl Menninger..

  8. Sheer says:

    you are really a just right webmaster. The web site loading pace is amazing. It kind of feels that you’re doing any distinctive trick. Moreover, The contents are masterwork. you have performed a great job in this subject!

  9. Fidel Powsey says:

    You actually make it seem so easy with your presentation but I find this matter to be really something that I think I would never understand. It seems too complex and extremely broad for me. I am looking forward for your next post, I’ll try to get the hang of it!

  10. grateful says:

    whoah this blog is wonderful i really like reading your posts. Keep up the good work! You understand, many individuals are looking around for this information, you could help them greatly.

  11. Spectacular says:

    I consider something really interesting about your weblog so I saved to bookmarks .

  12. Relax says:

    Perfectly composed content , appreciate it for information .

  13. I exactly wished to appreciate you once yet again. I’m not specific the points I would’ve handled with no the entire solutions shown by you relating to that region of interest. This has been an extremely terrifying concern for me, nevertheless discovering a new specialised technique you solved the situation took me to leap with joy. I’m grateful for this advice as well as want you realize what an incredible job that you’re getting into educating men and women via your webblog. I’m certain you may have never met any of us.

  14. Woh I like your posts , saved to fav! .

  15. An fascinating discussion is worth comment. I feel which you ought to write a lot more on this topic, it may well not be a taboo topic but generally individuals are not enough to speak on such topics. To the next. Cheers

  16. Thank you for another great post. The place else may anyone get that kind of info in such a perfect manner of writing? I have a presentation subsequent week, and I am at the search for such info.

  17. Great ¡V I should certainly pronounce, impressed with your website. I had no trouble navigating through all the tabs as well as related info ended up being truly simple to do to access. I recently found what I hoped for before you know it in the least. Reasonably unusual. Is likely to appreciate it for those who add forums or anything, website theme . a tones way for your client to communicate. Excellent task..

  18. Spot lets start function on this write-up, I in fact believe this wonderful site requirements a lot much more consideration. I’ll apt to be once once again to read an excellent deal a lot more, numerous thanks for that information.

  19. Some genuinely fantastic blog posts on this site, thank you for contribution. “We are always in search of the redeeming formula, the crystallizing thought.” by Etty Hillesum.

  20. loving says:

    sure, study is having to pay off. Particularly beneficial perspective, thanks for blogging.. So content to have located this submit.. I appreciate you sharing with us your point of view..

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>