The code doesn't work properly
When I test it, it appears the tournament bracket but also some code in the web, can anyone help me?
- <script type="text/javascript" src="http://www.aropupu.fi/bracket/site/jquery-1.6.2.min.js"></script>
- <script type="text/javascript" src="http://www.aropupu.fi/bracket/site/jquery-ui-1.8.16/jquery-ui-1.8.16.custom.min.js"></script>
- <script type="text/javascript" src="http://www.aropupu.fi/bracket/site/jquery.json-2.2.min.js"></script>
- <script type="text/javascript" src="http://www.aropupu.fi/bracket/site/syntaxhighlighter_3.0.83/scripts/shCore.js"></script>
- <script type="text/javascript" src="http://www.aropupu.fi/bracket/site/syntaxhighlighter_3.0.83/scripts/shBrushJScript.js"></script>
- <script type="text/javascript" src="http://www.aropupu.fi/bracket/site/syntaxhighlighter_3.0.83/scripts/shBrushXml.js"></script>
- <link rel="stylesheet" type="text/css" href="http://www.aropupu.fi/bracket/site/syntaxhighlighter_3.0.83/styles/shCoreDefault.css"/>
- <link rel="stylesheet" type="text/css" href="http://www.aropupu.fi/bracket/site/jquery-ui-1.8.16/css/ui-lightness/jquery-ui-
- 1.8.16.custom.css" />
- <link rel="stylesheet" type="text/css" href="http://www.aropupu.fi/bracket/site/jquery.bracket-site.css" />
- <link rel="stylesheet" type="text/css" href="http://www.aropupu.fi/bracket/src/jquery.bracket.css" />
- <script type="text/javascript" src="http://www.aropupu.fi/bracket/src/jquery.bracket.js"></script>
- <script type="text/javascript">
- $(function() {
- var demos = ['save', 'minimal', 'customHandlers', 'autoComplete', 'doubleElimination', 'big']
- $.each(demos, function(i, d){
- var demo = $('div#'+d)
- $('<div class="demo"></div>').appendTo(demo)
- var pre = $('<pre name="code" class="js"></pre>').appendTo(demo)
- var script = demo.find('script')
- pre.text(script.html())
- })
- })
- </script>
- <script type="text/javascript">
- var _gaq = _gaq || [];
- _gaq.push(['_setAccount', 'UA-1488867-1']);
- _gaq.push(['_trackPageview']);
- (function() {
- var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
- ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
- var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
- })();
- </script>
- <div id="save">
- <script type="text/javascript">
- var saveData = {
- teams : [
- ["Team 1", "Team 2"], /* first matchup */
- ["Team 3", "Team 4"] /* second matchup */
- ],
- results : [[1,0], [2,7]]
- }
- /* Called whenever bracket is modified
- *
- * data: changed bracket object in format given to init
- * userData: optional data given when bracket is created.
- */
- function saveFn(data, userData) {
- var json = jQuery.toJSON(data)
- $('#saveOutput').text('POST '+userData+' '+json)
- /* You probably want to do something like this
- jQuery.ajax("rest/"+userData, {contentType: 'application/json',
- dataType: 'json',
- type: 'post',
- data: json})
- */
- }
- $(function() {
- var container = $('div#save .demo')
- container.bracket({
- init: saveData,
- save: saveFn,
- userData: "http://myapi"})
- /* You can also inquiry the current data */
- var data = container.bracket('data')
- $('#dataOutput').text(jQuery.toJSON(data))
- })
- </script>
- </div>