|
|
Line 8: |
Line 8: |
| <body> | | <body> |
| <div id="left-column"> | | <div id="left-column"> |
- |
| |
- | <div id="tiles" class="blue">
| |
- | <div id="tile1" class="live-tile" data-stops="100%" data-speed="750" data-delay="3000">
| |
- | <div>
| |
- | <a href="https://2012.igem.org/Team:Paris-Saclay">
| |
- | <div class="child-tile"><p class="child-tile">The Team</p></div>
| |
- | <img src="http://topactus.com/images/2011/06/escherichia_coli-300x300.jpg" alt="" />
| |
- | </a>
| |
- | </div>
| |
- |
| |
- | <div>
| |
- | <div class="child-tile"><p class="child-tile">The Team</p></div>
| |
- | <img src="http://3.bp.blogspot.com/-Ss6Hga7HjKU/TjPWOHJxYUI/AAAAAAAAAIg/v2MlehSFxyo/s1600/E-coli1.jpg" alt="" />
| |
- | </div>
| |
- | </div>
| |
- | <!-- Activate live tiles -->
| |
- | <script type="text/javascript">
| |
- | // apply regular slide universally unless .exclude class is applied
| |
- | // NOTE: The default options for each liveTile are being pulled from the 'data-' attributes
| |
- | $(".live-tile, .flip-list").not(".exclude").liveTile();
| |
- | </script>
| |
- | </div>
| |
- |
| |
- | <div id="articles-widget" class="widget">
| |
- | <div>
| |
- | <h1 id="ctArticles">Related Items</h1>
| |
- | <ul id="ltArticles">
| |
- | </ul>
| |
- | </div>
| |
- | <script type="text/javascript">
| |
- | function mouseOver()
| |
- | {
| |
- | $("#circle").css("backgroundColor","#B9D3EE");
| |
- | }
| |
- | function mouseOut()
| |
- | {
| |
- | $("#circle").css("backgroundColor","rgb(60,60,60)");
| |
- | }
| |
- |
| |
- |
| |
- | $(document).ready(function() {
| |
- | var url = document.location.href;
| |
- | var idxPS = url.indexOf("Team:Paris-Saclay",0);
| |
- | Title = url.substring(idxPS,url.length);
| |
- | Category = "";
| |
- |
| |
- | $.ajax({
| |
- | type: "GET",
| |
- | url: "https://2012.igem.org/wiki/api.php", // name of file you want to parse
| |
- | async : false,
| |
- | data:{
| |
- | format: 'xml',
| |
- | action: 'query',
| |
- | titles: Title,
| |
- | prop: 'categories'},
| |
- | dataType: "xml", // type of file you are trying to read
| |
- | success : function(xmlData){
| |
- | $(xmlData).find('cl').each(function() {
| |
- | Category = $(this).attr("title");
| |
- | var idxCategory = Category.lastIndexOf("/");
| |
- | var name = Category.substring(idxCategory+1);
| |
- | $("h1#ctArticles").append("<h1>"+name+"</h1>");
| |
- | } )
| |
- | },
| |
- | error : function(){
| |
- | }
| |
- | });
| |
- | });
| |
- |
| |
- |
| |
- | $(document).ready(function() {
| |
- | $.ajax({
| |
- | type: "GET",
| |
- | url: "https://2012.igem.org/wiki/api.php", // name of file you want to parse
| |
- | async : false,
| |
- | data:{
| |
- | format: 'xml',
| |
- | action: 'query',
| |
- | list: 'categorymembers',
| |
- | cmtitle: Category},
| |
- | dataType: "xml", // type of file you are trying to read
| |
- | success : function(xmlData){
| |
- | var count = 1;
| |
- | $(xmlData).find('cm').each(function() {
| |
- | var idxArticle = $(this).attr("title").lastIndexOf("/");
| |
- | var Article = $(this).attr("title").substring(idxArticle+1);
| |
- | var linkArticle = "https://2012.igem.org/"+$(this).attr("title");
| |
- | $("ul#ltArticles").append('<li onmouseover="onmouseOver()" onmouseout="onmouseOut()" >' + '<div id="circle">'+ '<h2>' + count + '</h2>' + '</div>' + '<a href="' + linkArticle + '">' + Article + '</a>'+ '</li>');
| |
- | count += 1;
| |
- | } )
| |
- | },
| |
- | error : function(){
| |
- | }
| |
- | });
| |
- | });
| |
- | </script>
| |
- | </div>
| |
| | | |
| <div id="social-widget" class="widget"> | | <div id="social-widget" class="widget"> |
Follow us !