1. Giovanni Marco Dall'Olio
  2. semana_ciencia_phylo

Commits

Giovanni Marco Dall'Olio  committed a9f987d

PLAN_B: TREE: instead of generating a tree automatically, I just show a tree that I drawn manually

  • Participants
  • Parent commits 66b459d
  • Branches master

Comments (0)

Files changed (7)

File figures/tree.dia

Binary file modified.

File figures/tree_animals.dia

Binary file added.

File figures/tree_animals.png

Added
New image

File figures/tree_protists.dia

Binary file added.

File figures/tree_protists.png

Added
New image

File helena.html

View file
 
 
 <div id='jphylo' style="position:absolute; left:1750px; top:600px;"></div>
+<div id="manually_drawn_tree" style="display:none; position:absolute; left:1750px; top:600px">
+    <img src="figures/tree_animals.png"></img>
+</div>
 <div id="alignment_figure" style="display:none; position:absolute; left:1400px; top:500px; width:1500px">
 </div>
 <div id="calculate_tree_button" style="display:none; position:absolute; left:1400px; top:800px"><input style="height:90px; width:300px; font-size:200%" type="button" value="Calcula arbol Phylogenetico!" onclick='try{showTree()} catch(e) {alert("The following error was encountered: " + e);}' />
 
 
      function showTree() {
-        document.getElementById('jphylo').innerText = '';
+/*        document.getElementById('jphylo').innerText = '';
         phylocanvas = new Smits.PhyloCanvas(
             { 
                 newick: '(((coanoflagelato:5, Capsaspora:4), Sphaeroforma:3), Dyctiostelium:2);'
 
             },
             'jphylo', 
-            400, 400
-        );          
+            400, 400 
+        );           */
+         $("manually_drawn_tree").appear();
+
 /*        alert(dropbox1_correct);
         alert(dropbox2_correct);
         alert(dropbox3_correct);

File index.html

View file
 
 </div>
 
-
-<div id='jphylo' style="position:absolute; left:1750px; top:600px;"></div>
+<span id="jphylo_container" style="position:absolute; left:1750px; top:600px">
+    <div id="jphylo"></div>
+</span>
+<div id="manually_drawn_tree" style="display:none; position:absolute; left:1750px; top:600px">
+    <img src="figures/tree_animals.png"></img>
+</div>
 <div id="alignment_figure" style="display:none; position:absolute; left:1400px; top:500px; width:1500px">
 </div>
 <div id="calculate_tree_button" style="display:none; position:absolute; left:1400px; top:800px"><input style="height:90px; width:300px; font-size:200%" type="button" value="Calcula arbol Phylogenetico!" onclick='try{showTree()} catch(e) {alert("The following error was encountered: " + e);}' />
 
 
      function showTree() {
-        document.getElementById('jphylo').innerText = '';
-        phylocanvas = new Smits.PhyloCanvas(
+/*         document.getElementById('jphylo').outerHTML = '';
+         document.getElementById('jphylo_container').innerHTML = '<div id="jphylo"></div>';
+         phylocanvas = new Smits.PhyloCanvas(
             { 
                 newick: '(((Humano:5, Rinoceronte:4), Pajaro:3), Medusa:2);'
 
             },
             'jphylo', 
             400, 400
-        );          
+            );          */
+         $("manually_drawn_tree").appear();
     };
 </script>