Unofficial JDA (Javascript Dataflow Architecture) Wiki

HtmlBlueprintSpec

HTML Blueprint Spec was designed to reuse as much of the existing HTML spec as possible (i.e. let's not get all XML on ourselves, please)

UUID

This information is required

<meta name="uuid" content="" />

Input Terminals

<meta name="iterms" content="input1,input2,input3" />

Output Terminals

<meta name="oterms" content="output1,output2,output3" />

Connections

<meta name="connections"  content="input1:[[infotron1,input_on_infotron1]],
                                                        input2:[[infotron2, input_on_infotron2]]" />

Child Infotrons

<div impl=""
     script=""
     properties=""
 >
</div>

Child Infotrons (if it needs to act as a proxy)

<div impl=""
     script=""
     properties=""
     is_proxy="true"
 ><a hrefuuid="" 
     rel=""
     href=""></a>
</div>

Sample HTML Blueprint

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" 
          content="text/html;charset=UTF-8">

    <meta name="uuid" 
          content="~017D75302692294c6fA993016A6622FD87" />

    <title>Javascript Dataflow Architecture_(beta) Demos |
                  Yahoo Search using XMLHTTP</title>

    <script src="../JsStar.release.js"></script>
    <script src="../adv_init_jsstar.js"></script>
  </head>

  <body>

    <p>
      This demo will only work on browsers that allow cross-domain use of
      XMLHTTPRequest objects within HTML pages residing in the local file 
      system (i.e. IE6.0 and Safari seems to support this behavior)
    </p>


    <noscript>
      <h1>Please Enable JavaScript to See the Demo.</h1>
    </noscript>

    <div id="search_form"
         impl="~01BD0F00025EAA4b53A6E116F739172DCA"
         script="../extras.beta/Form.js"
         connections="'fields_out':[['yahoosearch', 'webSearch']]">
      <h2>Please type in a keyword and hit "Search!"</h2>

      <form>
        <input type="text" name="query" value="" />
        <input type="hidden" name="results" value="20" />
        <input type="submit" disabled="true" value="Search!" />
      </form>
    </div>

    <div id="yahoosearch"
         impl="~010B4D65537A854c52A8DB720FFC0D9CDD"
         script="../extras.beta/HttpProxy.js"
         is_proxy="true"
         properties="'encoding' : 'uri-form',
                      'uri_suffix':'&appid=YahooDemo&format=pdf',
                      'suppresses_status':true,
                      'method':'GET'"
         connections="'response_out':[['text', 'value_in']]">
        <a hrefuuid="~0175B4947ADAEF4856B8DCE3FA6A36A744" 
           rel="rpc" 
           href="http://search.yahooapis.com/WebSearchService/V1"></a>
    </div>

    <div id="text"
         impl="~015B408D312408434bAC3DC477C612C8DE"
         script="../extras.beta/Text.js"></div>


  </body>
</html>
No comments yet. post a comment >
View Page History
Print this page