<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Edit.aspx.cs" Inherits="FuriousGadget.Edit"
MasterPageFile="Default.Master" %>
<asp:content id="Content1" contentplaceholderid="ContentPlaceHolder1" runat="Server">
<article class="post">
<header>
<h3>Edit Post </h3>
</header>
<asp:Label runat="server" ID="errorLabel" />
<form id="form1" runat="server">
<div id="DivAuthor">
<h2> Author</h2>
<div id="authorarea">
<div class="label">
Title:</div>
<div class="item">
<asp:Label ID="authtitle" runat="server" name="authtitle"/>
</div>
<div class="label">
Forename:</div>
<div class="item">
<asp:Label ID="authfirstname" runat="server"/>
</div>
<div class="label">
surname:</div>
<div class="item">
<asp:Label ID="authsurname" runat="server" />
</div>
</div>
</div>
<div id="Divarticle">
<h2> Article</h2>
<div id="ArticleArea">
<div class="label">
Title:</div>
<div class="item">
<asp:TextBox ID="articletitle" runat="server" />
</div>
<div class="label">
Introduction:</div>
<div class="item">
<asp:TextBox ID="introduction" name="introduction" TextMode="Multiline" Columns="75"
Rows="10" runat="server" />
<%--<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" Text="Required!"
ControlToValidate="introduction">
</asp:RequiredFieldValidator></div></div>--%>
<div id="sectionArea">
<h2>
Sections</h2>
<asp:Repeater id="subsectionsRepeater" runat="server">
<ItemTemplate>
<div id="sectionInsertArea">
<div class="label">
Subtitle:</div>
<div class="item">
<asp:TextBox ID="subtitle1" text='<%#Eval("Subtitle")%>' runat="server" name="subtitle1" />
<%--<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server" Text="Required!"
ControlToValidate="subtitle1">
</asp:RequiredFieldValidator>--%>
</div>
<div class="label">
Section:</div>
<div class="item">
<asp:TextBox ID="section1" name="section1" text='<%#Eval("Text")%>' TextMode="Multiline" Columns="75" Rows="10"
runat="server" />
<%--<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server" Text="Required!"
ControlToValidate="section1">
</asp:RequiredFieldValidator>--%>
<br />
</div>
</div>
</ItemTemplate>
</asp:Repeater>
<div id="addSectionDiv" class="addition clearfix">
<a href="#" id="addSection">Add Another Section</a>
</div>
</div>
<div id="images">
<h2> Images</h2>
<asp:Repeater id="imagesRepeater" runat="server">
<ItemTemplate>
<div id="imagesInsertArea">
<div class="label">
Image 1: </div>
<div class="item">
<asp:FileUpload ID="image1" runat="server" name="image1"/>
<asp:Image ID="imageview" runat="server" ImageUrl='<%#Eval("Source")%>' name="imageview" />
<%--<asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server" Text="Required!"
ControlToValidate="image1">
</asp:RequiredFieldValidator>--%>
</div>
</div>
</ItemTemplate>
</asp:Repeater>
<div id="addImageDiv" class="addition clearfix">
<a href="#" id="addImage">Add Another Image</a>
</div>
</div>
<%--<asp:Button ID="Submit" runat="server" OnClick="Submit_Clicked" Text="Submit" CssClass="submit" />--%><br />
</form>
</article>
<script type="text/javascript">
[U] [B] var sectionId = '<%=subsectionscount%>';[/B][/U]
$('#addSection').click(function(evt) {
evt.stopPropagation();
evt.preventDefault();
sectionId++;
$("#sectionInsertArea").append(' <div class="label">Subtitle: </div><div class="item"><input id="subtitle' + sectionId + '" name="subtitle' + sectionId + '" type="text" /></div><div class="label">Section:</div><div><textarea id="section' + sectionId + '" name="section' + sectionId + '" cols="75" rows="10"></textarea></div>');
BindFocus();
if (sectionId == 10) {
$('#addSectionDiv').html('');
}
});
var imageCount = 1;
$('#addImage').click(function(evt) {
evt.stopPropagation();
evt.preventDefault();
imageCount++;
$("#imagesInsertArea").append(' <div class="label">Image ' + imageCount + ': </div><div class="item"><input type="file" name="image' + imageCount + '" /></div>');
if (imageCount == 5) {
$('#addImageDiv').html('');
}
});
function BindFocus() {
$('input[type=text], textarea').unbind();
$('input[type=text], textarea').focus(function(item) {
$('.focus').each(function() {
$(this).removeClass("focus");
});
$(item.currentTarget).addClass("focus");
});
$('input[type=text], textarea').addClass("unfocus");
}
BindFocus();
$("input[type=submit]").mousedown(function() {
$(this).css({'background-position':'top left',
'padding-bottom':'2px'});
}).mouseup(function() {
$(this).css({ 'background-position': 'bottom right',
'padding-bottom': '3px'
});
});
$("input[type=submit]").hover(function() {
$(this).addClass('buttonfocus');
}, function() {
$(this).removeClass('buttonfocus');
})
</script>
</asp:content>