hi Christian, Thx but my problem still remain as i have to navigate between an home page, click on signin button, then play the silde down effect, fill the signin form and then play the hide effect slide before leaving to the home page.
So as my home page is separate to my login form, my href never be empty and the hide effect never play. Is there a sync function to wait the end of effect before leaving the page ? How to play a transition between 2 differents html pages ? Thank for your response. Regards Bruno 2008/11/26 Christian Sonne <[EMAIL PROTECTED]> > That's because an empty (or for that matter, non-empty) href attribute will > make the browser go to the page it links to - in the case of an empty href, > itself - that measn, it'll reload the page when you click it (after running > your onclick) > > This can be remedied by making the onclick function return false: > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " > http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd";> > <html xmlns="http://www.w3.org/1999/xhtml";> > <head> > <title>Signin</title> > <script src="http://code.jquery.com/jquery-latest.js";></script> > <script type="text/javascript" > src="./Resources/UI/effects.core.js"></script> > <script type="text/javascript" > src="./Resources/UI/effects.slide.js"></script> > <script type="text/javascript"> > $(document).ready(function() { > $('#jform').show('slide', {direction:"down"},1000); > $('a#signin').click(function() { > $('#jform').hide('slide', {direction:"down"},1000); > return false; > }); > }); > </script> > </head> > <body> > <div id="jform"> > <a href="" id="signin">Sign in</a> > </div> > </body> > </html> > > > On Tue, Nov 25, 2008 at 5:49 PM, Bruno75 <[EMAIL PROTECTED]> wrote: > >> >> Hi, >> >> I try to use jquery ui hide effect slide but it don't work after a >> click on <a href="" >sign in</a> >> it is ok if you delete the href. here is the code >> >> >> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http:// >> www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> >> <html xmlns="http://www.w3.org/1999/xhtml";> >> <head> >> <title>Signin</title> >> <title>Signin</title> >> <script src="http://code.jquery.com/jquery-latest.js";></script> >> <script type="text/javascript" src="./Resources/UI/ >> effects.core.js"></script> >> <script type="text/javascript" src="./Resources/UI/ >> effects.slide.js"></script> >> <script type="text/javascript"> >> $(document).ready(function() { >> $('#jform').show('slide', {direction:"down"},1000); >> $('a#signin').click(function() { >> $('#jform').hide('slide', {direction:"down"},1000); >> }); >> }); >> </script> >> </head> >> >> <body> >> >> <div id="jform"> >> <a href="" id="signin">Sign in</a> >> </div> >> >> </body> >> </html> >> >> >> > > > > --~--~---------~--~----~------------~-------~--~----~ You received this message because you are subscribed to the Google Groups "jQuery UI" group. To post to this group, send email to [email protected] To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/jquery-ui?hl=en -~----------~----~----~----~------~----~------~--~---
