Exercise 1 from Ch 11

akumok · July 18th, 2012, 04:18 PM

jQuery script below

if ($(this).css('display') == 'block')

"this" referring to new span HideBanner. I was reading from other sources on Internet default value for 'display' property of <span> is 'inline'. So what cause
to change it to 'block'? Thanks

Imar · July 19th, 2012, 02:59 AM

>> So what cause to change it to 'block'?

Nothing ;-)

The answer in Appendix B is not correct. You can find an updated version in the errata:

http://www.wrox.com/WileyCDA/WroxTit...Cd-ERRATA.html

(Scroll all the way to the end of the page).

The code is now in a callback where this refers the the panel whose display property is affected by the call to slideToggle.

Hope this helps,

Imar

akumok · July 19th, 2012, 10:14 AM

2 pieces of code totally identical, I copied both into Code Compare utility, just to make sure, no single difference was found. But this is not my question. My question was, when we are checking the value of the 'display' property we're comparing against 'block'. At the same time I was reading everywhere the default value of 'display' property for <span> element is 'inline' and for <div> is indeed 'block'. So can you explain where we're setting 'display' to be equal 'block' for our newly created <span id="HideBanner">. Thanks

Imar · July 19th, 2012, 10:29 AM

Hi there,

Quote:

So can you explain where we're setting 'display' to be equal 'block' for our newly created <span id="HideBanner">.

Again: nowhere.

Looks like you didn't understand my answer, or the code I linked to in the appendix.

The new code now uses a callback. This changes "this" to be the Panel (instead of the HideBanner element) which is a div (instead of a span) which has its display set to block by default. slideToggle then alternates between none and block.

Does this clarify things?

Imar

akumok · July 19th, 2012, 11:14 AM

Got it! I was completely lost (insane). Obviously, this referring to panel and panel sits inside <div> and default for 'display' for <div> is 'block'. Sorry for being idiot :)

Imar · July 19th, 2012, 11:24 AM

Yes, exactly, Or actually: almost. A Panel *is* a <div> rather than that it contains one. It renders as a <div> element at the cliient.

Glad to hear it's making sense now ;-)

Cheers,

Imar

akumok · July 19th, 2012, 11:31 AM

Your book is tremendous, thanks a lot. It makes me believe, hard core client/server guy, I can write ASP.NET code one day as easily as something I've done for the past 15 years

Imar · July 20th, 2012, 02:17 AM

You're welcome. Good to hear you find it so useful, and good luck!

Imar