Mercurial > hg > Members > nobuyasu > TwitterBootstrap

<html>

  <style type="text/css">
    div.node {
    background-color:blue;
    border-radius:30px;
    width:50px;
    height:50px;
    }

    div.node div.outputdiv {
    border-style:ridge;
    border-color:red;
    border-radius:10px;
    width:150px;
//    display:none;
    }

  </style>


  <body onload="main();">

    <div id="node1" class="node" onmouseover="displayDiv(this);">
      <div class="outputdiv" id="output">
	<div style="border-radius:10px; margin-top:5px; margin-left:5px; margin-right:5px; text-align:center; background-color:#ccc;">
	  title
	</div>
	<div style="background-color:#ccf;  border-radius:10px; margin:5px; padding:5px;">
	  content
	  <br>
	  aaaa
	  <br>
	  aaa
	  <br>
	  aaa
	  <br>
	  aaa
	</div>
      </div>
    </div>

    <script src="../assets/js/jquery.js"></script>
    <script src="./js/library.js"></script>
    <script>
      filename = "./json/graph.json"
      function main() {
      var node1 = document.getElementById("node1");

      var output = document.getElementById("output");
      output.style.display = "none";
      var data = loadFile(filename);
      var jobj = JSON.parse(data);

      var root = jobj["root"];
      //    output.textContent = "root : " + root;

      var title =  jobj.Nodes[root].data.title;
      //    output.textContent += "title : " + title;

      var content = jobj.Nodes[root].data.content;
      //    output.textContent += "content: " + content;
      }

      function displayDiv(div) {
        var childDiv = div.childNodes[1];

      }


    </script>
  </body>

</html>
author	Nobuyasu Oshiro <dimolto@cr.ie.u-ryukyu.ac.jp>
date	Mon, 24 Sep 2012 15:01:17 +0900
parents	29d39f0e7ee7
children