You've already forked codeigniter_test
first commit
This commit is contained in:
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
@@ -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>
|
||||
@@ -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>
|
||||
@@ -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;
|
||||
}
|
||||
Vendored
BIN
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 451 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 331 B |
Binary file not shown.
|
After Width: | Height: | Size: 340 B |
@@ -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>
|
||||
Vendored
+32
File diff suppressed because one or more lines are too long
@@ -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;
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
@@ -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>
|
||||
@@ -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