Skip to content

Dynamic Blog #6

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
NdaJunior wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Dynamic Blog #6

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
71 changes: 71 additions & 0 deletions NewPost.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
<!DOCTYPE html>
<html>

<head>
<title>
New Post
</title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

<script type="text/javascript" src="blog1.js"></script>

<link rel="stylesheet" type="text/css" href="blog1.css">

<script>



</script>

</head>

<body>

<div id="ContentBlock">

<div id="TopItems">

<div id="TitleBox">
<center> <h1 class="headers">Post New Entry</h1> </center>
</div>



</div>

<div id="ContentItems">


<div id="MainTextBox">



<input type='text' id='PostHeading' value='Heading'>
<br>
<input type='text' id='PostBody' align="top" value='body'>
<br>
<input type='button' value="Post Blog" id='ButtonPost' onclick = "save()">
<br>

<div class="Button">
<a href="index.html" class="Button1">Back</a>
</div>





</div>

</div>



</div>

</body>

</html>
71 changes: 71 additions & 0 deletions NewPost.html~
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,71 @@
<!DOCTYPE html>
<html>

<head>
<title>
New Post
</title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

<script type="text/javascript" src="blog1.js"></script>

<link rel="stylesheet" type="text/css" href="blog1.css">

<script>



</script>

</head>

<body>

<div id="ContentBlock">

<div id="TopItems">

<div id="TitleBox">
<center> <h1 class="headers">Post New Entry</h1> </center>
</div>



</div>

<div id="ContentItems">


<div id="MainTextBox">


<input type="image" src="submit.gif">
<input type='text' id='PostHeading' value='Heading'>
<br>
<input type='text' id='PostBody' align="top" value='body'>
<br>
<input type='button' value="Post Blog" id='ButtonPost' onclick = "save()">
<br>

<div class="Button">
<a href="index.html" class="Button1">Back</a>
</div>





</div>

</div>



</div>

</body>

</html>
40 changes: 39 additions & 1 deletion blog1.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -261,6 +261,19 @@ body {
padding: 0px;
bottom: 10px;
right: 5px;
}

.Button4 {
height: 40px;
width: 150px;
position: relative;
float: left;
#border: 1px solid orange;
margin: 10px;
padding: 0px;
bottom: 10px;
right: 5px;

}


Expand Down Expand Up @@ -315,4 +328,29 @@ video {

position: relative;
margin: 40px;
}
}

#PostHeading {
margin-left:20px;
margin-top: 10px;
margin-bottom: 5px;
height: 30px;
width: 300px;
}

#PostBody {
margin-left:20px;
margin-top: 0px;
margin-bottom: 5px;
height: 260px;
width: 500px;

}

#ButtonPost {
margin-left:20px;
margin-top: 0px;
margin-bottom: 5px;
}


42 changes: 40 additions & 2 deletions blog1.css~
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -257,10 +257,23 @@ body {
position: absolute;
float: right;
#border: 1px solid orange;
margin: -20px;
margin: -15px;
padding: 0px;
bottom: 10px;
right: 5px;
}

.Button4 {
height: 40px;
width: 150px;
position: relative;
float: left;
#border: 1px solid orange;
margin: -15px;
padding: 0px;
bottom: 10px;
right: 5px;

}


Expand Down Expand Up @@ -315,4 +328,29 @@ video {

position: relative;
margin: 40px;
}
}

#PostHeading {
margin-left:20px;
margin-top: 10px;
margin-bottom: 5px;
height: 30px;
width: 300px;
}

#PostBody {
margin-left:20px;
margin-top: 0px;
margin-bottom: 5px;
height: 260px;
width: 500px;

}

#ButtonPost {
margin-left:20px;
margin-top: 0px;
margin-bottom: 5px;
}


23 changes: 23 additions & 0 deletions blog1.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
function save(){
var fieldValue1 = document.getElementById('PostHeading').value;
localStorage.setItem('Heading', fieldValue1);
};

$('document').ready(function(){

console.log("We are live!");
$('#ButtonPost').click(function(){
console.log('waddup');
window.location.href='index.html';
});

$('#refresh').click(function(){

console.log(localStorage.getItem('Heading'));
$('#ContentItemsHome').animate({height: "+=150px"});
$('#ContentItemsHome').append("<div id='BlogSnippet'><img src ='Images/tumblr_inline_nbyfyx3TaW1rvzuyz.jpg' id='BlogPicture2'><div id='SummaryHeader'><center><h2 class='headers'>"+localStorage.getItem('Heading')+"</h2></center></div></div> ");
$('#ContentBlockHome').animate({height: "+=150px"});
});
});


23 changes: 23 additions & 0 deletions blog1.js~
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,23 @@
function save(){
var fieldValue1 = document.getElementById('PostHeading').value;
localStorage.setItem('Heading', fieldValue1);
};

$('document').ready(function(){

console.log("We are live!");
$('#ButtonPost').click(function(){
console.log('waddup');
window.location.href='index.html';
});

$('#refresh').click(function(){

console.log(localStorage.getItem('Heading'));
$('#ContentItemsHome').animate({height: "+=150px"});
$('#ContentItemsHome').append("<div id='BlogSnippet'><div id='SummaryHeader'><center><h2 class='headers'>"+localStorage.getItem('Heading')+"</h2></center></div></div> ");
$('#ContentBlockHome').animate({height: "+=150px"});
});
});


21 changes: 15 additions & 6 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,13 @@
<head>
<title>
Home
</title>
</title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

<script type="text/javascript" src="blog1.js"></script>

<link rel="stylesheet" type="text/css" href="blog1.css">

Expand Down Expand Up @@ -94,8 +100,8 @@ <h4 class="headers">What Have We Learnt?</h4>
<center> <h4 class="headers"> 30/09/2014 </h4> </center>
</div>

<p class="paragraphs2"> This is a test of how a blog snippet will look...
please click "See More" for more!! </p>
<p class="paragraphs2"> Click more to see what we have learnt during
our time at CodeX so far... </p>

<div class="Button2">
<a href="Learnt.html" class="Button1">See More</a>
Expand All @@ -107,15 +113,18 @@ <h4 class="headers">What Have We Learnt?</h4>
</div>





</div>



</div>


<div class='Button4'>
<a href="NewPost.html" class='Button1'> New Post</a>
</div>
<input type='button' id='refresh' value='refresh'>

</body>

</html>
Expand Down
22 changes: 14 additions & 8 deletions index.html~
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,13 @@
<head>
<title>
Home
</title>
</title>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

<script type="text/javascript" src="blog1.js"></script>

<link rel="stylesheet" type="text/css" href="blog1.css">

Expand Down Expand Up @@ -91,11 +97,11 @@
</div>

<div id="DateBox">
<center> <h4 class="headers"> 28/09/2014 </h4> </center>
<center> <h4 class="headers"> 30/09/2014 </h4> </center>
</div>

<p class="paragraphs2"> This is a test of how a blog snippet will look...
please click "See More" for more!! </p>
<p class="paragraphs2"> Click more to see what we have learnt during
our time at CodeX so far... </p>

<div class="Button2">
<a href="Learnt.html" class="Button1">See More</a>
Expand All @@ -107,12 +113,12 @@
</div>





</div>


<div class='Button4'>
<a href="NewPost.html" class='Button1'> New Post</a>
</div>
<input type='button' id='refresh' value='refresh'>

</div>

Expand Down