Davs Rants and Random Thoughts

191 Responses to “YUI Code Samples”

1. vibhu says:

   December 30, 2009 at 8:32 am

   Hi Dave,
   Thanks for the great widget and keep up the good work!!

   I am struggling to open a new YAHOO.widget.EditorWindow on click of a custom button. Are there any code examples related to this?

   regards
   Vibhu

   Reply
   • Dav Glass says:

     January 3, 2010 at 5:02 pm

     Vibhu –

     This example should do it:
     http://blog.davglass.com/files/yui/editor41/

     Reply
2. cesar says:

   December 24, 2009 at 8:00 am

   Hi Dav,
   I have a problem with “YUI: TabView: disabled tab” example.. the property “cursor: default” doesn’t work in IE .. hand continues to appear on the tab please help me

   Reply
   • Dav Glass says:

     January 3, 2010 at 5:00 pm

     Cesar –

     Instead of cursor: default try cursor: text. The default cursor for a anchor is a pointer, so IE may be being picky about it.

     Reply
3. Mike vL says:

   December 9, 2009 at 3:51 pm

   Hi Dav,

   I am using your “calendar with tooltip” and would like to skin the tooltip but with no luck. Any hints?

   Reply
4. ashwin says:

   November 9, 2009 at 3:16 am

   Hi Dav,

   Iam using yui 2.x. I have included more than one components
   for eg:
   yui/build/yahoo/yahoo-min.js
   yui/build/dom/dom-min.js
   yui/build/animation/animation-min.js
   but every file included will add up to the no of http requests made by the webpage. How can I combine these files into one. Please also let me know if you have an example posted here.

   thanks
   ashwin

   Reply
   • Dav Glass says:

     November 9, 2009 at 9:09 am

     Use the Dependency Configurator and use the combo URL:
     http://developer.yahoo.com/yui/articles/hosting/

     Reply
5. Karen says:

   November 7, 2009 at 1:18 pm

   Hi Dav,
   In your fullscreen example at http://blog.davglass.com/files/yui/editor8/
   would it be possible to open that fullscreen in a new window?

   Reply
   • Dav Glass says:

     November 9, 2009 at 9:12 am

     Yes it would be possible, however it would be slower. Since you would have to create the window, then create the content, then render a new copy of the Editor in the new window populated with the content from the original. Then you would need to disable the original so they can’t edit in it while the new window is open.

     Reply
6. YUI Theater — Dav Glass: “Contributing to YUI” » Yahoo! User Interface Blog (YUIBlog) says:

   November 3, 2009 at 1:27 pm

   [...] of the YUI Rich Text Editor, Layout Manager, Resize Utility, ImageCropper, and much more. His trove of YUI examples has helped thousands of developers fine tune their own YUI [...]

   Reply
7. Dav+e says:

   October 7, 2009 at 6:57 pm

   This may seem like a silly question.. just saying it really makes me think so.

   Think YUI2.x, now think Overlay with Tooltips inside it.

   Won’t work for me in any browser, no errors, my example is not complicated, I swear!

   So, my question, do you know if Container can have nested Containers?

   http://www.codefinger.co.nz/_etc/overlayWithTooltip/example.html

   Any help is unbelievable appreciated at this point – I’m in a state of disbelief, quick, re-convert me to YUI!

   –
   ps. I also have a requirement involving an Overlay inside an Overlay (yay) – but that didn’t work either, I’m assuming it’s the same problem.

   Reply
   • Dav Glass says:

     October 12, 2009 at 7:27 am

     Dav+e:

     Here’s an updated version of your issue:
     http://gist.github.com/208489

     Reply
     • Dav+e says:

       December 8, 2009 at 3:51 pm

       Dav,

       You rock my YUI world – most appreciated, thank you.

       I hadn’t thought to hook into the events in that way, and shall do from now on, what I did manage to do (had a deadline at the time) was call a ‘create tooltips’ function in my click event.

       Am I right in thinking that the original ‘problem’ occurs because there’s no markup rendered for the nested Tooltips to find a home within?

       thanks again, restored my faith in YUI, and forum posting!
       Dav+e

       Reply
8. Bill Bartmann says:

   September 3, 2009 at 2:19 pm

   Great site…keep up the good work.

   Reply
9. In the Wild for August 10, 2009 » Yahoo! User Interface Blog says:

   August 11, 2009 at 6:36 am

   [...] code from Josh’s blog post.Menu-button with Icon Example from Dav Glass: Dav has added to his extensive example repository a new demo showing how to add icons to your Menu Buttons in YUI.YUI on WAMU.org: WAMU (American [...]

   Reply
10. Li says:

    July 27, 2009 at 8:15 am

    Hi Dav,

    I am new to YUI.
    I took your code for snap to grid from “http://github.com/davglass/yui-examples/blob/master/dd27/index.php” into a html file, but I can’t make it work – the object doesn’t move, please help.

    Regards
    Li

    Reply
    • Dav Glass says:

      July 30, 2009 at 9:42 am

      You probably need to remove lines 59 and 60:
      http://github.com/davglass/yui-examples/blob/master/dd27/index.php#L59

      Reply
      • Li says:

        August 3, 2009 at 2:38 am

        Hi Dav,

        Thanks for your reply, but I still couldn’t get it work after deleting line 59 and 60. what else can I try?

        I have only copied and saved the code as a html file, and view it in IE7, did I miss some other steps?

        Thanks in advance
        Li

        Reply
11. Davs Rants and Random Thoughts » 3 Years Ago… says:

    July 23, 2009 at 6:33 am

    [...] 211 public examples [...]

    Reply
12. aswattha says:

    July 15, 2009 at 11:00 pm

    Hello Dav,

    In your ‘Edit in place’ example can we get editor toolbar at the top which has to be common for all?

    Thanks.

    Reply
    • Dav Glass says:

      July 16, 2009 at 6:08 am

      That would be about the same as this example:
      http://blog.davglass.com/files/yui/editor51/

      Reply
13. rkat says:

    July 15, 2009 at 5:57 am

    Hi Dav,

    Can we separate toolbar with the editor container. we need to place toolbar at the top and we may have editable boxes at absolute positions which needs to be editable with the same toolbar.

    Please give us an advice.
    Thanks,
    rkat.

    Reply
    • Dav Glass says:

      July 16, 2009 at 6:06 am

      Yes, this example does that:
      http://blog.davglass.com/files/yui/editor51/

      Reply
      • rkat says:

        July 20, 2009 at 2:43 am

        Thanks dav,

        How did you removed the header and close button of editor.

        Reply
        • Dav Glass says:

          July 20, 2009 at 3:32 pm

          #toolbar_cont1, #toolbar_cont2 { /* The ID’s of the toolbar, found when inspecting with FireBug*/
          display: none;
          }
          .yui-skin-sam .yui-toolbar-container .yui-toolbar-subcont {
          border-bottom: none;
          }

          Reply
14. Jeb Seibel says:

    June 16, 2009 at 7:09 am

    Most excellent examples. Thanks for that!

    Reply
15. Ajith Nishantha says:

    May 5, 2009 at 8:15 pm

    Hi,

    I’m new comer to yui and also currently doing project.
    your Example so helps me.
    ThanX lot …………………..

    Reply
16. Sasanka Sekhar Banerjee says:

    April 13, 2009 at 6:24 am

    Hi Dav,

    I want to create a custom image buttom in yui rich text editor. I am able to create the button but not able to attach an image to the button.

    Pls advise.

    This is code snippet :

    myEditor.on(‘toolbarLoaded’, function() {
    var tb = this.toolbar;
    var config = {
    group: ‘Email Customization ‘,
    label: ‘Personalise’,
    buttons: [
    { type: 'push', label: 'Personalise', value: 'First Name' },
    ]
    };
    this.toolbar.addSeparator();
    this.toolbar.addButtonGroup(config);
    }, myEditor, true);
    //
    myEditor.render();

    Reply
    • Dav Glass says:

      April 13, 2009 at 6:32 am

      There are several examples of adding an icon on the developer site (Section titled “Styling the Button”):
      http://developer.yahoo.com/yui/examples/editor/cal_editor.html
      http://developer.yahoo.com/yui/examples/editor/icon_editor.html

      What you are missing, is that the value of the button is how you style it:

      .yui-skin-sam .yui-toolbar-container .yui-toolbar-firstname span.yui-toolbar-icon {
background-image: url( assets/suits_default.gif );
background-position: 1px 0px;
}
.yui-skin-sam .yui-toolbar-container .yui-button-firstname-selected span.yui-toolbar-icon {
background-image: url( assets/suits_active.gif );
background-position: 1px 0px;
}

      Reply
17. Udit says:

    April 3, 2009 at 9:24 am

    Hi Dav,
    I have a little problem; I want to save the content of the simple editor.
    Its something like updating the content present in the editor.
    Please help.

    Thank You,
    Udit.

    Reply
    • Dav Glass says:

      April 3, 2009 at 9:34 am

      This should help:
      http://developer.yahoo.com/yui/editor/#getdata

      Reply
    • Udit says:

      April 3, 2009 at 10:01 am

      Hi Dav,

      Thanks, how can i add button in the toolbar and place a image on it.

      Reply
      • Dav Glass says:

        April 3, 2009 at 10:09 am

        The first 3 examples on this page show that:
        http://developer.yahoo.com/yui/examples/editor/

        Reply
18. mahcih1 says:

    March 29, 2009 at 3:24 am

    me too !!!!! the same problem !!!!

    Reply
19. Patkar (OP) says:

    March 26, 2009 at 6:45 am

    Hi Dave,
    1) I am trying few things with YUI RTE . I have added a custom image panel that allows user to get image link from db , overwrite the caption and alignment information and submit the same. On sumbmission I generate a span tag something like this “‘”
    2) The b-rule for images is 1 image per paragraph so I need to associate the above generated span tag with a paragraph id i.e. I have to get the paragraph ids from the rte .
    3) I don’t think Yahoo assigns IDs to paragraphs by default. Can I look into tweaking the stock paragraph tag insertion code to insert an ID automatically. Is this possible? Is there a better wya to do this.

    Also
    4)I have an add page button where I dynamically add a customized editor with a dynamically generated id. I was just wondering what would be the best way to go about it.
    Regards,
    Omkar.

    Reply
20. Madz Cali says:

    January 7, 2009 at 6:48 pm

    Hi Dav,

    Happy New Year! How’re you doin’?

    I have read that there is no YUI confirm replacement for the window.confirm because it will not stop the execution of the javascript. Currently, I still don’t know if there is. I read in this forum posted on July 26, 2007, that Samuel posted a solution for this which will use the stopEvent function of the YUI util class. So my question is, is this still possible?

    Thanks.

    Reply
    • Dav Glass says:

      January 7, 2009 at 6:55 pm

      @Madz Cali
      There is still no way to stop the execution of script on the page to mimic a confirm dialog.

      Reply
21. gatesdawn says:

    January 2, 2009 at 5:24 pm

    Hi Dav,

    I’ve been looking at Yahoo UI Library for the Calendar but I am not able to find anything in the API that will allow me to drag and drop event item(s) (such as appointments) into a calendar day. I should be able to modify each item’s set time and have the item automatically re-order in a list inside the calendar day area depending on the appointment time. Is there a way to do that w/ the API? Can u provide an example.

    Reply
22. pradesh says:

    December 31, 2008 at 3:21 pm

    Dav

    You are a dude with soul!

    Just wanted to wish you well for the new year.

    Take care.

    Reply
23. Dav Glass says:

    December 3, 2008 at 11:57 am

    @Peykan –

    You probably forgot to add the handleSubmit config option.

    Reply
24. Peykan says:

    November 30, 2008 at 4:35 pm

    Hi Dav,
    I bet you’re asked this question 10 million times, but I went through several sites about YUI and I couldn’t find the answer.
    I am using simple editor at:
    http://www.4400payequity.org/form/order7.htm
    but when I make the changes and submit I see no changes to the text.
    Your help is greatly appreciated……….Peykan.
    Perhaps my form handler is missing a code: here you see it:

    Yahoo Editor

    Reply