Team:UPO-Sevilla/header

From 2010.igem.org

(Difference between revisions)
Line 7: Line 7:
                 document.getElementById("headerBanner").setAttribute("src",banner);
                 document.getElementById("headerBanner").setAttribute("src",banner);
                 document.getElementById("linkHeaderBanner").setAttribute("href",banner);
                 document.getElementById("linkHeaderBanner").setAttribute("href",banner);
 +
            }
 +
 +
            function showTweets(){
 +
                var twitter = document.getElementById("twitter");
 +
                twitter.setAttribute("onclick","closeTweets()");
 +
 +
                var twitterContent = document.createElement("div");
 +
                 
 +
                twitterContent.setAttribute("id","twitter_content");
 +
                var twitter_list = document.createElement("ul");
 +
                twitter_list.setAttribute("id","twitter_update_list");
 +
               
 +
                twitterContent.appendChild(twitter_list);
 +
 +
                var script1 = document.createElement("script");
 +
                script1.setAttribute("id","script1");
 +
                script1.setAttribute("type","text/javascript");
 +
                script1.setAttribute("src","http://twitter.com/javascripts/blogger.js");
 +
 +
                var script2 = document.createElement("script");
 +
                script2.setAttribute("id","script2");
 +
                script2.setAttribute("type","text/javascript");
 +
                script2.setAttribute("src","http://twitter.com/statuses/user_timeline/motedu.json?callback=twitterCallback2&count=10");
 +
 +
                twitter.appendChild(twitterContent);
 +
                twitter.appendChild(script1);
 +
                twitter.appendChild(script2);
 +
            }
 +
 +
            function closeTweets(){
 +
                var twitter = document.getElementById("twitter");
 +
                var twitterContent = document.getElementById("twitter_content");
 +
                var script1 = document.getElementById("script1");
 +
                var script2 = document.getElementById("script2");
 +
                twitter.setAttribute("onclick","showTweets()");
 +
                twitter.removeChild(twitterContent);
 +
                twitter.removeChild(script1);
 +
                twitter.removeChild(script2);
 +
             }
             }
             -->
             -->
Line 150: Line 189:
             }
             }
 +
            #twitter_content{
 +
                background:url('images/twitter.gif') #EFFAFE;
 +
                width:400px;
 +
                background-repeat:no-repeat;
 +
                border:#5AA5BC 1px solid;
 +
                font-family:Arial, Helvetica, sans-serif;
 +
                font-size:0.9em;
 +
                margin-top:10px;
 +
                padding-top:30px;
 +
                padding-right:5px;
 +
                padding-left:5px}
 +
 +
            #twitter_content ul li{
 +
                color:#0C93BA;
 +
                border-bottom-style:solid;
 +
                border-bottom-width:1px;
 +
                border-bottom-color:#A1E8F7
 +
            }
         </style>
         </style>
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

Revision as of 16:10, 13 August 2010

Home Banner

Retrieved from "http://2010.igem.org/Team:UPO-Sevilla/header"