This is a clip from the new book Learning the Yahoo! User Interface
Library ...
(An example of doing things and not using YUI)
Why does this return a NS_ERROR_DOM_HI ERARCHY_REQUEST _ERR code 3
error?
Thanks,
/Users/emmett>cd Desktop
/Users/emmett/Desktop>ls yui*.zip
ls: yui*.zip: No such file or directory
/Users/emmett/Desktop>ls *.zip
ls: *.zip: No such file or directory
/Users/emmett/Desktop>ls y*
Icon? Info.plist yui_2.5.1.zip
/Users/emmett/Desktop>ls y*
Icon? Info.plist yui_2.5.1.zip
/Users/emmett/Desktop>ls *.zip
ls: *.zip: No such file or directory
/Users/emmett/Desktop>cd yui
/Users/emmett/Desktop/yui>ls
README assets/ build/ docs/
examples/ index.html tests/
/Users/emmett/Desktop/yui>cd build
/Users/emmett/Desktop/yui/build>ls
animation/ container/
fonts/ menu/ tabview/
assets/ cookie/
get/ profiler/ treeview/
autocomplete/ datasource/
grids/ profilerviewer/ uploader/
base/ datatable/
history/ reset/ utilities/
button/ dom/
imagecropper/ reset-fonts/ yahoo/
calendar/ dragdrop/
imageloader/ reset-fonts-grids/ yahoo-dom-event/
charts/ editor/
json/ resize/ yuiloader/
colorpicker/ element/
layout/ selector/ yuiloader-dom-event/
connection/ event/
logger/ slider/ yuitest/
/Users/emmett/Desktop/yui/build>ls docs
ls: docs: No such file or directory
/Users/emmett/Desktop/yui/build>cd ..
/Users/emmett/Desktop/yui>ls docs
Anim.js.html
YAHOO.util.Subs criber.html
AnimMgr.js.html
YAHOO.util.Unex pectedError.htm l
ArrayAssert.js. html
YAHOO.util.Unex pectedValue.htm l
Assert.js.html
YAHOO.util.User Action.html
Attribute.js.ht ml
YAHOO.util.YUIL oader.html
AttributeProvid er.js.html
YAHOO.widget.Au toComplete.html
AutoComplete.js .html
YAHOO.widget.Ax is.html
Axis.js.html
YAHOO.widget.Ba rChart.html
Bezier.js.html
YAHOO.widget.Ba rSeries.html
Calendar.js.htm l
YAHOO.widget.Bu tton.html
CalendarGroup.j s.html
YAHOO.widget.Bu ttonGroup.html
CalendarNavigat or.js.html
YAHOO.widget.Ca lendar.html
CartesianChart. js.html
YAHOO.widget.Ca lendar2up.html
CategoryAxis.js .html
YAHOO.widget.Ca lendarGroup.htm l
Chain.js.html
YAHOO.widget.Ca lendarNavigator .html
Chart.js.html
YAHOO.widget.Ca lendar_Core.htm l
ChartTypes.js.h tml
YAHOO.widget.Ca rtesianChart.ht ml
Color.js.html
YAHOO.widget.Ca rtesianSeries.h tml
ColorAnim.js.ht ml
YAHOO.widget.Ca tegoryAxis.html
ColorPicker.js. html
YAHOO.widget.Ch art.html
ColumnSet.js.ht ml
YAHOO.widget.Co lorPicker.html
Config.js.html
YAHOO.widget.Co lumn.html
ContainerEffect .js.html
YAHOO.widget.Co lumnChart.html
Cookie.js.html
YAHOO.widget.Co lumnSeries.html
CustomEvent.js. html
YAHOO.widget.Co lumnSet.html
DD.js.html
YAHOO.widget.Co ntainerEffect.h tml
DDProxy.js.html
YAHOO.widget.Co ntextMenu.html
DDTarget.js.htm l
YAHOO.widget.Co ntextMenuItem.h tml
DataSource.js.h tml
YAHOO.widget.DS _JSArray.html
DataTable.js.ht ml
YAHOO.widget.DS _JSFunction.htm l
DateAssert.js.h tml
YAHOO.widget.DS _ScriptNode.htm l
DateMath.js.htm l
YAHOO.widget.DS _XHR.html
Dialog.js.html
YAHOO.widget.Da taSource.html
Dom.js.html
YAHOO.widget.Da taTable.html
DragDrop.js.htm l
YAHOO.widget.Da teMath.html
DragDropMgr.js. html
YAHOO.widget.Di alog.html
DualSlider.js.h tml
YAHOO.widget.Du alSlider.html
Easing.js.html
YAHOO.widget.Ed itor.html
Element.js.html
YAHOO.widget.Ed itorInfo.html
Env.js.html
YAHOO.widget.Ed itorWindow.html
Event.js.html
YAHOO.widget.Fl ashAdapter.html
EventProvider.j s.html
YAHOO.widget.HT MLNode.html
FlashAdapter.js .html
YAHOO.widget.Im ageCropper.html
Get.js.html
YAHOO.widget.La yout.html
HTMLNode.js.htm l
YAHOO.widget.La youtUnit.html
ImageLoader.js. html
YAHOO.widget.Li neChart.html
JSON.js.html
YAHOO.widget.Li neSeries.html
KeyListener.js. html
YAHOO.widget.Lo gMsg.html
Lang.js.html
YAHOO.widget.Lo gReader.html
LogMsg.js.html
YAHOO.widget.Lo gWriter.html
LogReader.js.ht ml
YAHOO.widget.Lo gger.html
LogWriter.js.ht ml
YAHOO.widget.Me nu.html
Logger.js.html
YAHOO.widget.Me nuBar.html
MenuNode.js.htm l
YAHOO.widget.Me nuBarItem.html
Module.js.html
YAHOO.widget.Me nuItem.html
Motion.js.html
YAHOO.widget.Me nuManager.html
Node.js.html
YAHOO.widget.Me nuNode.html
NumericAxis.js. html
YAHOO.widget.Mo dule.html
ObjectAssert.js .html
YAHOO.widget.No de.html
Overlay.js.html
YAHOO.widget.Nu mericAxis.html
OverlayManager. js.html
YAHOO.widget.Ov erlay.html
Paginator.js.ht ml
YAHOO.widget.Ov erlayManager.ht ml
Panel.js.html
YAHOO.widget.Pa ginator.html
PieChart.js.htm l
YAHOO.widget.Pa ginator.ui.Curr entPageReport.h tml
Profiler.js.htm l
YAHOO.widget.Pa ginator.ui.Firs tPageLink.html
RecordSet.js.ht ml
YAHOO.widget.Pa ginator.ui.Last PageLink.html
Region.js.html
YAHOO.widget.Pa ginator.ui.Next PageLink.html
RootNode.js.htm l
YAHOO.widget.Pa ginator.ui.Page Links.html
Scroll.js.html
YAHOO.widget.Pa ginator.ui.Prev iousPageLink.ht ml
Selector.js.htm l
YAHOO.widget.Pa ginator.ui.Rows PerPageDropdown .html
Series.js.html
YAHOO.widget.Pa nel.html
SimpleDialog.js .html
YAHOO.widget.Pi eChart.html
Slider.js.html
YAHOO.widget.Pi eSeries.html
SliderThumb.js. html
YAHOO.widget.Pr ofilerViewer.ht ml
TVAnim.js.html
YAHOO.widget.Re cord.html
TVFadeIn.js.htm l
YAHOO.widget.Re cordSet.html
TVFadeOut.js.ht ml
YAHOO.widget.Ro otNode.html
Tab.js.html
YAHOO.widget.Se ries.html
TabView.js.html
YAHOO.widget.Si mpleDialog.html
TestCase.js.htm l
YAHOO.widget.Si mpleEditor.html
TestFormat.js.h tml
YAHOO.widget.Sl ider.html
TestLogger.js.h tml
YAHOO.widget.Sl iderThumb.html
TestManager.js. html
YAHOO.widget.TV Anim.html
TestReporter.js .html
YAHOO.widget.TV FadeIn.html
TestRunner.js.h tml
YAHOO.widget.TV FadeOut.html
TestSuite.js.ht ml
YAHOO.widget.Ta b.html
TextNode.js.htm l
YAHOO.widget.Ta bView.html
TimeAxis.js.htm l
YAHOO.widget.Te xtNode.html
Tooltip.js.html
YAHOO.widget.Ti meAxis.html
TreeView.js.htm l
YAHOO.widget.To olbar.html
Uploader.js.htm l
YAHOO.widget.To olbarButton.htm l
UserAction.js.h tml
YAHOO.widget.To olbarButtonAdva nced.html
YAHOO.env.html
YAHOO.widget.To oltip.html
YAHOO.env.ua.ht ml
YAHOO.widget.Tr eeView.html
YAHOO.html
YAHOO.widget.Up loader.html
YAHOO.js.html
YAHOO_config.ht ml
YAHOO.lang.JSON .html assets/
YAHOO.lang.html button.js.html
YAHOO.tool.Prof iler.html
buttongroup.js. html
YAHOO.tool.Test Case.Wait.html classmap.js
YAHOO.tool.Test Case.html
connection.js.h tml
YAHOO.tool.Test Logger.html
contextmenu.js. html
YAHOO.tool.Test Manager.html
contextmenuitem .js.html
YAHOO.tool.Test Node.html crop.js.html
YAHOO.tool.Test Reporter.html editor.js.html
YAHOO.tool.Test Runner.html
history.js.html
YAHOO.tool.Test Suite.html index.html
YAHOO.util.Anim .html index.json
YAHOO.util.Anim Mgr.html layout.js.html
YAHOO.util.Arra yAssert.html
layoutunit.js.h tml
YAHOO.util.Asse rt.html menu.js.html
YAHOO.util.Asse rtionError.html
menubar.js.html
YAHOO.util.Attr ibute.html
menubaritem.js. html
YAHOO.util.Attr ibuteProvider.h tml
menuitem.js.htm l
YAHOO.util.Bezi er.html
menumanager.js. html
YAHOO.util.Chai n.html
module_animatio n.html
YAHOO.util.Colo r.html
module_autocomp lete.html
YAHOO.util.Colo rAnim.html
module_button.h tml
YAHOO.util.Colu mnDD.html
module_calendar .html
YAHOO.util.Colu mnResizer.html
module_charts.h tml
YAHOO.util.Comp arisonFailure.h tml
module_colorpic ker.html
YAHOO.util.Conf ig.html
module_connecti on.html
YAHOO.util.Conn ect.html
module_containe r.html
YAHOO.util.Cook ie.html
module_cookie.h tml
YAHOO.util.Cust omEvent.html
module_datasour ce.html
YAHOO.util.DD.h tml
module_datatabl e.html
YAHOO.util.DDPr oxy.html
module_dom.html
YAHOO.util.DDTa rget.html
module_dragdrop .html
YAHOO.util.Data Source.html
module_editor.h tml
YAHOO.util.Date .html
module_element. html
YAHOO.util.Date Assert.html
module_event.ht ml
YAHOO.util.Dom. html
module_get.html
YAHOO.util.Drag Drop.html
module_history. html
YAHOO.util.Drag DropMgr.Element Wrapper.html
module_imagecro pper.html
YAHOO.util.Drag DropMgr.html
module_imageloa der.html
YAHOO.util.Easi ng.html
module_json.htm l
YAHOO.util.Elem ent.html
module_layout.h tml
YAHOO.util.Even t.html
module_logger.h tml
YAHOO.util.Even tProvider.html
module_menu.htm l
YAHOO.util.Get. html
module_profiler .html
YAHOO.util.Hist ory.html
module_profiler viewer.html
YAHOO.util.Imag eLoader.bgImgOb j.html
module_resize.h tml
YAHOO.util.Imag eLoader.group.h tml
module_selector .html
YAHOO.util.Imag eLoader.imgObj. html
module_slider.h tml
YAHOO.util.Imag eLoader.pngBgIm gObj.html
module_tabview. html
YAHOO.util.Imag eLoader.srcImgO bj.html
module_treeview .html
YAHOO.util.KeyL istener.html
module_uploader .html
YAHOO.util.Moti on.html
module_yahoo.ht ml
YAHOO.util.Numb er.html
module_yuiloade r.html
YAHOO.util.Obje ctAssert.html
module_yuitest. html
YAHOO.util.Poin t.html
profilerviewer. js.html
YAHOO.util.Regi on.html raw.json
YAHOO.util.Resi ze.html resize.js.html
YAHOO.util.Scro ll.html simple-
editor.js.html
YAHOO.util.Sele ctor.html
swfobject.js.ht ml
YAHOO.util.Shou ldError.html toolbar-
button.js.html
YAHOO.util.Shou ldFail.html
toolbar.js.html
YAHOO.util.Sort .html
yuiloader.js.ht ml
/Users/emmett/Desktop/yui>open toolbar.js.html
2008-04-19 20:23:56.136 open[724] No such file: /Users/emmett/Desktop/
yui/toolbar.js.html
/Users/emmett/Desktop/yui>#open toolbar.js.html
/Users/emmett/Desktop/yui>ls toolbar.js.html
ls: toolbar.js.html : No such file or directory
/Users/emmett/Desktop/yui>cd docs
/Users/emmett/Desktop/yui/docs>#open toolbar.js.html
/Users/emmett/Desktop/yui/docs>open toolbar.js.html
/Users/emmett/Desktop/yui/docs>cd ..
/Users/emmett/Desktop/yui>cd examples
/Users/emmett/Desktop/yui/examples>ls
animation/ charts/ datatable/ fonts/
imageloader/ menu/ selector/ yahoo/
autocomplete/ colorpicker/ dom/ get/
index.html profiler/ slider/ yuiloader/
base/ connection/ dragdrop/ grids/
json/ profilerviewer/ tabview/ yuitest/
button/ container/ editor/ history/
layout/ reset/ treeview/
calendar/ cookie/ event/ imagecropper/
logger/ resize/ uploader/
/Users/emmett/Desktop/yui/examples>open index.html
/Users/emmett/Desktop/yui/examples>ls
animation/ charts/ datatable/ fonts/
imageloader/ menu/ selector/ yahoo/
autocomplete/ colorpicker/ dom/ get/
index.html profiler/ slider/ yuiloader/
base/ connection/ dragdrop/ grids/
json/ profilerviewer/ tabview/ yuitest/
button/ container/ editor/ history/
layout/ reset/ treeview/
calendar/ cookie/ event/ imagecropper/
logger/ resize/ uploader/
/Users/emmett/Desktop/yui/examples>cd ..
/Users/emmett/Desktop/yui>ls
README assets/ build/ docs/
examples/ index.html tests/
/Users/emmett/Desktop/yui>cd assets
/Users/emmett/Desktop/yui/assets>ls
YUIexamples.js dpSyntaxHighlig hter.js yui-
candy.jpg yuiDistribution .css
bg_hd.gif example-hd-bg.gif
yui.css
dpSyntaxHighlig hter.css title_h_bg.gif
yui.gif
/Users/emmett/Desktop/yui/assets>cd
/Users/emmett>mkdir yuisite
/Users/emmett>cd yuisite
/Users/emmett/yuisite>mv ../Desktop/yui .
/Users/emmett/yuisite>ls
yui/
/Users/emmett/yuisite>cd *
/Users/emmett/yuisite/yui>ls examples
animation/ charts/ datatable/ fonts/
imageloader/ menu/ selector/ yahoo/
autocomplete/ colorpicker/ dom/ get/
index.html profiler/ slider/ yuiloader/
base/ connection/ dragdrop/ grids/
json/ profilerviewer/ tabview/ yuitest/
button/ container/ editor/ history/
layout/ reset/ treeview/
calendar/ cookie/ event/ imagecropper/
logger/ resize/ uploader/
/Users/emmett/yuisite/yui>ls examples/calendar
assets/ events_clean.ht ml
germany_clean.h tml popup_clean.htm l
calcontainer.ht ml events_log.html
index.html quickstart.html
calcontainer_cl ean.html formsel.html
japan.html quickstart_clea n.html
calgrp.html formsel_clean.h tml
japan_clean.htm l render.html
calgrp_clean.ht ml formsel_log.htm l
minmax.html render_clean.ht ml
calnavigator.ht ml formtxt.html
minmax_clean.ht ml render_log.html
calnavigator_cl ean.html formtxt_clean.h tml
multi.html
calskin.html formtxt_log.htm l
multi_clean.htm l
events.html germany.html
popup.html
/Users/emmett/yuisite/yui>ls examples/calendar/index.html
examples/calendar/index.html
/Users/emmett/yuisite/yui>open examples/calendar/index.html
/Users/emmett/yuisite/yui>grep link a.html
grep: a.html: No such file or directory
/Users/emmett/yuisite/yui>cd ..
/Users/emmett/yuisite>grep link a.html
<link rel="stylesheet " type="text/css" href="yui/build/calendar/assets/
skins/sam/calendar.css">
/Users/emmett/yuisite>ls yui/build/calendar/assets/skins/sam/
calendar.css
yui/build/calendar/assets/skins/sam/calendar.css
/Users/emmett/yuisite>grep script a.html
<script type="text/javascript" src="yui/build/yahoo-dom-event/yahoo-
dom-event.js"></script>
<script type="text/javascript" src="yui/build/calendar/calendar-
min.js"></script>
/Users/emmett/yuisite>ls yui/build/yahoo-dom-event/yahoo-dom-event.js
yui/build/yahoo-dom-event/yahoo-dom-event.js
/Users/emmett/yuisite>ls yui/build/calendar/calendar-min.js
yui/build/calendar/calendar-min.js
/Users/emmett/yuisite>open a.html
/Users/emmett/yuisite>vi a.html
/Users/emmett/yuisite>open a.html
/Users/emmett/yuisite>vi a.html
/Users/emmett/yuisite>open a.html
/Users/emmett/yuisite>vi a.html
/Users/emmett/yuisite>open a.html
/Users/emmett/yuisite>vi a.html
/Users/emmett/yuisite>cp a.html b.html
/Users/emmett/yuisite>vi b.html
/Users/emmett/yuisite>vi a.html
/Users/emmett/yuisite>vi b.html
/Users/emmett/yuisite>vi a.html
/Users/emmett/yuisite>cp b.html c.html
/Users/emmett/yuisite>vi c.html
/Users/emmett/yuisite>find . -name '*reset*.css'
../yui/build/reset/reset-min.css
../yui/build/reset/reset.css
../yui/build/reset-fonts/reset-fonts.css
../yui/build/reset-fonts-grids/reset-fonts-grids.css
../yui/docs/assets/reset-fonts-grids-min.css
/Users/emmett/yuisite>vi c.html
/Users/emmett/yuisite>find . -name grids.css
../yui/build/grids/grids.css
/Users/emmett/yuisite>vi c.html
/Users/emmett/yuisite>vi d.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/
TR/html3/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title>Traditio nal DOM Example</title>
<script type="text/javascript">
function checkInput() {
var input = document.getEle mentById("input 1").value;
if ( "" == input ) {
var newspan = document.create Element("span") ;
var newtext = document.create TextNode("Enter
Anything");
var newparent = document.getEle mentById("conta iner");
newspan.appendC hild(newtext);
newspan.appendC hild(newspan);
return false;
}
}
function init() {
if (document.addEv entListener) {
document.getEle mentById("form" ).addEventListe ner("submit",ch eckInput,false) ;
} else {
document.getEle mentById("form" ).attachEvent(" onsubmit",check Input);
}
}
window.onload = init;
</script>
</head>
<body>
<form id="form" action="">
<div id="container" >
<label for="input1">En ter some test</label>
<input type="text" id="input1">
<button id="submit" type="submit">S ubmit</button>
</div>
</form>
</body>
</html>