Image

Armaan · May 1st, 2012, 03:24 AM

Hi sir,
on page 277 try it out exercise i added the page to my master page.
Now the page display in browser. But you said in previous exercise that when we clicked the image it should end up an empty page having only image in it for which we have added target="_blank" in <a> element. My pages does not perform this funcationality. I am sending you my Banner.ascx code and master page code please guide.
banner.ascx code

Code:

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Banner.ascx.cs" Inherits="Controls_Banner" %>
<asp:Panel ID="VerticalPanel1" runat="server">
 <a href="http://p2p.wrox.com" target="_blank">
  <asp:Image ID="Image1" runat="server" AlternateText="This is a sample banner" 
    ImageUrl="~/Images/Banner120x240.gif" Width="128px" />
    </a>
</asp:Panel>

master page code

Code:

<%@ Master Language="C#" AutoEventWireup="true" CodeFile="Frontend.master.cs" Inherits="MasterPages_Frontend" %>

<%@ Register src="~/Controls/Banner.ascx" tagname="Banner" tagprefix="uc1" %>

<!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>
    <asp:ContentPlaceHolder id="head" runat="server">
    </asp:ContentPlaceHolder>
</head>
<body>
    <form id="form1" runat="server">
  <div id="PageWrapper">
    <div id="Header"><a href="~/" runat="server">
    </a>
      <br />
      <br />
      <br />
      <br />
   </div>

    <div id="MenuWrapper">
      <asp:Menu ID="Menu1" runat="server" CssClass="MainMenu" 
        DataSourceID="SiteMapDataSource1" Orientation="Horizontal" 
        StaticEnableDefaultPopOutImage="False">
      </asp:Menu>
      <asp:TreeView ID="TreeView1" runat="server" DataSourceID="SiteMapDataSource1" 
        ShowExpandCollapse="False"><LevelStyles>
  <asp:TreeNodeStyle CssClass="FirstLevelMenuItems" />
</LevelStyles>
      </asp:TreeView>
      <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" 
        ShowStartingNode="False" />
    </div>
    <div id="MainContent">
      <asp:SiteMapPath ID="SiteMapPath1" runat="server">
      </asp:SiteMapPath>
      <br/>
      <br/>
     <asp:ContentPlaceHolder ID="cpMainContent" runat="server" >  
      </asp:ContentPlaceHolder>
    </div>
    <div id="Sidebar"> Select the Theme<asp:DropDownList ID="ThemeList" 
        runat="server" AutoPostBack="True" 
        onselectedindexchanged="ThemeList_SelectedIndexChanged">
      <asp:ListItem>Monochrome</asp:ListItem>
      <asp:ListItem>DarkGrey</asp:ListItem>
    </asp:DropDownList>
      <br />
      <uc1:Banner ID="Banner1" runat="server" />
      <br />
      <br />
    </div>
    
    <div id="Footer">Footer Goes Here</div>
  </div>
</form>
</body>
</html>

Imar · May 1st, 2012, 03:39 AM

Hi Armaan,

Quote:

But you said in previous exercise that when we clicked the image it should end up an empty page having only image in it for which we have added target="_blank" in <a> element.

Not sure what you're referring to. You added the target="_blank" to the <a> element which should cause the link to open in a new window. E.g. when you click it, you go to http://p2p.wrox.com in a new browser window.

The exercise on page 277 ends with:

Quote:

When you click the banner, a new window is opened that takes you to the site you linked to in the previous exercise.

Your code will do exactly that....

Cheers,

Imar

Armaan · May 1st, 2012, 05:51 AM

Sir,
i am asking that my banner does not appear to be be a link. When i take mouse on the banner mouse icon does not change from an arrow to hand. That means the banner is not acting as hyper link.

Imar · May 1st, 2012, 05:58 AM

And what happens when you click it?

Can you post the final HTML code for the page in the browser? I can't see anything odd in the code for the control you posted and it works when I copy it into my site.

Cheers,

Imar

Armaan · May 2nd, 2012, 01:18 PM

Sir
the problem has been resovled.Now it is working right.
Thanks.