|
|
Line 1: |
Line 1: |
| <html> | | <html> |
| <head> | | <head> |
− | <script type="text/javascript" src="https://2017.igem.org/Template:Greece/vis_js?action=raw&ctype=text/javascript"></script>
| + | <style> |
− | | + | div#content{ display: none; } |
− | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Greece/collabs_css?action=raw&ctype=text/css" />
| + | </style> |
− | <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:Greece/vis_css?action=raw&ctype=text/css" />
| + | <script> |
− |
| + | sessionStorage.setItem('LINK', 'Collaborations'); |
| + | window.location.href = 'https://2017.igem.org/Team:Greece/Achievements'; |
| + | </script> |
| </head> | | </head> |
− | <body>
| |
− |
| |
− | <div id='instruction_box' style='position:absolute; background-color:#ffffff; z-index: 1000; font-size:15px; font-family:Century Gothic; width: 450px; height: 150px; border:1px solid #ddd; padding: 5px 15px 5px 15px;'>
| |
− | <ul><b>INTERACTIVITY CONTROLS</b></ul>
| |
− | <li>Move the graph by clicking and dragging in a blank area</li>
| |
− | <li>Zoom in or out with your mouse wheel</li>
| |
− | <li>Hover on the nodes to see the team's name</li>
| |
− | <li>Click on the rectangular notes for more information on the collaboration project</li>
| |
− | <span style='position:relative; float:right;'><input type='button' value='X' onclick='$("#instruction_box").css("display","none");$("#showback").css("display","block");' style='background: transparent'/></span>
| |
− | </div>
| |
− | <div id='showback' style='position:absolute; z-index:999'><span style='position:relative; float:right;'><input type='button' value='Show instructions' onclick='$("#instruction_box").css("display","block");$("#showback").css("display","none");' style='background: transparent'/></span></div>
| |
− | <div id='main_box'>
| |
− |
| |
− | <div id="mynetwork"></div>
| |
− |
| |
− | <div class='twoChildren' id='details_box'>
| |
− |
| |
− | <div id='showback' style='position:relative; margin:5px 10px 0px 0px; z-index:1000;'><span style='position:relative; float:right;'><input type='button' value='X' onclick='hideDetails()' style='background: transparent'/></span></div>
| |
− |
| |
− | <span id='title' style='position:relative; display:block; padding:0px 0px 25px 0px; height:50px;' ><h1></h1></span>
| |
− | <span id='details' style='position:relative; display:block; padding:5px 0px 0px 0px; height:600px;' ></span>
| |
− | </div>
| |
− |
| |
− | </div>
| |
− | <pre id="eventSpan" style='display:none;'></pre>
| |
− |
| |
− | <input type='hidden' id='Node_27' value='This is NODE 27' name='Title for node 27'/>
| |
− | <input type='hidden' id='Node_29' value='This is NODE 29' name='Title for node 29'/>
| |
− | <input type='hidden' id='Node_30' value='This is NODE 30' name='Title for node 30'/>
| |
− |
| |
− | <script type="text/javascript" src="https://2017.igem.org/Template:Greece/collabs_js?action=raw&ctype=text/javascript"></script>
| |
− | </body>
| |
| </html> | | </html> |