Have a fun while searching

Monday, July 25, 2011

set dynamic height div style color

----------Asp.net----------------------------

< %@ Control Language="C#" AutoEventWireup="true" CodeFile="ucArticleListWithThumb.ascx.cs"
Inherits="UC_ucArticleListWithThumb" %>
< div class="left-back-top">
< div class="left-main-heading">
< asp:Label ID="lblExp" runat="server" Visible="false">
 siste artikler om ledelse < /asp:Label>< /div>
< /div>
< div class="gap10">
< /div>
< div>

< script type="text/javascript">
//onload = function() {
function DynamicDivHeight(Count) {
for (var x = 0; x < Count; x++) {
var id = 0;
if (x < 10)
id = '0' + x;
else
id = x;
// alert(id);
var leftheight = document.getElementById('ctl00_ContentPlaceHolder1_ctl01_rptOtherExperts_ctl' + id + '_divbox').offsetHeight;
var rightheight = document.getElementById('ctl00_ContentPlaceHolder1_ctl01_rptOtherExperts_ctl' + id + '_divtemagreenbg').offsetHeight;
document.getElementById('ctl00_ContentPlaceHolder1_ctl01_rptOtherExperts_ctl' + id + '_divtemagreenbg').style.height = leftheight + "px";
var halfleftheight = leftheight / 2;
document.getElementById('ctl00_ContentPlaceHolder1_ctl01_rptOtherExperts_ctl' + id + '_imgRep').style.marginTop = halfleftheight + "px";
}
}
< /script>

< asp:Repeater ID="rptOtherExperts" runat="server" OnItemDataBound="rptOtherExperts_ItemDataBound">
< ItemTemplate>
< div class="box" id="divbox" runat="server">
< div class="box1">
< div style="padding: 10px 0 10px 0; float: left;">
< a href="showarticle.aspx?ArticleID=< %#Eval("bfcontentid")%>">
< asp:Image ID="Image1" Width="98" Height="68" ImageUrl='< %#SetImageUrl(Eval("FileThumb").ToString())%>'
runat="server" class="img-border" />
< /a>
< /div>
< /div>
< div class="box2">
< div class="fleft wtr330" style="padding: 5px;">
< /div>
< div class="bottom-heading" style="padding-left: 8px;">
< strong>
< %#Eval("Title")%>< /strong>< /div>
< div class="gap5">
< /div>
< div class="black-txt-main-new1" style="padding-left: 10px;">
< %#Eval("ShortText")%>
< /div>
< /div>
< div class="box3" style="vertical-align: middle">
< div class="fright">
< a href="showarticle.aspx?ArticleID=< %#Eval("bfcontentid")%>" style="border: 0px;">
< div id="divtemagreenbg" runat="server" class="tema-green-bg2" style="float: right;
margin-right: -1px;">
< img id="imgRep" runat="server" src="~/images/ic2.png" alt="" style="border: 0px; margin-left: 3px;" />
< /div>
< /a>
< /div>
< /div>
< /div>
< div style="clear: both">
< /div>
< div class="gap10">
< /div>
< /ItemTemplate>
< FooterTemplate>
< /FooterTemplate>
< /asp:Repeater>
< %--< asp:Repeater ID="rptOtherExperts" runat="server">
< ItemTemplate>
< div class="round-box-two">
< div class="fleft" style="padding: 8px;">
< a href="showarticle.aspx?ArticleID=< %#Eval("bfcontentid")%>&CategoryID=< %#Eval("bfcategory_id")%>&SubCategoryID=< %#Eval("bfsubcategory_id")%>"
class="link_green_text_tilt">
< asp:Image ID="articleImage" Width="98" CssClass="img-border" Height="68" ImageUrl='< %#SetImageUrl(Eval("FileThumb").ToString())%>'
runat="server" />< /a>
< /div>
< div class="fleft wtr330" style="padding: 8px;">
< div class="bottom-heading_666666">
< a style="color: #6b6b6b;" href="showarticle.aspx?ArticleID=< %#Eval("bfcontentid")%>&CategoryID=< %#Eval("bfcategory_id")%>&SubCategoryID=< %#Eval("bfsubcategory_id")%>">
< %#Eval("Title")%>< /a>< /div>
< div class="gap2">
< /div>
< div class="black-txt11" style="width: 335px;">
< a href="showarticle.aspx?ArticleID=< %#Eval("bfcontentid")%>&CategoryID=< %#Eval("bfcategory_id")%>&SubCategoryID=< %#Eval("bfsubcategory_id")%>">
< %#Eval("ShortText")%>< /a>
< /div>
< /div>
< div class="fright" style="margin-top: -3px;">
< a href="showarticle.aspx?ArticleID=< %#Eval("bfcontentid")%>&CategoryID=< %#Eval("bfcategory_id")%>&SubCategoryID=< %#Eval("bfsubcategory_id")%>">
< img src="images/green-arrow-icon.jpg" style="margin-top: 3px;" border="0px" />
< /a>
< /div>
< /div>
< div class="gap10">
< /div>
< /ItemTemplate>
< /asp:Repeater>--%>
< /div>

----------------------c#.net-----------------------------

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using BFLogic;


public partial class UC_ucArticleListWithThumb : System.Web.UI.UserControl
{
protected void Page_Load(object sender, EventArgs e)
{
try
{
UcArticleListwiththumb UcArticleListwiththumbObj = new UcArticleListwiththumb();
UcArticleListwiththumbObj.Page_Load(sender, e, rptOtherExperts, lblExp);
}
catch (Exception ex)
{
throw (ex);
}

}

public string SetImageUrl(string ImageName)
{
try
{
UcArticleListwiththumb UcArticleListwiththumbObj = new UcArticleListwiththumb();
return UcArticleListwiththumbObj.SetImageUrl(ImageName);
}
catch (Exception ex)
{
throw (ex);
}
}
protected void rptOtherExperts_ItemDataBound(object sender, RepeaterItemEventArgs e)
{
if (e.Item.ItemType == ListItemType.Footer)
{
Int32 count = rptOtherExperts.Items.Count;
ScriptManager.RegisterStartupScript(this, this.GetType(), "starScript", "DynamicDivHeight('" + count + "');", true);
}
}
}

0 comments:

Post a Comment