Let me explain a bit, I have a master page named UserProfile.master which has a content placeholder linked to UserProfileWall.aspx. Now, I am trying to incorporate some additional JavaScript and a second CSS file in the userprofilewall page. However, whenever I try to add a link to the second CSS file, it messes up everything on the master page. I cannot place the CSS link directly in the userprofilewall content placeholder due to nesting restrictions with div tables. This brings me to the issue of the JavaScript and div table.
The JavaScript is supposed to execute a button click event for inserting text from a textarea into a div. Strangely, it does not work without the presence of the second CSS file.
This is the CSS code I intend to include:
div{
width:400px;
height:400px;
border:1px solid red;
padding:10px;
margin-top:10px;
}
Here is my current code for the entire userprofilewall:
<%@ Page Title="" Language="C#" MasterPageFile="~/UserProfile.master" AutoEventWireup="true" CodeFile="UserProfileWall.aspx.cs" Inherits="Default2" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<link href="css/Style.css" rel="stylesheet" type="text/css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder2" Runat="Server">
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.5.1.min.js" type="text/javascript"></script>
<script type="text/javascript">
$('button').click(function () {
var x = $('textarea').val();
$('div').html(x);
});
</script>
<textarea style="border: 0" cols="77" rows="5"></textarea>
<button>Post Message</button>
<div></div>
</asp:Content>
I am unsure how to address either correcting the JavaScript functionality or integrating the CSS properly into my userprofilewall to enable the JavaScript functionality to work as intended.