HI James,
I had updated to the latest JQuery the other day hoping it would solve my
problems. At first I was thinking the issue might be that I was needing some
plaugin for non-IE browsers or perhaps there was bug in my version of
jquery. I can see now that jquery requires a slightly different mind set and
a new set of techniques that I have never used. Being a noob at jquery I
truly appreciate your help and the gallery now works with the live method.
Thank you so much. I'll be purchasing a book on jquery as soon as I can. DO
you have any suggestions?
Thanks again for your help.
Sincerely,
Randall
On Fri, Mar 13, 2009 at 12:14 PM, James <james.gp....@gmail.com> wrote:
>
> Yes, any new code introduced via something like AJAX would not have
> the events binded automatically.
>
> Using jQuery, you have basically two options:
> - re-bind the event again
> - use the new live() function (recommended, requires jQuery 1.3+)
>
> For live(), you replace:
> $(".galleryNavHA").click(function(event)
>
> with:
> $(".galleryNavHA").live("click", function(event)
> (doc: http://docs.jquery.com/Events/live#typefn)
>
> Then you would not have to re-bind again later on. This is using a
> technique known as Event Delegation.
> (Nice read: http://lab.distilldesign.com/event-delegation/)
>
> On Mar 13, 7:00 am, Randall Morgan <rmorga...@gmail.com> wrote:
> > Ok,
> > I have a question. My changes seem to work the for the first click but
> not
> > on subsequent clicks on the navigation. I suspect that the binding is
> lost
> > when the html code is replaced. Any ideas on how I should attack this
> issue
> > or if this is in fact what is happening? Is there a way to re-bind the
> ajax
> > calls to the reloaded anchors in the image navigation?
> >
> >
> >
> > On Thu, Mar 12, 2009 at 2:46 PM, James <james.gp....@gmail.com> wrote:
> >
> > > The issue is not the anchor tag around the image. The issue is how
> > > your events and actions are working. This is what your script is
> > > doing:
> >
> > > - A user clicks on the image (the <a> link)
> > > - This call updateGallery()
> > > - updateGallery() sets an event -> "when clicking on any <a> link with
> > > class "galleryNavHA", you do the AJAX"
> > > - End
> >
> > > This doesn't actually do the AJAX. It just binds a click event.
> > > Suppose a user clicks on that (or any) image again:
> > > - User clicks on the image
> > > - This calls updateGallery() AND the binded event to do the AJAX.
> > > - updateGallery() sets another, duplicated, event -> "when clicking on
> > > any <a> link with class "galleryNavHA", you do the AJAX"
> > > - End
> >
> > > What you need to do is bind the click event on page load. If the user
> > > has no Javascript enabled, the click binding will not be done, and the
> > > <a> link will do its default job.
> >
> > > <script>
> > > $(function() {
> > > $(".galleryNavHA").click(function(event){
> > > var href = this.href;
> > > var rel = this.rel;
> > > // do your ajax stuff
> > > return false;
> > > });
> > > });
> > > </script>
> >
> > > <a class="galleryNavHA" rel="http://hooker.dotnetnebraska.com/
> > > index.php/gallery/getAjaxNavH/4/101" href=http://
> > > hooker.dotnetnebraska.com/index.php/gallery/getAjaxMainImage/4/101
> > > ><img class="galleryNavHImg" src=http://hooker.dotnetnebraska.com/
> > > images/o/30big.jpg /></a>
> >
> > > This keeps the Javascript outside of the HTML also.
> >
> > > On Mar 12, 11:18 am, Randall Morgan <rmorga...@gmail.com> wrote:
> > > > Hi Yes, I have the anchors because I need to insure there is some
> > > > functionality when js is not available. I have used anchors with my
> own
> > > ajax
> > > > code without issue as long as I return false from the js function
> call.
> > > Is
> > > > this a known issue with JQuery, that you can't provide a default
> action
> > > for
> > > > an anchor? If it is, how to I insure the image is still available if
> > > > javascript is turned off?
> > > > Thank you for you help.
> >
> > > > On Thu, Mar 12, 2009 at 1:50 PM, mkmanning <michaell...@gmail.com>
> > > wrote:
> >
> > > > > Not looking any further, you have anchors with inline onclick
> events
> > > > > (not considered good practice btw) which call the updateGallery()
> > > > > function, which then binds a click event on the same anchors, every
> > > > > time you click them again?
> >
> > > > > <a onclick="javascript:updateGallery();" class="galleryNavHA"...
> >
> > > > > You might want to rethink it a little bit :P
> >
> > > > > On Mar 12, 10:46 am, Monotoba <rmorga...@gmail.com> wrote:
> > > > > > Hello,
> >
> > > > > > I have use ajax.load in the following function to load both a
> main
> > > > > > image and an image navigation bar on a single page. The fucntion
> > > works
> > > > > > in IE but not in FF or Chrome. I am not fluent enough (yet) with
> > > > > > javascript or firebug to figure out what is happening. The demo
> page
> > > > > > can be found at:
> http://hooker.dotnetnebraska.com/index.php/gallery
> >
> > > > > > /*
> > > > > > * Updates Photo Gallery
> > > > > > */
> > > > > > function updateGallery() {
> > > > > > $(".galleryNavHA").click(function(event){
> > > > > > event.preventDefault();
> > > > > > var href = this.href;
> > > > > > var rel = this.rel;
> >
> > > //$(".galleryMainImg").fadeOut("slow");
> >
> > > $(".galleryMainImageDivCls").load(href);
> >
> > > //$(".galleryMainImg").fadeIn("slow");
> > > > > > $(".galleryNavDivCls").load(rel);
> > > > > > return false;
> > > > > > });
> > > > > > }
> >
> > > > > > Any help getting this to work would be greatly appreciated.
> >
> > > > > > Thanks,
> >
> > > > > > R Morgan
> >
> > > > --
> > > > If you ask me if it can be done. The answer is YES, it can always be
> > > done.
> > > > The correct questions however are... What will it cost, and how long
> will
> > > it
> > > > take?
> >
> > --
> > If you ask me if it can be done. The answer is YES, it can always be
> done.
> > The correct questions however are... What will it cost, and how long will
> it
> > take?
>
--
If you ask me if it can be done. The answer is YES, it can always be done.
The correct questions however are... What will it cost, and how long will it
take?
