[jQuery] Validate - date() Question from plug-in via bassistance.de

2009-12-01 Thread Eclectic Mix
The plug-in validates for the correct date format, but does not
validate the date itself (2/31/2009 shows as valid).  Will this be
added at some point or should I use another plug-in to validate the
date.

Thanks -

george


[jQuery] Is It Possible For FullCalendar To Work With Multiple Google Calendars?

2009-11-17 Thread Eclectic Mix
I have been exploring the FullCalendar plugin (http://arshaw.com/
fullcalendar/), which works nicely.  I have been able to display
information from one of my Google calendars, but have not had success
with multiple calendars.  Does anyone know if this is possible?

Thanks -

george


[jQuery] Is FullCalendar Able To Work With Multiple Google Calendars?

2009-11-16 Thread Eclectic Mix
I have been exploring the FullCalendar plugin (http://arshaw.com/
fullcalendar/), which works nicely.  I have been able to display
information from one of my Google calendars, but have not had success
with multiple calendars.  Does anyone know if this is possible?

Thanks -

george


[jQuery] Can FullCalendar Work With Multiple Google Calendars?

2009-11-13 Thread Eclectic Mix
I have been exploring the FullCalendar plugin (http://arshaw.com/
fullcalendar/), which works nicely.  I have been able to display
information from one of my Google calendars, but have not had success
with multiple calendars.  Does anyone know if this is possible?

Thanks -

george


[jQuery] Is FullCalendar Able To Handle Multiple Google Calendars?

2009-11-12 Thread Eclectic Mix
I have been exploring the FullCalendar plugin (http://arshaw.com/
fullcalendar/), which works nicely.  I have been able to display
information from one of my Google calendars, but have not had success
with multiple calendars.  Does anyone know if this is possible?

Thanks -

george


[jQuery] Can FullCalendar Handle Multiple Google Calendars?

2009-11-10 Thread Eclectic Mix
I have been exploring the FullCalendar plugin (http://arshaw.com/
fullcalendar/), which works nicely.  I have been able to display
information from one of my Google calendars, but have not had success
with multiple calendars.  Does anyone know if this is possible?

Thanks -

george


[jQuery] Using stop() Outside Of Animation

2009-11-04 Thread Eclectic Mix
I know that stop() works well when using animation, such as when one
passes their mouse over a series of animations to prevent the
animation from continuing.  However, I in my code I am using hide()
and fadeIn() to do the work:

$('li').hover(
  function() {
$(this).find('div.SectionTitle').hide();
$(this).find('div.Explanation').fadeIn(150);
  },
  function() {
$(this).find('div.Explanation').hide();
$(this).find('div.SectionTitle').fadeIn(150);
  }
)

I have not been able to get stop() to work with these methods.  Does
stop() only work with animation?  If so then is there an equivalent
function that would work for me?  It's not too big of a deal since the
chances are that one will not be moving too quickly over my list
items, but it would be nice if there was a way to cope with this.

Cheers -

george


[jQuery] Re: Easy show()/hide() Question

2009-09-15 Thread Eclectic Mix

Thanks for the note, I'll give that a try.

Cheers -

george


On Sep 15, 10:19 am, Steven Black ste...@stevenblack.com wrote:
 The problem is synchronicity.  When you add an animation (like slow
 or fast) the animation process starts but, behind the scenes,
 subsequent lines of javascript continue to execute during the
 animation.

 When you need things in strict order, and you have an animation, use
 the callback, which will fire once the animation is complete.

 In other words, use show(speed, callback) and hide(speed, callback).

 **--**  Steve

 On Sep 10, 10:18 am, GLSmyth george.sm...@gmail.com wrote:

  I am missing something fundamental and am sure that someone can point
  me in the right direction.

  I have a list like so:

      li id=GalleryMenua href=../Gallery/Default.htmDD/a
        ul class=DoNotDisplay
          lia href=../Gallery/Santuary.htmSantuary/a/li
          lia href=../Gallery/Stream.htmStream/a/li
          lia href=../Gallery/Winter.htmWinter/a/li
        /ul
      /li

  I have styled it so that the list items float.  The class DoNotDisplay
  hides the unordered list.  When the mouse hovers over GalleryMenu then
  jQuery removes the DoNotDisplay class so that the unordered list is
  displayed, moving off GalleryMenu hides the list.  This works fine and
  the code is:

  $(document).ready(
    function() {
      $('li#GalleryMenu').add('li#PoemMenu').hover(
        function() {
          $(this).children('ul').removeClass('DoNotDisplay');
        },
        function() {
          $(this).children('ul').addClass('DoNotDisplay');
        }
      );
    }
  );

  I would like the unordered list to slide open, so I changed the code
  to:

  $(document).ready(
    function() {
      $('li#GalleryMenu').add('li#PoemMenu').hover(
        function() {
          $(this).children('ul').show('fast');
          console.log('Open list');
        },
        function() {
          $(this).children('ul').hide('fast');
          console.log('Close list');
        }
      );
    }
  );

  The list opens properly, but does not close when I move the mouse from
  the list.  When looking at this in Firebug I see that 'hide' is
  firing, but for some reason does not close the list.  If I unfloat
  the list then the code works just fine.

  What am I missing?  I'm sure that it is staring me in the face, but I
  am just not seeing it.  The full code can be found 
  athttp://glsmyth.com/Sedwick/Templates/

  Thanks for looking.

  Cheers -

  george


[jQuery] Callback Not Working (As Expected)

2009-08-20 Thread Eclectic Mix

I am looking to fade text out when the mouse passes over it and
replace it with text that is faded in. My understanding is that this
needs to be done through a callback, as the text needs to fade out
completely before fading in. However, when I try to implement this
idea the content does not fade in, so I must be doing something wrong.

My code is:

[Code]

script type=text/javascript
var Tips = {
  ready: function() {
$('ul#SiteNav li').mouseover(
  function() {
$(this).find('div.SectionTitle').fadeOut('fast', function
() {
  $(this).find('div.Explanation').fadeIn('slow');
});
});
$('ul#SiteNav li').mouseout(
  function() {
$(this).find('div.Explanation').hide();
$(this).find('div.SectionTitle').show();
})
  }
};
$(document).ready(Tips.ready);
/script

[/CODE]

I left the mouseout part unchanged, as that is an example of what I am
changing from. What happens is that the mouseover text fades out, but
the replaced text does not fade back in. Additionally, the shown text
flashes before fading out if the mouse rolls over the text (as opposed
to the containing box), which is not really a problem, but I am not
understanding why that is happening. All works fine with hide/show.

Full code can be found at http://dripinvesting.org/Default_test.asp.

I am apparently missing something basic, so a pointer to a beginner
would be appreciated.

Cheers -

george