Solved

ASP.net get the value of a div tag into a string variable

Posted on 2010-08-27
13
1,771 Views
Last Modified: 2012-05-10
How would i get the value of the inner html of a html div tag into a asp.net variable
0
Comment
Question by:troyvw
  • 7
  • 5
13 Comments
 
LVL 9

Expert Comment

by:abhinayp86
ID: 33542941
If i understand correctly, u need all the things that lie in ur div tag from code behind.

For that, put the attributes runat= "server" and id="div1"

n in ur code behind u can try like, div1.Controls
0
 

Author Comment

by:troyvw
ID: 33543017
I did this in my html:

<div id="header1" runat="server"</div>

and tried this in my code

div1.Controls

and it did not know what header1 was.

0
 
LVL 3

Expert Comment

by:raaziq
ID: 33543440
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>

<!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 runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
    <div id="div1" runat=server>
    Sample
    </div>
    </form>
</body>
</html>

------------------------------------------------------------------------------
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace WebApplication1
{
    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            Response.Write("From Code : " + div1.InnerHtml);
        }
    }
}

-----------------------------------------------------------------------

output

From Code : Sample
 
Sample
0
Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

 

Author Comment

by:troyvw
ID: 33543547
I can read my div tags in asp.net but they are all blank even though I put something in the inner html
0
 
LVL 3

Expert Comment

by:raaziq
ID: 33543621
u placed div tag in the same manner ???


  <div id="div1" runat=server>
 
    Sample

    </div>
0
 
LVL 3

Expert Comment

by:raaziq
ID: 33543630
can u provide ur code pls
0
 

Author Comment

by:troyvw
ID: 33543824
HTML

<div id="IntroPar" runat="server"></div>

asp.net code:

strhtml = IntroPar.InnerHtml

0
 

Author Comment

by:troyvw
ID: 33543828
That code returns "" for strhtml
0
 
LVL 3

Expert Comment

by:raaziq
ID: 33543881
there is nothing in between the div tag... as per ur code...

so it will return ""

check and compare my code snippets given... and it gives wht ever there in between the div opening and closing tags

hope u got the thing.
0
 
LVL 3

Accepted Solution

by:
raaziq earned 500 total points
ID: 33544198
U may try this code...

======================================
<%@ Page ValidateRequest="false" Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>

<!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 runat="server">
    <title></title>
   
</head>
<body>
    <form id="form1" runat="server">
   
    <div id="div1" runat=server>  
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    </div>
    <asp:HiddenField ID="divHidden" runat=server  />
    <asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
    </form>

<script language=javascript>    
    var divVal = document.getElementById('<%= div1.ClientID %>').innerHTML;    
    var hid = document.getElementById('<%= divHidden.ClientID %>')
    hid.value = divVal;
</script>


</body>
</html>
===============================================

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace WebApplication1
{
    public partial class _Default : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
           
        }

        protected void Button1_Click(object sender, EventArgs e)
        {
            Response.Write(divHidden.Value);
        }

     
    }
}
==========================================

it works
0
 

Author Comment

by:troyvw
ID: 33544626
I get a error

Cannot get inner content of header1 because the contents are not literal
0
 

Author Comment

by:troyvw
ID: 33545299
Never mind on my last post i figure that portion out...

maybe i should mention header i am setting the innerhtml in code

div1.innerhtml = "TEST"
0
 

Author Closing Comment

by:troyvw
ID: 33546187
it worked thanks
0

Featured Post

Master Your Team's Linux and Cloud Stack

Come see why top tech companies like Mailchimp and Media Temple use Linux Academy to build their employee training programs.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

IntroductionWhile developing web applications, a single page might contain many regions and each region might contain many number of controls with the capability to perform  postback. Many times you might need to perform some action on an ASP.NET po…
This article shows how to deploy dynamic backgrounds to computers depending on the aspect ratio of display
Windows 10 is mostly good. However the one thing that annoys me is how many clicks you have to do to dial a VPN connection. You have to go to settings from the start menu, (2 clicks), Network and Internet (1 click), Click VPN (another click) then fi…
Although Jacob Bernoulli (1654-1705) has been credited as the creator of "Binomial Distribution Table", Gottfried Leibniz (1646-1716) did his dissertation on the subject in 1666; Leibniz you may recall is the co-inventor of "Calculus" and beat Isaac…

785 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question