This little glitch is driving me crazy.
been researching all day and can't get it to work.
I have a hover over, and when it fills with data, it expands. It works in firefox, but not IE.
Live link (try with IE and other browsers)
http://www.reefjunkies .org/Bulletins/Default.aspx
the code
The div in the <obout:Flyout ID="FlyoutBulle tin" is where the glitch is
Line 190
been researching all day and can't get it to work.
I have a hover over, and when it fills with data, it expands. It works in firefox, but not IE.
Live link (try with IE and other browsers)
http://www.reefjunkies .org/Bulletins/Default.aspx
the code
Code:
<%@ Page Title="" Language="VB" MasterPageFile="~/Templates/Main.Master" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="Bulletins_Default" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolderMain" Runat="Server">
<script type="text/javascript">
function attachFlyoutToLink(oLink, index) {
try {
<%=FlyoutBulletin.getClientID()%>.Close();
<%=FlyoutBulletin.getClientID()%>.AttachTo(oLink.id);
var sNewHtml = getRecordInfo(oLink, index);
document.getElementById("divFlyoutContent").innerHTML = sNewHtml;
<%=FlyoutBulletin.getClientID()%>.Open();
} catch(ex){}
}
function HoldFlyout() {
try {
<%=FlyoutBulletin.getClientID()%>.Open();
} catch(ex) {};
}
function closeFlyout2() {
try {
<%=FlyoutBulletin.getClientID()%>.close();
} catch(ex) {};
}
function getRecordInfo(oLink, iIndex) {
var Subject = GridBulletins.Rows[iIndex].Cells[0].Value;
var Bulletin = GridBulletins.Rows[iIndex].Cells[1].Value;
var DateStamp = GridBulletins.Rows[iIndex].Cells[2].Value;
/*
var sNewHtml = "<table>";
sNewHtml += "<tr><td class='tdText' nowrap><b>Subject:</b></td><td class='tdText'>" + Subject + "</td></tr>";
sNewHtml += "<tr><td class='tdText' nowrap><b>Bulletin:</b></td><td class='tdText'>" + Bulletin + "</tr>";
sNewHtml += "<tr><td class='tdText' nowrap><b>Date:</b></td><td class='tdText'>" + DateStamp + "</tr>";
sNewHtml += "</table>";
return sNewHtml;
*/
var sNewHtml = "<div style='text-align: left; padding: 3px; overflow: hidden; margin-bottom: -1px; min-height: 100px;'>";
sNewHtml += "<b>Subject</b> " + Subject + "<br><br>";
sNewHtml += "<b>Bulletin</b> " + Bulletin + "<br><br>";
sNewHtml += "<b>Date</b> " + DateStamp + "";
sNewHtml += "<br><br><span id='Close_Link' OnMouseOver='this.style.cursor='pointer';' onclick='<%=FlyoutBulletin.getClientID()%>.Close()' ><img src='/Images/Icons/close_icon.gif'></span> ";
sNewHtml += "</div>";
return sNewHtml;
}
</script>
<div style="padding: 3px; text-align: left"></div>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td style="background-image: url(/Images/Blk_Grd_Bg.jpg); width: 100%; height: 20px;
background-color: #000000">
<span class="ArialWhite12BLD"> Bulletins</span>
</td>
</tr>
<tr>
<td align="center" style="width: 100%" valign="top">
<div style="margin: 0px 7px 7px" > </div>
<div>
<table width="100%">
<tr>
<td>
<div style="margin: 3px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: large; font-weight: bold; padding-left: 20px;">
Bulletins
</div>
</td>
<td align="right"><div style="padding-right: 30px">
<asp:LinkButton ID="LinkButtonAddBulletin" runat="server" text="Add Bulletin" /></div></td>
</tr>
</table> </div>
<obout:Grid ID="GridBulletins" CallbackMode="true" runat="server" AllowFiltering="True"
AutoGenerateColumns="False" FolderStyle="/Images/Grid/styles/black_glass"
Width="612px" AllowAddingRecords="False"
EnableRecordHover="True" AllowGrouping="True"
Serialize="False" DataSourceID="ObjectDataSourceBulletins">
<Columns>
<obout:Column runat="server" ID="HiddenSubject" DataField="Subject" InsertVisible="false" Visible="false"/>
<obout:Column runat="server" ID="HiddemBulletin" DataField="Bulletin" InsertVisible="false" Visible="false"/>
<obout:Column runat="server" ID="HiddenDate" DataField="DateStamp" InsertVisible="false" Visible="false" />
<obout:Column ID="BulletinsID" runat="server" DataField="UserAccountsID, BulletinsID, Nickname, AccountType"
HeaderText="Profile" TemplateID="BulletinsIDUserIdTemplate" width="120" Align="center" />
<obout:Column ID="Bulletins" runat="server"
TemplateID="Bulletintemplate" Width="60%" DataField="Subject, Bulletin, datestamp"
HeaderText="Bulletins" Align="center" />
<obout:Column ID="ViewBulletin" DataField="BulletinsID" HeaderText="View Bulletins" Width="150" runat="server" templateid="ViewBulletintemplate" />
</Columns>
<Templates>
<obout:GridTemplate ID="Bulletintemplate" runat="server">
<Template>
<center>
<asp:Label ID="LabelSubject" runat="server" Text='<%# Container.DataItem("Subject")%>' Font-Size="Medium" />
<br /> <br />
<%# Left(Container.DataItem("Bulletin"), 200) & "..."%><br /><br />
<b><%# FormatDateTime(Container.DataItem("DateStamp") & "", DateFormat.LongDate)%></b>
</center>
</Template>
</obout:GridTemplate>
<obout:GridTemplate ID="AquariumCritiquesReplyIDtemplate" runat="server">
<Template>
</Template>
</obout:GridTemplate>
<obout:GridTemplate ID="ViewBulletintemplate" runat="server">
<Template>
<span class="tdTextLink" id="grid_link_<%# Container.DataItem("BulletinsID") %>" onmouseover="attachFlyoutToLink(this, <%# Container.PageRecordIndex.ToString() %>)" onmouseout="HoldFlyout()" onclick="closeFlyout2()"><img src="/images/icons/fish.png" width="90" /></span>
</Template>
</obout:GridTemplate>
<obout:GridTemplate ID="BulletinsIDUserIdTemplate" runat="server">
<Template>
<div style="padding: 6px; border: 1px solid #666666; text-align: center; background-color: #DEDEDE; background-image: url('/Images/Grey_Gradient_profile_bg.jpg');">
<a href='<%# "/Profile/Default.aspx?ID=" & Container.DataItem("UserAccountsID") %>'>
<asp:Image ID="ImageButtonProfilePicture" runat="server" BorderColor="Black" BorderStyle="Solid" BorderWidth="1" />
</a>
<br />
(<%# Container.DataItem("AccountType")%>)<br />
<%# Container.DataItem("NickName") %>
<asp:HiddenField ID="HiddenUserID" runat="server" Value='<%# Container.DataItem("UserAccountsID") %>' />
<asp:HiddenField ID="HiddenBulletinID" runat="server" Value='<%# Container.DataItem("BulletinsID") %>' />
</div>
</Template>
</obout:GridTemplate>
</Templates>
</obout:Grid>
<table cellpadding="0" cellspacing="0" style="width: 10px">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td>
<obout:Flyout ID="FlyoutBulletin" runat="server" FadingEffect="True" Align="MIDDLE" Position="MIDDLE_LEFT" zIndex="20" CloseEvent="NONE" OpenEvent="ONCLICK">
<table cellpadding="0" cellspacing="0" style="width: 10px">
<tr>
<td></td>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td>
<div id="divFlyoutContent" class="tdText" style="background-color: #FFFFFF; border: 1px solid #000000; min-width: 370px; min-height: 100px; z-index:1000; overflow: hidden; margin-bottom: -1px;">
</div>
</td>
<td style="background-color: white; background-image: url('/Images/Flyright.png'); width: 9px; vertical-align: top;"><img src="/Images/spacer.gif" width="9px" /></td>
</tr>
<tr>
<td></td>
<td style="height: 9px; background-color: white; background-image: url('/Images/FlyBottom.png'); text-align: left;"></td>
<td style="height: 9px; width: 9px; background-color: white; background-image: url('/Images/FlyBottomright.png')"></td>
</tr>
</table>
</obout:Flyout>
<asp:ObjectDataSource ID="ObjectDataSourceBulletins"
runat="server" SelectMethod="GetBulletins" TypeName="DAL">
<SelectParameters>
</SelectParameters>
</asp:ObjectDataSource>
<br />
</td>
</tr>
</table>
</td>
</tr>
</table>
</asp:Content>
The div in the <obout:Flyout ID="FlyoutBulle tin" is where the glitch is
Line 190