You've already forked codeigniter_test
first commit
This commit is contained in:
BIN
asset/tuts/Site/__MACOSX/images/._.DS_Store
Normal file
BIN
asset/tuts/Site/__MACOSX/images/._.DS_Store
Normal file
Binary file not shown.
BIN
asset/tuts/Site/__MACOSX/images/._ajax-loader.gif
Normal file
BIN
asset/tuts/Site/__MACOSX/images/._ajax-loader.gif
Normal file
Binary file not shown.
BIN
asset/tuts/Site/__MACOSX/images/._bin.jpg
Normal file
BIN
asset/tuts/Site/__MACOSX/images/._bin.jpg
Normal file
Binary file not shown.
BIN
asset/tuts/Site/__MACOSX/images/._flame.jpg
Normal file
BIN
asset/tuts/Site/__MACOSX/images/._flame.jpg
Normal file
Binary file not shown.
BIN
asset/tuts/Site/__MACOSX/images/._header.jpg
Normal file
BIN
asset/tuts/Site/__MACOSX/images/._header.jpg
Normal file
Binary file not shown.
BIN
asset/tuts/Site/__MACOSX/images/._nav_bar.jpg
Normal file
BIN
asset/tuts/Site/__MACOSX/images/._nav_bar.jpg
Normal file
Binary file not shown.
BIN
asset/tuts/Site/__MACOSX/images/._nav_bar_o.jpg
Normal file
BIN
asset/tuts/Site/__MACOSX/images/._nav_bar_o.jpg
Normal file
Binary file not shown.
29
asset/tuts/Site/about.html
Normal file
29
asset/tuts/Site/about.html
Normal file
@ -0,0 +1,29 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>mmm... Ajax!</title>
|
||||
<script type="text/javascript" src="jquery.js"></script>
|
||||
<style type="text/css">
|
||||
@import url(css.css);
|
||||
</style>
|
||||
<script type="text/javascript" src="js.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<h1>ajax ... nettuts</h1>
|
||||
<ul id="nav">
|
||||
<li><a href="index.html">welcome</a></li>
|
||||
<li><a href="about.html">about</a></li>
|
||||
<li><a href="portfolio.html">portfolio</a></li>
|
||||
<li><a href="contact.html">contact</a></li>
|
||||
<li><a href="terms.html">terms</a></li>
|
||||
</ul>
|
||||
<div id="content">
|
||||
<h2>About Us</h2>
|
||||
<p>Nulla facilisi. Nam massa dolor, gravida nec, luctus vitae, tristique vel, arcu. Suspendisse rutrum. Integer ligula velit, malesuada sed, rhoncus sed, feugiat eget, mi. Nulla pharetra convallis mi. Cras euismod consectetuer mi. Integer molestie tincidunt ante. Vestibulum lacinia orci a est. Quisque aliquam dolor non urna. Praesent felis. Nulla elementum. Curabitur mi augue, mollis at, volutpat ut, fermentum in, neque. Donec eget arcu. Donec id velit nec arcu facilisis aliquet. Nulla vel nibh ac lacus tristique interdum. Cras sed dui in nibh hendrerit dignissim. Aenean at est ac purus consectetuer mollis. </p>
|
||||
</div>
|
||||
<div id="foot">Tutorial by James for NETTUTS</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
29
asset/tuts/Site/contact.html
Normal file
29
asset/tuts/Site/contact.html
Normal file
@ -0,0 +1,29 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>mmm... Ajax!</title>
|
||||
<script type="text/javascript" src="jquery.js"></script>
|
||||
<style type="text/css">
|
||||
@import url(css.css);
|
||||
</style>
|
||||
<script type="text/javascript" src="js.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<h1>ajax ... nettuts</h1>
|
||||
<ul id="nav">
|
||||
<li><a href="index.html">welcome</a></li>
|
||||
<li><a href="about.html">about</a></li>
|
||||
<li><a href="portfolio.html">portfolio</a></li>
|
||||
<li><a href="contact.html">contact</a></li>
|
||||
<li><a href="terms.html">terms</a></li>
|
||||
</ul>
|
||||
<div id="content">
|
||||
<h2>Contact Us</h2>
|
||||
<p>Nulla facilisi. Nam massa dolor, gravida nec, luctus vitae, tristique vel, arcu. Suspendisse rutrum. Integer ligula velit, malesuada sed, rhoncus sed, feugiat eget, mi. Nulla pharetra convallis mi. Cras euismod consectetuer mi. Integer molestie tincidunt ante. Vestibulum lacinia orci a est. Quisque aliquam dolor non urna. Praesent felis. Nulla elementum. Curabitur mi augue, mollis at, volutpat ut, fermentum in, neque. Donec eget arcu. Donec id velit nec arcu facilisis aliquet. Nulla vel nibh ac lacus tristique interdum. Cras sed dui in nibh hendrerit dignissim. Aenean at est ac purus consectetuer mollis. </p>
|
||||
</div>
|
||||
<div id="foot">Tutorial by James for NETTUTS</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
86
asset/tuts/Site/css.css
Normal file
86
asset/tuts/Site/css.css
Normal file
@ -0,0 +1,86 @@
|
||||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
|
||||
body {
|
||||
font: 0.8em "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
|
||||
color: #343434;
|
||||
background: #121212;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
#wrapper {
|
||||
width: 710px;
|
||||
margin: 30px auto;
|
||||
background: #0d0d0d url(images/header.jpg) no-repeat;
|
||||
padding: 55px 25px 25px 25px;
|
||||
border: 12px solid #2e2e2e;
|
||||
position:relative;
|
||||
}
|
||||
h1 {
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
margin: 0;
|
||||
padding: 0.3em 0;
|
||||
text-indent:-99999px;
|
||||
}
|
||||
#nav {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
margin: 10px 0 20px 0;
|
||||
background: #2e2e2e url(images/nav_bar.jpg) repeat-x;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
font-size: 0.9em;
|
||||
height:33px;
|
||||
text-transform:capitalize;
|
||||
}
|
||||
#nav li {
|
||||
display: inline;
|
||||
}
|
||||
#nav li a {
|
||||
display: block;
|
||||
float: left;
|
||||
padding: 10px 20px;
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
#nav li a:hover {
|
||||
background: #1b1b1b url(images/nav_bar_o.jpg) repeat-x;
|
||||
}
|
||||
#load {
|
||||
display: none;
|
||||
position: absolute;
|
||||
right: 10px;
|
||||
top: 10px;
|
||||
background: url(images/ajax-loader.gif);
|
||||
width: 43px;
|
||||
height: 11px;
|
||||
text-indent: -9999em;
|
||||
}
|
||||
|
||||
#content {
|
||||
}
|
||||
h2 {
|
||||
margin: 0;
|
||||
padding: 0.5em 0;
|
||||
color:#568945;
|
||||
font-family:Helvetica, Arial, Sans-serif;
|
||||
}
|
||||
p {
|
||||
margin: 0;
|
||||
padding: 0.4em 0;
|
||||
color:#686868;
|
||||
line-height:1.4em;
|
||||
}
|
||||
#content img.right {
|
||||
float: right;
|
||||
margin: 0 0 8px 8px;
|
||||
|
||||
}
|
||||
#foot {
|
||||
padding: 15px;
|
||||
color: white;
|
||||
text-align: center;
|
||||
margin: 30px 0 0 0;
|
||||
border-top:1px solid #222222;
|
||||
}
|
BIN
asset/tuts/Site/images/.DS_Store
vendored
Normal file
BIN
asset/tuts/Site/images/.DS_Store
vendored
Normal file
Binary file not shown.
BIN
asset/tuts/Site/images/Thumbs.db
Normal file
BIN
asset/tuts/Site/images/Thumbs.db
Normal file
Binary file not shown.
BIN
asset/tuts/Site/images/ajax-loader.gif
Normal file
BIN
asset/tuts/Site/images/ajax-loader.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 451 B |
BIN
asset/tuts/Site/images/bin.jpg
Normal file
BIN
asset/tuts/Site/images/bin.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 2.6 KiB |
BIN
asset/tuts/Site/images/flame.jpg
Normal file
BIN
asset/tuts/Site/images/flame.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 5.3 KiB |
BIN
asset/tuts/Site/images/header.jpg
Normal file
BIN
asset/tuts/Site/images/header.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 14 KiB |
BIN
asset/tuts/Site/images/nav_bar.jpg
Normal file
BIN
asset/tuts/Site/images/nav_bar.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 331 B |
BIN
asset/tuts/Site/images/nav_bar_o.jpg
Normal file
BIN
asset/tuts/Site/images/nav_bar_o.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 340 B |
30
asset/tuts/Site/index.html
Normal file
30
asset/tuts/Site/index.html
Normal file
@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>mmm... Ajax!</title>
|
||||
<script type="text/javascript" src="jquery.js"></script>
|
||||
<style type="text/css">
|
||||
@import url(css.css);
|
||||
</style>
|
||||
<script type="text/javascript" src="js.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<h1>ajax ... nettuts</h1>
|
||||
<ul id="nav">
|
||||
<li><a href="index.html">welcome</a></li>
|
||||
<li><a href="about.html">about</a></li>
|
||||
<li><a href="portfolio.html">portfolio</a></li>
|
||||
<li><a href="contact.html">contact</a></li>
|
||||
<li><a href="terms.html">terms</a></li>
|
||||
</ul>
|
||||
<div id="content">
|
||||
<h2>Welcome!</h2>
|
||||
<p>Hi, welcome to the demonstration for the NETTUTS tutorial - "How to Load In and Animate Content with jQuery"</p>
|
||||
<p>In this tutorial we will be taking your average everyday website and enhancing it with jQuery. We will be adding ajax functionality so that the content loads into the relevant container instead of the user having to navigate to another page. We will also be integrating some awesome effects...</p>
|
||||
</div>
|
||||
<div id="foot">Tutorial by James for NETTUTS</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
32
asset/tuts/Site/jquery.js
vendored
Normal file
32
asset/tuts/Site/jquery.js
vendored
Normal file
File diff suppressed because one or more lines are too long
33
asset/tuts/Site/js.js
Normal file
33
asset/tuts/Site/js.js
Normal file
@ -0,0 +1,33 @@
|
||||
$(document).ready(function() {
|
||||
|
||||
var hash = window.location.hash.substr(1);
|
||||
var href = $('#nav li a').each(function(){
|
||||
var href = $(this).attr('href');
|
||||
if(hash==href.substr(0,href.length-5)){
|
||||
var toLoad = hash+'.html #content';
|
||||
$('#content').load(toLoad)
|
||||
}
|
||||
});
|
||||
|
||||
$('#nav li a').click(function(){
|
||||
|
||||
var toLoad = $(this).attr('href')+' #content';
|
||||
$('#content').hide('fast',loadContent);
|
||||
$('#load').remove();
|
||||
$('#wrapper').append('<span id="load">LOADING...</span>');
|
||||
$('#load').fadeIn('normal');
|
||||
window.location.hash = $(this).attr('href').substr(0,$(this).attr('href').length-5);
|
||||
function loadContent() {
|
||||
$('#content').load(toLoad,'',showNewContent())
|
||||
}
|
||||
function showNewContent() {
|
||||
$('#content').show('normal',hideLoader());
|
||||
}
|
||||
function hideLoader() {
|
||||
$('#load').fadeOut('normal');
|
||||
}
|
||||
return false;
|
||||
|
||||
});
|
||||
|
||||
});
|
29
asset/tuts/Site/portfolio.html
Normal file
29
asset/tuts/Site/portfolio.html
Normal file
@ -0,0 +1,29 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>mmm... Ajax!</title>
|
||||
<script type="text/javascript" src="jquery.js"></script>
|
||||
<style type="text/css">
|
||||
@import url(css.css);
|
||||
</style>
|
||||
<script type="text/javascript" src="js.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<h1>ajax ... nettuts</h1>
|
||||
<ul id="nav">
|
||||
<li><a href="index.html">welcome</a></li>
|
||||
<li><a href="about.html">about</a></li>
|
||||
<li><a href="portfolio.html">portfolio</a></li>
|
||||
<li><a href="contact.html">contact</a></li>
|
||||
<li><a href="terms.html">terms</a></li>
|
||||
</ul>
|
||||
<div id="content">
|
||||
<h2>Portfolio</h2>
|
||||
<p><img src="images/flame.jpg" alt="Flame!" class="right" />Nulla facilisi. Nam massa dolor, gravida nec, luctus vitae, tristique vel, arcu. Suspendisse rutrum. Integer ligula velit, malesuada sed, rhoncus sed, feugiat eget, mi. Nulla pharetra convallis mi. Cras euismod consectetuer mi. Integer molestie tincidunt ante. Vestibulum lacinia orci a est. Quisque aliquam dolor non urna. Praesent felis. Nulla elementum. Curabitur mi augue, mollis at, volutpat ut, fermentum in, neque. Donec eget arcu. Donec id velit nec arcu facilisis aliquet. Nulla vel nibh ac lacus tristique interdum. Cras sed dui in nibh hendrerit dignissim. Aenean at est ac purus consectetuer mollis. </p>
|
||||
</div>
|
||||
<div id="foot">Tutorial by James for NETTUTS</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
29
asset/tuts/Site/terms.html
Normal file
29
asset/tuts/Site/terms.html
Normal file
@ -0,0 +1,29 @@
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
||||
<html xmlns="http://www.w3.org/1999/xhtml">
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
||||
<title>mmm... Ajax!</title>
|
||||
<script type="text/javascript" src="jquery.js"></script>
|
||||
<style type="text/css">
|
||||
@import url(css.css);
|
||||
</style>
|
||||
<script type="text/javascript" src="js.js"></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="wrapper">
|
||||
<h1>ajax ... nettuts</h1>
|
||||
<ul id="nav">
|
||||
<li><a href="index.html">welcome</a></li>
|
||||
<li><a href="about.html">about</a></li>
|
||||
<li><a href="portfolio.html">portfolio</a></li>
|
||||
<li><a href="contact.html">contact</a></li>
|
||||
<li><a href="terms.html">terms</a></li>
|
||||
</ul>
|
||||
<div id="content">
|
||||
<h2>Our Terms</h2>
|
||||
<p><img src="images/bin.jpg" alt="Trash!" class="right" />Nulla facilisi. Nam massa dolor, gravida nec, luctus vitae, tristique vel, arcu. Suspendisse rutrum. Integer ligula velit, malesuada sed, rhoncus sed, feugiat eget, mi. Nulla pharetra convallis mi. Cras euismod consectetuer mi. Integer molestie tincidunt ante. Vestibulum lacinia orci a est. Quisque aliquam dolor non urna. Praesent felis. Nulla elementum. Curabitur mi augue, mollis at, volutpat ut, fermentum in, neque. Donec eget arcu. Donec id velit nec arcu facilisis aliquet. Nulla vel nibh ac lacus tristique interdum. Cras sed dui in nibh hendrerit dignissim. Aenean at est ac purus consectetuer mollis. </p>
|
||||
</div>
|
||||
<div id="foot">Tutorial by James for NETTUTS</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
Reference in New Issue
Block a user