topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

professional-web-01-v1-index.htm / htm



  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  <html>
    <head>
      <title>BuzzWatch 2.0</title>
      <script type="text/javascript" src="yui/yahoo/yahoo.js"> </script>
      <script type="text/javascript" src="yui/event/event.js"> </script>
      <script type="text/javascript" src="yui/dom/dom.js"> </script>
      <script type="text/javascript" src="yui/dragdrop/dragdrop.js"> </script>
      <script type="text/javascript" src="yui/animation/animation.js"> </script>
      <script type="text/javascript" src="yui/container/container.js"> </script>
      <script type="text/javascript" src="yui/connection/connection.js"> </script>
      <script type="text/javascript" src="yui/menu/menu.js"> </script>
      <script type="text/javascript" src="XML/ObjTree.js"> </script>
      <script type="text/javascript" src="menuBar.js"> </script>
      <script type="text/javascript" src="script.js"> </script>
      <script type="text/javascript" src="panels.js"> </script>
      <script type="text/javascript" src="config.js"> </script>
      <script type="text/javascript" src="editInPlace.js"> </script>
      <script type="text/javascript" src="controller.js"> </script>
  
      <link rel="stylesheet" type="text/css" href="buzzWatch.css"/>
      <link rel="stylesheet" type="text/css" href="yui/reset/reset.css"/>
      <link rel="stylesheet" type="text/css" href="yui/fonts/fonts.css"/>
      <link rel="stylesheet" type="text/css" href="yui/menu/assets/menu.css"/>
      <link rel="stylesheet" type="text/css" href="yui-container-css/example.css"/>
      <link rel="stylesheet" type="text/css" href="yui/container/assets/container.css"/>
      <link rel="stylesheet" type="text/css" href="yui-container-css/panel-aqua.css"/>
    </head>
    <body>
      <div id="main">
        <h1>BuzzWatch 2.0</h1>
      </div>
      <div id="menubar" class="yuimenubar">
        <div class="bd">
          <ul class="first-of-type">
            <li class="yuimenubaritem" id="menubar.file">
              <span>File</span>
              <div class="yuimenu">
                <div class="bd">
                  <ul class="first-of-type">
                    <li class="yuimenuitem" id="menubar.file.new">New</li>
                    <li class="yuimenuitem" id="menubar.file.save">Save</li>
                  </ul>
                </div>
              </div>
            </li>
            <li class="yuimenubaritem" id="menubar.go">
              <span>Go</span>
              <div class="yuimenu">
                <div class="bd">
                  <ul class="first-of-type">
                    <li class="yuimenuitem">dummy</li>
                  </ul>
                </div>
              </div>
            </li>
            <li class="yuimenubaritem" id="menubar.config">Configuration</li>
            <li class="yuimenubaritem" id="menubar.view">
              <span>View</span>
              <div class="yuimenu">
                <div class="bd">
                  <ul class="first-of-type">
                    <li class="yuimenuitem" id="menubar.view.yahoofinance">
                      <span>Yahoo! FINANCE</span>
                      <div id="widgets.Yahoo.finance" class="yuimenu">
                        <div class="bd">
                          <ul>
                            <li class="yuimenuitem" id="menubar.view.yahoofinance.quotes">Quotes</li>
                            <li class="yuimenuitem" id="menubar.view.yahoofinance.chart">Chart</li>
                            <li class="yuimenuitem" id="menubar.view.yahoofinance.news">News</li>
                          </ul>
                        </div>
                      </div>
                    </li>
                    <li class="yuimenuitem" id="menubar.view.delicious">del.icio.us</li>
                  </ul>
                </div>
              </div>
            </li>
          </ul>
        </div>
      </div>
      <div id="text">
        <form onsubmit="return false;" action="">
          <h1 class="editableInPlace" id="textTitle">[title]</h1>
          <p class="editableInPlace" id="textDescription">[description]</p>
        </form>
      </div>
      <div id="yahoofinance.quotes">
        <div class="hd">
          <div class="lt"> </div>
          <span id="yahoofinance.quotes.title">Untitled</span>
          <div class="rt"> </div>
        </div>
        <div class="bd">
          <table>
            <tr>
              <td>Last trade:</td>
              <td id="yahoofinance.quotes.last_price"><!-- don't minimize! --></td>
            </tr>
            <tr>
              <td>Trade time:</td>
              <td id="yahoofinance.quotes.last_time"><!-- don't minimize! --></td>
            </tr>
            <tr>
              <td>Change:</td>
              <td id="yahoofinance.quotes.change"><!-- don't minimize! --></td>
            </tr>
            <tr>
              <td>Open:</td>
              <td id="yahoofinance.quotes.open"><!-- don't minimize! --></td>
            </tr>
            <tr>
              <td>High:</td>
              <td id="yahoofinance.quotes.high"><!-- don't minimize! --></td>
            </tr>
            <tr>
              <td>Low:</td>
              <td id="yahoofinance.quotes.low"><!-- don't minimize! --></td>
            </tr>
            <tr>
              <td>Volume:</td>
              <td id="yahoofinance.quotes.volume"><!-- don't minimize! --></td>
            </tr>
          </table>
          <p>Source: Yahoo!</p>
        </div>
      </div>
      <div id="yahoofinance.chart">
        <div class="hd">
          <div class="lt"> </div>
          <span id="yahoo_chart.title">Chart</span>
          <div class="rt"> </div>
        </div>
        <div class="bd">
          <img src="" alt="Chart" id="yahoofinance.chart.img"/>
        </div>
      </div>
      <div id="yahoofinance.news">
        <div class="hd">
          <div class="lt"> </div>
          <span id="yahoofinance.news.title">Financial news</span>
          <div class="rt"> </div>
        </div>
        <div class="bd">
          <div class="channel">
            <h2 class="channelTitle">
              <a href="" id="yahoofinance.news.channel.title"><!-- don't minimize! --></a>
            </h2>
            <div id="yahoofinance.news.channel.description" class="channelDescription"
              ><!-- don't minimize! --></div>
            <ul>
              <li id="yahoofinance.news.item" class="item">
                <div>
                  <h3 class="itemTitle">
                    <a href="" id="yahoofinance.news.item.title"><!-- don't minimize! --></a>
                  </h3>
                  <div id="yahoofinance.news.item.description"><!-- don't minimize! --></div>
                </div>
              </li>
            </ul>
            <div id="yahoofinance.news.channel.copyright" class="channelCopyright"
              ><!-- don't minimize! --></div>
          </div>
        </div>
      </div>
      <div id="delicious">
        <div class="hd">
          <div class="lt"> </div>
          <span id="delicious.title">del.icio.us</span>
          <div class="rt"> </div>
        </div>
        <div class="bd">
          <div class="channel">
            <h2 class="channelTitle">
              <a href="" id="delicious.channel.title"><!-- don't minimize! --></a>
            </h2>
            <p id="delicious.channel.description" class="channelDescription"><!-- don't minimize! --></p>
            <ul>
              <li id="delicious.item" class="item">
                <div>
                  <h3 class="itemTitle">
                    <a href="" id="delicious.item.title"><!-- don't minimize! --></a>
                  </h3>
                  <p id="delicious.item.description"><!-- don't minimize! --></p>
                </div>
              </li>
            </ul>
            <p id="delicious.channel.copyright" class="channelCopyright"><!-- don't minimize! --></p>
          </div>
        </div>
      </div>
      <div id="config">
        <div class="hd">
          <div class="lt"> </div>
          <span>Configuration</span>
          <div class="rt"> </div>
        </div>
        <div class="bd">
          <form id="configForm" method="get" onsubmit="return false" action="">
            <p>Symbol: <input id="symbol" value=""/></p>
            <p>Tag: <input id="tag" value=""/></p>
            <p>
              <input type="submit" value="Apply"/>
            </p>
          </form>
        </div>
      </div>
    </body>
  </html>
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 20/2/2008

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.