Added css link to droid sans mono font. Added some test examples to d…

…isplay.
lamberta · Oct 4, 2010 · cbffe78 · cbffe78
1 parent 37c5915
commit cbffe78
Show file tree

Hide file tree

Showing 24 changed files with 52 additions and 12 deletions.
diff --git a/doc/api/display.html b/doc/api/display.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: Display</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
 </head>
@@ -70,7 +71,18 @@ <h3>Throws</h3>
 <li>SyntaxError &#8211; </li>
 </ul>
 
-
+<h3>Examples</h3>
+<ul>
+<li>
+<samp>
+var display = doodle.Display;<br/> display.width = 400;
+</samp>
+</li>
+<li>
+<samp>
+var display = doodle.Display(function () {<br/> &nbsp; this.width = 400;<br/> });
+</samp>
+</li>
 </details>
 </dd>
 </dl>
@@ -295,7 +307,7 @@ <h3>Returns</h3>
 
 </details>
 </dd>
-<dt><dfn>backgroundImage</dfn> :HTMLImage</dt>
+<dt><dfn>backgroundImage</dfn> :HTMLImageElement</dt>
 <dd>
 <p></p>
 <details>
@@ -304,7 +316,7 @@ <h3>Returns</h3>
 
 <h3>Returns</h3>
 <ul>
-<li>HTMLImage &#8211; </li>
+<li>HTMLImageElement &#8211; </li>
 </ul>
 
 <h3>Throws</h3>

diff --git a/doc/api/elementnode.html b/doc/api/elementnode.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: ElementNode</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
 </head>
@@ -131,7 +132,7 @@ <h3>Returns</h3>
 
 </details>
 </dd>
-<dt><dfn>backgroundImage</dfn> :HTMLImage</dt>
+<dt><dfn>backgroundImage</dfn> :HTMLImageElement</dt>
 <dd>
 <p></p>
 <details>
@@ -140,7 +141,7 @@ <h3>Returns</h3>
 
 <h3>Returns</h3>
 <ul>
-<li>HTMLImage &#8211; </li>
+<li>HTMLImageElement &#8211; </li>
 </ul>
 
 <h3>Throws</h3>

diff --git a/doc/api/event.html b/doc/api/event.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: Event</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
 </head>

diff --git a/doc/api/eventdispatcher.html b/doc/api/eventdispatcher.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: EventDispatcher</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
 </head>

diff --git a/doc/api/gradienttype.html b/doc/api/gradienttype.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: GradientType</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
 </head>

diff --git a/doc/api/keyboard.html b/doc/api/keyboard.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: Keyboard</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
 </head>

diff --git a/doc/api/keyboardevent.html b/doc/api/keyboardevent.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: KeyboardEvent</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
 </head>

diff --git a/doc/api/layer.html b/doc/api/layer.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: Layer</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
 </head>
@@ -135,7 +136,7 @@ <h3>Returns</h3>
 
 </details>
 </dd>
-<dt><dfn>backgroundImage</dfn> :HTMLImage</dt>
+<dt><dfn>backgroundImage</dfn> :HTMLImageElement</dt>
 <dd>
 <p></p>
 <details>
@@ -144,7 +145,7 @@ <h3>Returns</h3>
 
 <h3>Returns</h3>
 <ul>
-<li>HTMLImage &#8211; </li>
+<li>HTMLImageElement &#8211; </li>
 </ul>
 
 <h3>Throws</h3>

diff --git a/doc/api/linecap.html b/doc/api/linecap.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: LineCap</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
 </head>

diff --git a/doc/api/linejoin.html b/doc/api/linejoin.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: LineJoin</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
 </head>

diff --git a/doc/api/matrix.html b/doc/api/matrix.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: Matrix</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
 </head>

diff --git a/doc/api/mouseevent.html b/doc/api/mouseevent.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: MouseEvent</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
 </head>

diff --git a/doc/api/node.html b/doc/api/node.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: Node</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
 </head>

diff --git a/doc/api/pattern.html b/doc/api/pattern.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: Pattern</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
 </head>

diff --git a/doc/api/point.html b/doc/api/point.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: Point</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
 </head>

diff --git a/doc/api/rectangle.html b/doc/api/rectangle.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: Rectangle</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
 </head>

diff --git a/doc/api/sprite.html b/doc/api/sprite.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: Sprite</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
 </head>

diff --git a/doc/api/textevent.html b/doc/api/textevent.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: TextEvent</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
 </head>

diff --git a/doc/api/touchevent.html b/doc/api/touchevent.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: TouchEvent</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
 </head>
@@ -41,7 +42,7 @@ <h1>doodle.TouchEvent</h1>
 <section>
 <h2>Description:</h2>
 <dl>
-<dt><dfn>TouchEvent</dfn> (type:String, bubbles:Boolean, cancelable:Boolean, view:DOM Object, detail:Number, screenX:Number, screenY:Number, clientX:Number, clientY:Number, ctrlKey:Boolean, altKey:Boolean, shiftKey:Boolean, metaKey:Boolean, touches:Array, targetTouches:Array, changedTouches:Array, scale:Number, rotation:Number) :TouchEvent</dt>
+<dt><dfn>TouchEvent</dfn> (type:String, bubbles:Boolean, cancelable:Boolean, view:HTMLElement, detail:Number, screenX:Number, screenY:Number, clientX:Number, clientY:Number, ctrlKey:Boolean, altKey:Boolean, shiftKey:Boolean, metaKey:Boolean, touches:Array, targetTouches:Array, changedTouches:Array, scale:Number, rotation:Number) :TouchEvent</dt>
 <dd>
 <p></p>
 <details>
@@ -58,7 +59,7 @@ <h3>Parameters</h3>
 <li>type:String &#8211; </li>
 <li>bubbles:Boolean &#8211; </li>
 <li>cancelable:Boolean &#8211; </li>
-<li>view:DOM Object &#8211; </li>
+<li>view:HTMLElement &#8211; </li>
 <li>detail:Number &#8211; </li>
 <li>screenX:Number &#8211; </li>
 <li>screenY:Number &#8211; </li>

diff --git a/doc/api/uievent.html b/doc/api/uievent.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: UIEvent</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
 </head>

diff --git a/doc/api/utils-types.html b/doc/api/utils-types.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: utils.types</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
 </head>

diff --git a/doc/api/utils.html b/doc/api/utils.html
@@ -5,6 +5,7 @@
 <title>Doodle.js - API: utils</title>
 <link href="./style/reset.css" rel="stylesheet" type="text/css">
 <link href="./style/main.css" rel="stylesheet" type="text/css">
+<link href="http://fonts.googleapis.com/css?family=Droid+Sans+Mono&subset=latin" rel="stylesheet" type="text/css">
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript" src="./style/main.js"></script>
 </head>

diff --git a/src/display.js b/src/display.js
@@ -42,6 +42,13 @@
    * @return {Display}
    * @throws {TypeError} Must be a block style element.
    * @throws {SyntaxError}
+   * @example
+   *   var display = doodle.Display;<br/>
+   *   display.width = 400;
+   * @example
+   *   var display = doodle.Display(function () {<br/>
+   *   &nbsp; this.width = 400;<br/>
+   *   });
    */
   doodle.Display = function (element) {
     var display,

diff --git a/src/elementnode.js b/src/elementnode.js
@@ -22,7 +22,7 @@
   /**
    * @class ElementNode
    * @param {HTMLElement|Function} element
-	 * @param {String} id
+   * @param {String} id
    * @return {ElementNode}
    * @throws {SyntaxError}
    */
@@ -198,7 +198,7 @@
 
         /**
          * @name backgroundImage
-         * @return {HTMLImage}
+         * @return {HTMLImageElement}
          * @throws {TypeError}
          * @property
          */
@@ -328,7 +328,7 @@
          * @param {HTMLElement} elementArg
          * @return {Rectangle} Rectangle object is reused for each call.
          * @throws {TypeError} targetCoordSpace must inherit from Node.
-				 * @override
+         * @override
          * @private
          */
         '__getBounds': {