Chapter 11 Try It Out pg 386

hozdaman · July 25th, 2011, 03:08 PM

Hi When I render the code from the Try it out My Submit Button is a long purple bar with no text on the form and the skins chooser size is know a long drop down box.

The code I am using is listed below.

Code:

<style type="text/css">
    .style1
    {
        width: 100%;
    }
    .Watermark
    {
        font-style: italic;
        color: Gray;
    }
</style>

...

Code:

<asp:UpdateProgress ID="UpdateProgress1" runat="server" AssociatedUpdatePanelID="UpdatePanel1">
  <ProgressTemplate>
    <div class="PleaseWait">Please Wait... </div>
  </ProgressTemplate>
</asp:UpdateProgress>
<script type="text/javascript">
    $(function()
    {
        $(':input(type=text), textarea').each
        (
            function()
            {
                var newText= 'Please enter your ' + $(this).parent().prev().text().toLowerCase().trim();
                $(this).attr('value', newText);
            }) .one('focus', function()
                            {
                                this.value ='', this.className = ''
                            }) .addClass('Watermark').css('width', '300px');
      });
</script>

Imar · July 25th, 2011, 03:47 PM

Hi there,

Take a look at your first line of jQuery code:

Code:

$(':input(type=text), textarea').each

You have used parenthesis instead of square brackets:

Code:

$(':input[type=text], textarea').each

These are not recognized by jQuery leading to apparently unpredictable results ;-)

Hope this helps,

Imar

hozdaman · July 25th, 2011, 03:52 PM

Thank you so much, I was trying figure this out for the last 2 hours.

Thanks!!!