Bonsoir,
vous trouverez ci dessous un petit exemple qui j'espère vous aidera dans votre recherche. En plus des commentaires voici quelques explications.
La page comporte deux Panels ( qui génèrent les div )
- un panel sert à l'édition : il contient un une TextBox pour saisir le Text, et un bouton pour la sauvegarde
- un panel sert à l'affichage simple du text
- un link button sert à afficher ou masquer le panel d'édition du text
La sauvegarde est effectué dans un fichier text à la racine du site. ( il faut donc possédez les droits d'écriture )
Cordialement
Le contenu de la page aspx
<form id="form1" runat="server">
<div>
<asp:LinkButton runat="server" ID="lnkButton" onclick="lnkButton_Click">
</asp:LinkButton>
<asp:Panel runat="server" ID="pnlEdit" Visible="false">
<asp:TextBox runat="server" ID="txtEdit" Rows="10" TextMode="MultiLine" Columns="50"></asp:TextBox>
<asp:Button runat="server" ID="btnSave" onclick="btnSave_Click" Text="Sauvegarde"/>
</asp:Panel>
<asp:Panel runat="server" ID="Panel1">
Mon Div : <asp:Literal runat="server" ID="ltView"></asp:Literal>
</asp:Panel>
</div>
</form>
Le code behind
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.IO;
namespace Test
{
public partial class EditDiv : System.Web.UI.Page
{
public string FileNamePath
{
get { return Server.MapPath("MonFichier.txt"); }
}
protected void Page_Load(object sender, EventArgs e)
{
if (!this.IsPostBack)
{
// cache le div
this.ManagePanel(false);
// lit le fichier si il existe
// et affecte son contenu à la textbox et au div
if (File.Exists(this.FileNamePath))
{
string divContent = File.ReadAllText(FileNamePath);
this.txtEdit.Text = divContent;
this.ltView.Text = divContent;
}
}
}
/// <summary>
/// Affiche ou cahe le div d'édition
/// </summary>
/// <param name="visible"></param>
private void ManagePanel(bool visible)
{
if (visible)
{
this.pnlEdit.Visible = true;
this.lnkButton.Text = "Fermer le Div";
}
else
{
this.pnlEdit.Visible = false;
this.lnkButton.Text = "Editer le Div";
}
}
/// <summary>
/// Event associé ou bouton pour sauvegarder le contenu
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
protected void btnSave_Click(object sender, EventArgs e)
{
// gestion des retours à la lignes
string content = this.txtEdit.Text.Replace(Environment.NewLine, "<br>");
// sauvegarde du fichier à la racine du site
File.WriteAllText(this.FileNamePath, content);
// affecte le contenu de la textbox
this.ltView.Text = content;
// cache le div d'édition
this.ManagePanel(false);
}
protected void lnkButton_Click(object sender, EventArgs e)
{
// gestion visibilité
this.ManagePanel(!this.pnlEdit.Visible);
}
}
}
