It seems that having the var closed = false; outside of the function kills the code..
Here is the page: http://client.vdhinc.com/cleardebtsolution/newsite/land/ The code not working is on the First Name field.. I also put an example of the popup in the Last Name field so you can see what's happening when it works.. On Apr 16, 1:29 pm, James <james.gp....@gmail.com> wrote: > The code looks fine. When you say that "nothing works", does that mean > even clicking the input field does not do the popup message? > Have you tried putting an alert in the click callback to see if it > executes? > > Also, instead of click, you might want to consider using 'focus'. > Focus means the text cursor is in the field, whether the user clicked > into it or used the tab button on the keyboard to navigate to it. It's > a complement to blur, which is when the text cursor leaves the field. > > On Apr 16, 8:49 am, Rick <r...@marketingease.com> wrote: > > > I have this code: > > > var closed = false; > > $(document).ready(function(){ > > $('#FirstName').click(function(){ > > if (closed == false) { > > $('#popUpMessage').fadeIn('fast'); > > } > > }); > > $('#FirstName').blur(function(){ > > $('#popUpMessage').fadeOut('slow'); > > }) > > $('#popUpMessageClose').click(function(){ > > closed = true; > > $('#popUpMessage').fadeOut('slow'); > > }) > > > }); > > > As is, nothing works.. I have this on a field input like so... > > > <input type="text" name="FirstName" id="FirstName" size="20" > > maxlength="128" /> > > > when clicked it shows the hidden div "popUpMessage".. And on blur it > > hides it.. Inside that "popUpMessage" div I placed a small div for a > > close button named "popUpMessageClose".. What Im trying to do is hide > > that popUpMessage div permanently if the close div is clicked.. Any > > ideas where Im going wrong??
