Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Newer
Older
100644 73 lines (72 sloc) 2.874 kb
9cf1aff Initial
Joshua Clayton authored
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="utf-8">
5 <title>Fusebox</title>
6 <link href="css/fusebox.css" media="screen" rel="stylesheet" type="text/css" />
80bc91b Add jQuery UI, initial fix with jQuery UI classes
Joshua Clayton authored
7 <link href="css/jquery-ui-1.7.2.custom.css" media="screen" rel="stylesheet" type="text/css" />
9cf1aff Initial
Joshua Clayton authored
8 <script src="jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
9 <script src="src/jquery.fusebox.js" type="text/javascript"></script>
26ec9ab Clean up container class, ripping out duplicated fusebox class name and
Joshua Clayton authored
10 <script src="src/jquery.fusebox.fn.js" type="text/javascript"></script>
9cf1aff Initial
Joshua Clayton authored
11 <script src="src/jquery.fusebox.container.js" type="text/javascript"></script>
87f1513 Move events to jquery
Joshua Clayton authored
12 <script src="src/jquery.fusebox.bindings.js" type="text/javascript"></script>
26ec9ab Clean up container class, ripping out duplicated fusebox class name and
Joshua Clayton authored
13 <!-- <script src="jquery/jquery.fusebox.js" type="text/javascript"></script> -->
9cf1aff Initial
Joshua Clayton authored
14 <script>
15 $(document).ready(function() {
16 $("a[rel=fusebox]").fusebox();
3c8b58b Add support for loading content VIA AJAX
Joshua Clayton authored
17 $("a.loaded-remotely").fusebox("h1:eq(0)");
18 $("a[rel=fusebox-remote]").fusebox("h1:eq(0)", {cache: true});
9cf1aff Initial
Joshua Clayton authored
19 $(".bound-event").click(function() {
20 $(this).css({color: "red"});
3c8b58b Add support for loading content VIA AJAX
Joshua Clayton authored
21 });
22 $(".bound-header").live("click", function() {
23 $(this).css({color: "red"});
24 });
9cf1aff Initial
Joshua Clayton authored
25 $(".fusebox-close").live("click", function() {
26 $.fusebox.close();
27 });
28 });
29 </script>
30 <style type="text/css">
3c8b58b Add support for loading content VIA AJAX
Joshua Clayton authored
31 body { background: #fdd; }
32 .col-12 { width: 650px; }
9cf1aff Initial
Joshua Clayton authored
33 </style>
34 </head>
35 <body>
3c8b58b Add support for loading content VIA AJAX
Joshua Clayton authored
36 <h1 class="bound-header">Fusebox</h1>
db690ee Clean up, making library thinner and easier to grok
Joshua Clayton authored
37 <a href="test.html" rel="fusebox">This should not open a fusebox</a>
38 <a href="test.html" rel="fusebox" class="item-list clean">This is my content</a>
3c8b58b Add support for loading content VIA AJAX
Joshua Clayton authored
39 <a href="test.html" rel="fusebox" class="item-list">This is the same content</a>
98c537c @joshuaclayton Move around data containers
authored
40 <a href="test.html" rel="fusebox-remote" class="loaded-remotely">This loads remote content</a>
41 <a href="test.html" rel="fusebox-remote" class="loaded-remotely-2">This loads remote content without refreshing</a>
42 <a href="test.html" rel="fusebox" class="item-list-2 clean">This is secondary content</a>
43 <div class="fusebox-loaded-remotely"></div>
44 <div class="fusebox-loaded-remotely-2"></div>
80bc91b Add jQuery UI, initial fix with jQuery UI classes
Joshua Clayton authored
45 <div class="fusebox-item-list">
9cf1aff Initial
Joshua Clayton authored
46 <ul>
47 <li>test</li>
48 <li>test</li>
49 <li>test</li>
50 <li>test</li>
51 </ul>
52 <h1 class="bound-event">This should be bound correctly</h1>
53 <p class="fusebox-close">Close</p>
54 </div>
80bc91b Add jQuery UI, initial fix with jQuery UI classes
Joshua Clayton authored
55 <div class="fusebox-item-list-2 col-12">
5fdc45f CSS issues
Joshua Clayton authored
56 <div style="float: left">
57 <h2>This is float: left;</h2>
58 <ul>
59 <li>another</li>
60 <li>another</li>
61 <li>another</li>
62 <li>another</li>
63 </ul>
64 <h1 class="bound-event">This should still be bound correctly</h1>
65 <div style="float: right;">
66 <h3>This is float: right;</h3>
67 </div>
68 </div>
9cf1aff Initial
Joshua Clayton authored
69 <p class="fusebox-close">Close</p>
70 </div>
71 </body>
26ec9ab Clean up container class, ripping out duplicated fusebox class name and
Joshua Clayton authored
72 </html>
Something went wrong with that request. Please try again.