Below are links to Code Samples I have posted to the YDN-Javascript Group.
YUI Examples
- YUI: Editor: Multilple Edit Areas, One Editor - Advanced Fri, Nov 14th 2008 03:31 PST
- YUI: Editor: Patch for SF #2148297 Fri, Nov 14th 2008 03:31 PST
- YUI: Editor: Patch for SF #2148477 Fri, Nov 14th 2008 03:31 PST
- YUI: 0.12 Overlay Issue Fri, Nov 14th 2008 03:31 PST
- YUI: 2.5.0 Multiple Editors Fri, Nov 14th 2008 03:31 PST
- YUI: 3-way Resizable Panel with iFrame inside Fri, Nov 14th 2008 03:31 PST
- YUI: Active Tab Label Fri, Nov 14th 2008 03:31 PST
- YUI: Active Tab Label Fri, Nov 14th 2008 03:31 PST
- YUI: Animate Background Position Fri, Nov 14th 2008 03:31 PST
- YUI: Another Editor Example Fri, Nov 14th 2008 03:31 PST
- YUI: Bacon Utility Fri, Nov 14th 2008 03:31 PST
- YUI: Button Widget and XHTML page Fri, Nov 14th 2008 03:31 PST
- YUI: Button: Menu Button in scrolled container Fri, Nov 14th 2008 03:31 PST
- YUI: CSS GridBuilder in AIR Thu, Nov 20th 2008 07:17 PST
- YUI: Calendar Date Error Fri, Nov 14th 2008 03:31 PST
- YUI: Calendar Issue (YUI Version .12) Fri, Nov 14th 2008 03:31 PST
- YUI: Calendar Select Whole Row Thu, Jan 15th 2009 08:01 PST
- YUI: Calendar attached to Text Input (YUI Version .12) Fri, Nov 14th 2008 03:31 PST
- YUI: Calendar attached to Text Input Fri, Nov 14th 2008 03:31 PST
- YUI: Calendar pageDate bug (YUI Version .12) Fri, Nov 14th 2008 03:31 PST
- YUI: Calendar w/ Drag & Drop Fri, Nov 14th 2008 03:31 PST
- YUI: Calendar with Tooltip Overlay (YUI Version 2.2.2) Fri, Nov 14th 2008 03:31 PST
- YUI: Calendar with mouse navigation Fri, Nov 14th 2008 03:31 PST
- YUI: ColorAnim Class Extension (using stylesheets) Fri, Nov 14th 2008 03:31 PST
- YUI: Complex YUI Example in Adobe AIR Thu, Nov 20th 2008 07:17 PST
- YUI: Connection Example Fri, Nov 14th 2008 03:31 PST
- YUI: Container showing/hiding with Motion Fri, Nov 14th 2008 03:31 PST
- YUI: Container using my Effects class Fri, Nov 14th 2008 03:31 PST
- YUI: Context Menu on a Textarea Fri, Nov 14th 2008 03:31 PST
- YUI: DDProxy instance on an href Fri, Nov 14th 2008 03:31 PST
- YUI: DataTable Patchs Fri, Nov 14th 2008 03:31 PST
- YUI: Datatable with RTE for Editing Fri, Nov 14th 2008 03:31 PST
- YUI: Dialog Alert Widget Fri, Nov 14th 2008 03:31 PST
- YUI: Dom + IE Issue Fri, Nov 14th 2008 03:31 PST
- YUI: Dom XY Issue Fri, Nov 14th 2008 03:31 PST
- YUI: Dom getStyle - background-position Fri, Nov 14th 2008 03:31 PST
- YUI: Dom.getXY in iframe Fri, Nov 14th 2008 03:31 PST
- YUI: Dom.getXY on Fixed Position Elements Fri, Nov 14th 2008 03:31 PST
- YUI: Dom: getXY rounding bug patch Fri, Nov 14th 2008 03:31 PST
- YUI: DomReady in Internet Explorer Fri, Nov 14th 2008 03:31 PST
- YUI: Drag Drop Form Handling Fri, Nov 14th 2008 03:31 PST
- YUI: Drag Drop Select List Fri, Nov 14th 2008 03:31 PST
- YUI: Drag Drop onto Nested Targets Fri, Nov 14th 2008 03:31 PST
- YUI: Drag Drop onto Nested Targets Fri, Nov 14th 2008 03:31 PST
- YUI: DragDrop & Resize a Panel Fri, Nov 14th 2008 03:31 PST
- YUI: DragDrop - Copy not move Fri, Nov 14th 2008 03:31 PST
- YUI: DragDrop - Drag Handle Fri, Nov 14th 2008 03:31 PST
- YUI: DragDrop ALWAYS on top Fri, Nov 14th 2008 03:31 PST
- YUI: DragDrop DataTable Fri, Nov 14th 2008 03:31 PST
- YUI: DragDrop Extend Example Fri, Nov 14th 2008 03:31 PST
- YUI: DragDrop Proxy - Select Element Fri, Nov 14th 2008 03:31 PST
- YUI: DragDrop Radio Buttons Fri, Nov 14th 2008 03:31 PST
- YUI: DragDrop Snap to Grid Fri, Nov 14th 2008 03:31 PST
- YUI: DragDrop iFrame Fri, Nov 14th 2008 03:31 PST
- YUI: DragDrop inside scrolled parent Fri, Nov 14th 2008 03:31 PST
- YUI: DragDrop only fire drop event Fri, Nov 14th 2008 03:31 PST
- YUI: DragDrop: DDM Patch for IE issue Fri, Nov 14th 2008 03:31 PST
- YUI: DragDrop: Dynamic Sortable List Sat, Jan 24th 2009 09:47 PST
- YUI: DragDrop: Image inside a DIV Fri, Nov 14th 2008 03:31 PST
- YUI: DragDrop: Inner Targets Sat, Jan 24th 2009 09:47 PST
- YUI: DragDrop: Memory Leak Fri, Nov 14th 2008 03:31 PST
- YUI: DragDrop: Multiple Items Fri, Nov 14th 2008 03:31 PST
- YUI: DragDrop: Ordering Sat, Jan 24th 2009 09:47 PST
- YUI: DragDrop: Portal Fri, Nov 14th 2008 03:31 PST
- YUI: DragDrop: Start and End Positions Sat, Jan 24th 2009 09:47 PST
- YUI: Dynamic Drag Drop Fri, Nov 14th 2008 03:31 PST
- YUI: Edit in place Fri, Nov 14th 2008 03:31 PST
- YUI: Editor - IE over SSL Fri, Nov 14th 2008 03:31 PST
- YUI: Editor - Invalid HTML Fri, Nov 14th 2008 03:31 PST
- YUI: Editor Animation Fri, Nov 14th 2008 03:31 PST
- YUI: Editor Auto Resize Fri, Nov 14th 2008 03:31 PST
- YUI: Editor Bug #1857235 Fri, Nov 14th 2008 03:31 PST
- YUI: Editor Dirty Change Fri, Nov 14th 2008 03:31 PST
- YUI: Editor Embed Plugin Fri, Nov 14th 2008 03:31 PST
- YUI: Editor Font Size Select List Fri, Nov 14th 2008 03:31 PST
- YUI: Editor Full Screen Fri, Nov 14th 2008 03:31 PST
- YUI: Editor HTML inside toolbar Fri, Nov 14th 2008 03:31 PST
- YUI: Editor Highlight Fri, Nov 14th 2008 03:31 PST
- YUI: Editor Image Browser Fri, Nov 14th 2008 03:31 PST
- YUI: Editor Initial Data Fri, Nov 14th 2008 03:31 PST
- YUI: Editor Mobile Test Fri, Nov 14th 2008 03:31 PST
- YUI: Editor Multiple Editors Bug Fri, Nov 14th 2008 03:31 PST
- YUI: Editor Safari Tab Fix Fri, Nov 14th 2008 03:31 PST
- YUI: Editor SpellCheck Example Fri, Nov 14th 2008 03:31 PST
- YUI: Editor Styling Issues Fri, Nov 14th 2008 03:31 PST
- YUI: Editor Symbols Fri, Nov 14th 2008 03:31 PST
- YUI: Editor Toolbar Fri, Nov 14th 2008 03:31 PST
- YUI: Editor Width Issue Fri, Nov 14th 2008 03:31 PST
- YUI: Editor and Prototype: 1.4 Fri, Nov 14th 2008 03:31 PST
- YUI: Editor and Prototype: 1.5.1.1 Fri, Nov 14th 2008 03:31 PST
- YUI: Editor in Multiple Tabs Fri, Nov 14th 2008 03:31 PST
- YUI: Editor in TabView (advanced) Fri, Nov 14th 2008 03:31 PST
- YUI: Editor inside Panel Fri, Nov 14th 2008 03:31 PST
- YUI: Editor inside of a Dialog Fri, Nov 14th 2008 03:31 PST
- YUI: Editor inside of a TabView Control Fri, Nov 14th 2008 03:31 PST
- YUI: Editor rendered hidden Fri, Nov 14th 2008 03:31 PST
- YUI: Editor w/behaviour.js Fri, Nov 14th 2008 03:31 PST
- YUI: Editor with 30+ font names Fri, Nov 14th 2008 03:31 PST
- YUI: Editor with Basic Link and Image Editing Fri, Nov 14th 2008 03:31 PST
- YUI: Editor: 2.6.0+ Editor Windows Customizations Mon, Jan 26th 2009 08:38 PST
- YUI: Editor: Add Button Group Fri, Nov 14th 2008 03:31 PST
- YUI: Editor: BBCode Fri, Nov 14th 2008 03:31 PST
- YUI: Editor: Buttons En/Disabled by Another Button Fri, Nov 14th 2008 03:31 PST
- YUI: Editor: Code Editor w/Syntax Highlighting Fri, Nov 14th 2008 03:31 PST
- YUI: Editor: CodeView on Render Fri, Nov 14th 2008 03:31 PST
- YUI: Editor: Colorpicker Menu Fri, Nov 14th 2008 03:31 PST
- YUI: Editor: Disable context menu inside editor Fri, Nov 14th 2008 03:31 PST
- YUI: Editor: Draggable Fri, Nov 14th 2008 03:31 PST
- YUI: Editor: External Data Fri, Nov 14th 2008 03:31 PST
- YUI: Editor: IM Test Fri, Nov 14th 2008 03:31 PST
- YUI: Editor: Invalid HTML Filtering Fri, Nov 14th 2008 03:31 PST
- YUI: Editor: Italic with Color Patch Fri, Nov 14th 2008 03:31 PST
- YUI: Editor: Menu Button Click Fri, Nov 14th 2008 03:31 PST
- YUI: Editor: Mixed Buttons Fri, Nov 14th 2008 03:31 PST
- YUI: Editor: Multiple Editors One Toolbar Fri, Nov 14th 2008 03:31 PST
- YUI: Editor: Multiple Flickr Image Search Fri, Nov 14th 2008 03:31 PST
- YUI: Editor: Panel over Editor Fri, Nov 14th 2008 03:31 PST
- YUI: Editor: Read Only Fri, Nov 14th 2008 03:31 PST
- YUI: Editor: Remove Button Fri, Nov 14th 2008 03:31 PST
- YUI: Editor: SimpleEditor href attribute Fri, Nov 14th 2008 03:31 PST
- YUI: Editor: SourceForge Bug #1804028 Fri, Nov 14th 2008 03:31 PST
- YUI: Editor: Tab/Shift+Tab Fri, Nov 14th 2008 03:31 PST
- YUI: Element: addons Fri, Nov 14th 2008 03:31 PST
- YUI: Event Bubbling Fri, Nov 14th 2008 03:31 PST
- YUI: Event Test Fri, Nov 14th 2008 03:31 PST
- YUI: Events Fri, Nov 14th 2008 03:31 PST
- YUI: Examples Fri, Nov 14th 2008 03:31 PST
- YUI: Filter Href’s from Document Fri, Nov 14th 2008 03:31 PST
- YUI: Fixed Center Calendar Fri, Nov 14th 2008 03:31 PST
- YUI: Floating Panel Fri, Nov 14th 2008 03:31 PST
- YUI: Full Page Panel Fri, Nov 14th 2008 03:31 PST
- YUI: Get and Pipes - Example 1 Fri, Nov 14th 2008 03:31 PST
- YUI: Get and Pipes - Example 2 Fri, Nov 14th 2008 03:31 PST
- YUI: IE DOMReady Fri, Nov 14th 2008 03:31 PST
- YUI: IE Grids Font Size Issue Fri, Nov 14th 2008 03:31 PST
- YUI: IE6 Button Issue Fri, Nov 14th 2008 03:31 PST
- YUI: Image Cropper: Multiple Image Croppers Per Page Fri, Nov 14th 2008 03:31 PST
- YUI: Image Editor (like) example Fri, Nov 14th 2008 03:31 PST
- YUI: Image Uploader Prototype Thu, Nov 20th 2008 07:17 PST
- YUI: ImageCropper Bug Fri, Nov 14th 2008 03:31 PST
- YUI: ImageCropper inside a Panel Fri, Nov 14th 2008 03:31 PST
- YUI: ImageCropper reset patch Fri, Nov 14th 2008 03:31 PST
- YUI: Javascript Private Var Fri, Nov 14th 2008 03:31 PST
- YUI: Layout Manager: Custom LayoutUnits Fri, Nov 14th 2008 03:31 PST
- YUI: Layout Manager: Destroy Method Patch Fri, Nov 14th 2008 03:31 PST
- YUI: Layout Manager: Left Collapse Issue Fri, Nov 14th 2008 03:31 PST
- YUI: Layout Manager: Menu in top unit Fri, Nov 14th 2008 03:31 PST
- YUI: Layout Manager: Panel inside Full Page Layout (Constrained to a unit) Fri, Nov 14th 2008 03:31 PST
- YUI: Layout Manager: Panel inside Full Page Layout Fri, Nov 14th 2008 03:31 PST
- YUI: Layout Manager: Prototype 1.6 Fri, Nov 14th 2008 03:31 PST
- YUI: Layout Manager: Scroll position issue Fri, Nov 14th 2008 03:31 PST
- YUI: Layout Manager: TabView Example Fri, Nov 14th 2008 03:31 PST
- YUI: Layout: Inside a TabView Fri, Nov 14th 2008 03:31 PST
- YUI: Load external webpage in an Overlay Fri, Nov 14th 2008 03:31 PST
- YUI: Loader Script Fri, Nov 14th 2008 03:31 PST
- YUI: Loader: Custom Module Fri, Nov 14th 2008 03:31 PST
- YUI: Local Combo Handler Fri, Nov 14th 2008 03:31 PST
- YUI: Making Dialog act like Module Fri, Nov 14th 2008 03:31 PST
- YUI: Menu 2 TreeView - Prototype Fri, Nov 14th 2008 03:31 PST
- YUI: Menu Button Values Fri, Nov 14th 2008 03:31 PST
- YUI: Mobile Editor Test Fri, Nov 14th 2008 03:31 PST
- YUI: Multiple Color Picker Buttons Fri, Nov 14th 2008 03:31 PST
- YUI: Multiple Events Fri, Nov 14th 2008 03:31 PST
- YUI: Overlay Delayed Close Fri, Nov 14th 2008 03:31 PST
- YUI: Overlay Problem Fri, Nov 14th 2008 03:31 PST
- YUI: Overlay relative Module mask Fri, Nov 14th 2008 03:31 PST
- YUI: Overlay setFooter Fri, Nov 14th 2008 03:31 PST
- YUI: Overlay with rounded corners & a knob Fri, Nov 14th 2008 03:31 PST
- YUI: Panel - cloneNode fix. Fri, Nov 14th 2008 03:31 PST
- YUI: Panel and Button Fri, Nov 14th 2008 03:31 PST
- YUI: Panel: Proxy Drag Fri, Nov 14th 2008 03:31 PST
- YUI: RTE Test Fri, Nov 14th 2008 03:31 PST
- YUI: Remote Image URL from Javascript Thu, Nov 20th 2008 07:17 PST
- YUI: Resize Utility endResize Patch Fri, Nov 14th 2008 03:31 PST
- YUI: Resize Utility: Textarea Fri, Nov 14th 2008 03:31 PST
- YUI: Resize: Panel: Multiple Fri, Nov 14th 2008 03:31 PST
- YUI: Rich Text Editor for Wordpress Plugin Fri, Nov 14th 2008 03:31 PST
- YUI: Safari 3 DOMReady Test Fri, Nov 14th 2008 03:31 PST
- YUI: Safari Animation Fri, Nov 14th 2008 03:31 PST
- YUI: Sample WYSIWYG Editor built with the YUI libraries. Fri, Nov 14th 2008 03:31 PST
- YUI: Sample WYSIWYG Editor built with the YUI libraries. Fri, Nov 14th 2008 03:31 PST
- YUI: Sample WYSIWYG Editor built with the YUI libraries. Fri, Nov 14th 2008 03:31 PST
- YUI: Skinning a YUI Button Fri, Nov 14th 2008 03:31 PST
- YUI: SourceForge Bug #1898886 Fri, Nov 14th 2008 03:31 PST
- YUI: Split Button w/ Dynamic Menu Fri, Nov 14th 2008 03:31 PST
- YUI: Sticky Dialog Fri, Nov 14th 2008 03:31 PST
- YUI: TabView - Scrolling Tabs Fri, Nov 14th 2008 03:31 PST
- YUI: TabView - open tab from url Fri, Nov 14th 2008 03:31 PST
- YUI: TabView : Accordion Fri, Nov 14th 2008 03:31 PST
- YUI: TabView Flicker and TabView inside TabView Fri, Nov 14th 2008 03:31 PST
- YUI: TabView with Colored Tabs Fri, Nov 14th 2008 03:31 PST
- YUI: TabView with DragDrop Tabs Fri, Nov 14th 2008 03:31 PST
- YUI: TabView: Accordion: Scroll to top when active Fri, Nov 14th 2008 03:31 PST
- YUI: TabView: Add a close button to a tab Fri, Nov 14th 2008 03:31 PST
- YUI: TabView: disabled tab Fri, Nov 14th 2008 03:31 PST
- YUI: Table with DragDrop Columns Fri, Nov 14th 2008 03:31 PST
- YUI: TextArea Counter Thu, Nov 20th 2008 07:17 PST
- YUI: Toolbar Button Example Fri, Nov 14th 2008 03:31 PST
- YUI: Toolbar Dynamic Buttons Fri, Nov 14th 2008 03:31 PST
- YUI: Toolbar Dynamic Showing Buttons Fri, Nov 14th 2008 03:31 PST
- YUI: Toolbar Issue Fri, Nov 14th 2008 03:31 PST
- YUI: Undo reset.css on part of page Thu, Nov 20th 2008 07:17 PST
- YUI: Using a ContextMenu to Close a Tab Fri, Nov 14th 2008 03:31 PST
- YUI: Vim Syntax and AutoComplete (v0.1) Fri, Nov 14th 2008 03:31 PST
- YUI: Vista style menu button Fri, Nov 14th 2008 03:31 PST
- YUI: YAHOO.Tools Fri, Nov 14th 2008 03:31 PST
- YUI: YAHOO.util.Element Fri, Nov 14th 2008 03:31 PST
- YUI: YUI Docs in AIR Thu, Nov 20th 2008 07:17 PST
- YUI: isFunction failures Fri, Nov 14th 2008 03:31 PST
Other
209 examples listed. Last updated: Mon, Jan 26th 2009 08:38 PST






Hi,
I’m new comer to yui and also currently doing project.
your Example so helps me.
ThanX lot …………………..
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();
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;
}
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.
This should help:
http://developer.yahoo.com/yui/editor/#getdata
Hi Dav,
Thanks, how can i add button in the toolbar and place a image on it.
The first 3 examples on this page show that:
http://developer.yahoo.com/yui/examples/editor/
me too !!!!! the same problem !!!!
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.
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.
@Madz Cali
There is still no way to stop the execution of script on the page to mimic a confirm dialog.
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.
Dav
You are a dude with soul!
Just wanted to wish you well for the new year.
Take care.
@Peykan –
You probably forgot to add the handleSubmit config option.
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