Template:Team:Paris-Saclay/left-column

From 2012.igem.org

(Difference between revisions)
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">

Revision as of 14:21, 28 August 2012

Follow us !