Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<script src="http://arshaw.com/js/fullcalendar-1.6.4/lib/jquery.min.js"></script>
<script src="http://arshaw.com/js/fullcalendar-1.6.4/lib/jquery-ui.custom.min.js"></script>
<link rel='stylesheet' type='text/css' href='http://arshaw.com/css/fullcalendar.css?7' />
  <link rel='stylesheet' type='text/css' href='http://arshaw.com/js/fullcalendar-1.6.4/fullcalendar/fullcalendar.css' />
<script type='text/javascript' src='http://arshaw.com/js/fullcalendar-1.6.4/fullcalendar/fullcalendar.min.js'></script>
<style type='text/css'>
​
<body>{
  <margin-top>
    <40px>;
    </40px>
  </margin-top>
  <text-align>
    <center>;
    </center>
  </text-align>
  <font-size>
    <14px>;
    </14px>
  </font-size>
  <font-family>
    <"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;>
    </"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;>
  </font-family>
  <height:800px>;
  </height:800px>
</body>}
​
<div id="loading">{
  <position>
    <absolute>;
    </absolute>
  </position>
  <top>
    <5px>;
    </5px>
  </top>
  <right>
    <5px>;
    </5px>
  </right>
</div>}
​
<div id="calendar">{
  <width>
    <900px>;
    </900px>
  </width>
  <margin>
    <0>auto;
    </0>
  </margin>
</div>}
</style>
</head>
<body>
<div id='loading' style='display:none'>loading...</div>
<div id='calendar'></div>
</body>
</html>
​
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers