Team:Groningen/Templates/facebook

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
-
<!-- Dit is de code voor de plugin, dit zie je dus ergens op de site, de maximale 'width' is 292 -->
+
<!-- each page with jquery needs to have this line, it will include all the jquery calls.Just include do not change-->
 +
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script>
-
<div class="fb-like-box" data-href="https://www.facebook.com/Igem2013Groningen" data-width="250" data-show-faces="false" data-stream="true" data-show-border="true" data-header="true" background-color="white" ></div>
+
<!-- For some more info about this script: http://www.codehandling.com/2013/02/facio-20-infinite-facebook-fanpage.html-->
-
<!-- Eind facebook code -->
 
 +
<!-- CSS of this plugin, this piece of code changes the color of the account -->
-
<!-- Facebook code, De onderstaande code kan je ergens plaatsen, maakt niet uit waar DIT IS NIET DE LIKE BOX-->
+
<style media="screen" type="text/css">
-
<div id="fb-root" ></div>
+
#facio span{
-
<script>(function(d, s, id) {
+
    color:black !important;
-
  var js, fjs = d.getElementsByTagName(s)[0];
+
}
-
  if (d.getElementById(id)) return;
+
-
  js = d.createElement(s); js.id = id;
+
-
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
+
-
  fjs.parentNode.insertBefore(js, fjs);
+
-
}(document, 'script', 'facebook-jssdk'));</script>
+
-
<!-- Eind facebook code -->
+
</style>
 +
 
 +
<!-- end of CSS of this plugin -->
 +
 
 +
  <head>
 +
   
 +
<script src="http://code.jquery.com/jquery-latest.js"></script>
 +
 +
<script type="text/javascript">
 +
 +
// var pageUrl = "https://www.facebook.com/Igem2013Groningen";
 +
var pageUrl = "https://www.facebook.com/Igem2013Groningen";
 +
 +
var facioWidgetWidth = 300;
 +
var facioWidgetHeight = 400;
 +
 +
function displayFacio() {
 +
$('#facio').empty().append(' loading ...');
 +
pageUrl=$('#pageUrl').val();
 +
//alert(blogUrl);
 +
 +
onLoadFacio();
 +
}
 +
 
 +
 +
</script>
 +
 +
</head>
 +
  <body>
 +
 +
 +
<div id="facio">
 +
</div>
 +
 +
 +
 
 +
<script src="https://2013.igem.org/Team:Groningen/Scripts/jqueryfacebook?action=raw&ctype=text/javascript"></script>
 +
 
 +
  </body>
</html>
</html>

Revision as of 15:34, 23 July 2013

Retrieved from "http://2013.igem.org/Team:Groningen/Templates/facebook"