chapter 11 exercise 1(page401)

stram · September 4th, 2010, 06:38 PM

hello all. i have a problem with exersice 1 of chapter 11. i copy the code from the appendix A with solutions of exercises (p.743). i wrote the code at Banner.ascx in markup view. the code is:

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Banner.ascx.cs" Inherits="Controls_Banner" %>
<asp:Panel ID="VerticalPanel" runat="server" ClientIDMode="Static">

<a href="http://p2p.wrox.com" target="_blank" runat="server" id="VerticalLink">
<asp:Image ID="Image1" runat="server" AlternateText="This is a sample banner"
ImageUrl="~/Images/Banner120x240.gif" />
</a>
</asp:Panel>
<span id="HideBanner" runat="server" style="cursor:pointer;" clientidmode="Static">Hide Banner</span>
<script type="text/javascript">
$(function () {
$('#HideBanner').bind('click', function () {
$('#VerticalPanel').slideToggle();
if ($(this).css('display') == 'block') {
$('#HideBanner')[0].innerText = 'Hide Banner';
}
else {
$('#HideBanner')[0].innerText = 'Show Banner';
}
});
});
</script>
<asp:Panel ID="HorizontalPanel" runat="server">
<a href="http://p2p.wrox.com" target="_blank" runat="server" id="HorizontalLink">
<asp:Image ID="Image2" runat="server" AlternateText="This is a sample banner"
ImageUrl="~/Images/Banner468x60.gif" />
</a>
</asp:Panel>

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

the problem is that the text of the HideBanner don't change when the banner is hidden to 'Show Banner', or not hidden to 'Hide Banner'. whats the wrong? i have vwd 2010, aspnet4,firefox 2.6.8,win xp

thanks!

BrianBe · September 4th, 2010, 11:08 PM

$(function () {

Is the ( supposed to be there before the function? It doesn't look like it belongs there, otherwise it does not look as thought it's being closed.

stram · September 5th, 2010, 04:36 AM

the ( before the function is right. it closed at the end of the code with the });

lokang · September 5th, 2010, 05:33 AM

Hi there I am a newbie to this forum. Just bought "Beginning php5.3". I on chapter 14 but have issue with my database connection.

here is the code
database.php

<?php
define( "DB_DSN", "mysql:dbname=db_members" );
define( "DB_USERNAME", "username" );
define( "DB_PASSWORD", "pass" );
define( "PAGE_SIZE", 5 );
define( "TBL_MEMBERS", "members" );
define( "TBL_ACCESS_LOG", "accessLog" );
?>

this is what I receive as a warning
when I warn to connect on the server e.g. login.
Query failed: SQLSTATE[42S02]: Base table or view not found: 1146 Table 'db_members.members' doesn't exist

Can someone help please!!

Imar · September 6th, 2010, 03:36 AM

Hi stram,

Not sure what changed, but the code doesn't work for me anymore either. I am still trying to find out if something has changed in jQuery, or the code never worked correctly. The problem is that slideToggle hasn't run completely by the time the code checks the CSS display setting. As such, it hasn't changed yet, and the text will never be changed. The fix is easy; instead of adding the lines that change the innerText as a separate block below the slideToggle call, you can specify that code as a callback argument to slideToggle. jQuery will execute that code when the slideToggle is finished which is exactly the right moment to carry out the check for the display setting. Something like this should work:

Code:

$(function ()
{
  $('#HideBanner').bind('click', function ()
  {
    $('#VerticalPanel').slideToggle('fast', function ()
    {
      if ($(this).css('display') == 'block')
      {
        $('#HideBanner')[0].innerText = 'Hide Banner';
      }
      else
      {
        $('#HideBanner')[0].innerText = 'Show Banner';
      }
    });
  });
});

Notice how the code is now wrapped in function () { ... } so it's called when slideToggle is done.

Hope this helps,

Imar

Imar · September 6th, 2010, 03:48 AM

Hi lokang,

Looks like you posted this in the wrong forum, as this forum is related to the book Beginning ASP.NET 4. Try finding your book's forum on the main forum list: http://p2p.wrox.com/

Cheers,

Imar

lokang · September 6th, 2010, 03:49 AM

thanks for your help

stram · September 6th, 2010, 06:43 AM

hello Imar and thanks for your help... i tried your new code but it doesn't work. the text don't change.

all code:

Code:

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="Banner.ascx.cs" Inherits="Controls_Banner" %>
<asp:Panel ID="VerticalPanel" runat="server" ClientIDMode="Static">

    <a href="http://p2p.wrox.com" target="_blank" runat="server" id="VerticalLink">
    <asp:Image ID="Image1"  runat="server" AlternateText="This is a sample banner" 
        ImageUrl="~/Images/Banner120x240.gif" />
        </a>
</asp:Panel>
<span id="HideBanner" runat="server" style="cursor:pointer;" clientidmode="Static">Hide Banner</span>
<script type="text/javascript">
    $(function () {
        $('#HideBanner').bind('click', function () {
            $('#VerticalPanel').slideToggle('fast', function () {
                if ($(this).css('display') == 'block') {
                    $('#HideBanner')[0].innerText = 'Hide Banner';
                }
                else {
                    $('#HideBanner')[0].innerText = 'Show Banner';
                }
            });
        });
    });
</script>
<asp:Panel ID="HorizontalPanel" runat="server">
    <a href="http://p2p.wrox.com" target="_blank" runat="server" id="HorizontalLink">
    <asp:Image ID="Image2"  runat="server" AlternateText="This is a sample banner" 
        ImageUrl="~/Images/Banner468x60.gif" />
        </a>
</asp:Panel>

Imar · September 6th, 2010, 06:55 AM

On which browser do you test this? Maybe it doesn't support innerText? You can change it to this instead:

Code:

 
if ($(this).css('display') == 'block')
{
 $('#HideBanner')[0].innerHTML = 'Hide Banner';
}
else
{
 $('#HideBanner')[0].innerHTML = 'Show Banner';
}

or more jQuery like:

Code:

 
if ($(this).css('display') == 'block')
{
 $('#HideBanner').text('Hide Banner');
}
else
{
 $('#HideBanner').text('Show Banner');
}

Hope this helps,

Imar

stram · September 6th, 2010, 07:36 AM

i'm using firefox 3.6.8.

ok with inerHTML it works

whats the different between innerText and innerHTML ?

thanks again!