[FX.php List] [OFF] JQuery slide left...

[Bob Patin]

Aha! I didn't have jQuery UI loaded... I'll do that... :)

Fingers crossed,

Bob Patin
Longterm Solutions LLC
bob at longtermsolutions.com
615-333-6858
http://www.longtermsolutions.com
FileMaker 9, 10 & 11 Certified Developer
Member of FileMaker Business Alliance and FileMaker TechNet
--
Twitter: bobpatin
Google+: http://www.longtermsolutions.com/plus
AIM: longterm1954
iChat: bobpatin
--
Expert FileMaker Consulting 
FileMaker Hosting for all versions of FileMaker

On Oct 22, 2012, at 2:38 AM, Steve Winter <steve at bluecrocodile.co.nz> wrote:

> Bob
> 
> the jQuery load() function will take a callback function, so try this
> 
> $('.main').hide().load('ticket.php', function() {
> 	$('.main').show('slide', { direction : 'right'}, 500);
> });
> 
> That said, when I read http://api.jquery.com/show/ I find two things which may be relevant
> 
>> The only easing implementations in the jQuery library are the default, called swing, and one that progresses at a constant pace, called linear. More easing functions are available with the use of plug-ins, most notably the jQuery UI suite.
> 
> 
> Have you got the jQueryUI code loaded…? if not, then as this extract explains your code won't know what 'slide' means.
> 
> Also, the default jQuery function show() (link above) takes different parameters, in a different order to the JqueryUI show() function http://api.jqueryui.com/show/ You're using the UI  approach, but may not have the UI js loaded in your page (assuming this is the same app as I was looking at you with the other day you don't)
> 
> <Screen Shot 2012-10-22 at 08.36.11.png>
> 
> Finally, because you're using a class of .main to act upon, are you certain that in the content coming in the load(), you're not loading a second element with the main class, which may be confusing things…?
> 
> HTH
> 
> Cheers
> Steve
> 
> 
>> Hey Michael,
>> 
>> I tried this, but it never shows me the DIV again:
>> 
>> var page = 'ticket.php';
>> $('.main')
>> .hide()  // hide this div
>> .load(page)
>> .show("slide", { direction: "right" }, 500); // slide in the detail div
>> 
>> Is the problem that I'm trying to load a DIV, and at the same time slide it out and then back in?
>> 
>> I was thinking that I could do 2 slides, and it would mimic the look of the DIV moving off to the left. I've been playing with this all day but just can't seem to find the right combo...
>> 
>> Thanks for your replay!
>> 
>> BP
>> 
>> Bob Patin
>> Longterm Solutions LLC
>> P.O. Box 3408
>> Brentwood, TN 37024
>> bob at longtermsolutions.com
>> 615-333-6858
>> http://www.longtermsolutions.com
>> iChat: bobpatin
>> AIM: longterm1954
>> Twitter: bobpatin
>> Google+: http://www.longtermsolutions.com/plus
>> --
>> FileMaker 9, 10 & 11 Certified Developer
>> Member of FileMaker Business Alliance and FileMaker TechNet
>> --
>> FileMaker hosting and consulting for all versions of FileMaker
>> PHP • Full email services • Free DNS hosting • Colocation • Consulting
>> 
>> On Oct 21, 2012, at 7:18 PM, Head Honcho <headhoncho at customikesolutions.com> wrote:
>> 
>>> Here's a couple of ways I've done it:
>>> 
>>> 	$("#backButton").click(function(){
>>> 			$("#data").show("slide", { direction: "left" }, 500); // slide back the data div
>>> 			$("#detail").hide(); // hide the detail
>>> 		});
>>> 
>>> or
>>> 
>>> 	$("#saveData").click(function(){
>>> 			$("#visit").hide();  // hide this div
>>> 			$("#detail").show("slide", { direction: "right" }, 500); // slide in the detail div
>>> 		});
>>> 
>>> 
>>> Hope this helps.
>>> 
>>> Regards
>>> 
>>> Michael Ward
>>> --
>>> Head Honcho, CustoMike Solutions
>>> Member, FileMaker Business Alliance & FileMaker Technical Network
>>> FileMaker 7, 8, 9, 10 & 11 Certified Developer
>>> ph 0414 562 501
>>> headhoncho at customikesolutions.com
>>> 
>>> On 22/10/2012, at 10:32 AM, Bob Patin <bob at patin.com> wrote:
>>> 
>>>> I've been trying to figure out how to slide a DIV left, for an iOS app that I'm working on.
>>>> 
>>>> I found this:
>>>> 
>>>> $('#div').hide("slide", { direction: "left" }, 1000);
>>>> 
>>>> but it doesn't seem to do it when I run it.
>>>> 
>>>> Here's what I have:
>>>> 
>>>> var page = 'ticket.php';
>>>> $('.main')
>>>> .hide("slide", { direction: "left" }, 1000)
>>>> .load(page)
>>>> .show('slide', { direction:"left" }, 1000);
>>>> 
>>>> I'm sure it's something stupid, but I've yet to figure out what I'm doing wrong. Any help would be much appreciated.
>>>> 
>>>> What I'm trying to do is to load a 2nd page into my DIV, sliding the old one out and the new one in; I figured I should probably slide twice...
>>>> 
>>>> 
>>>> 
>>>> Bob Patin
>>>> Longterm Solutions LLC
>>>> P.O. Box 3408
>>>> Brentwood, TN 37024
>>>> bob at longtermsolutions.com
>>>> 615-333-6858
>>>> http://www.longtermsolutions.com
>>>> iChat: bobpatin
>>>> AIM: longterm1954
>>>> Twitter: bobpatin
>>>> Google+: http://www.longtermsolutions.com/plus
>>>> --
>>>> FileMaker 9, 10 & 11 Certified Developer
>>>> Member of FileMaker Business Alliance and FileMaker TechNet
>>>> --
>>>> FileMaker hosting and consulting for all versions of FileMaker
>>>> PHP • Full email services • Free DNS hosting • Colocation • Consulting_______________________________________________
>>>> FX.php_List mailing list
>>>> FX.php_List at mail.iviking.org
>>>> http://www.iviking.org/mailman/listinfo/fx.php_list
>>> 
>>> _______________________________________________
>>> FX.php_List mailing list
>>> FX.php_List at mail.iviking.org
>>> http://www.iviking.org/mailman/listinfo/fx.php_list
>> 
>> _______________________________________________
>> FX.php_List mailing list
>> FX.php_List at mail.iviking.org
>> http://www.iviking.org/mailman/listinfo/fx.php_list
> 
> Steve Winter
> +44 777 852 4776
> steve at bluecrocodile.co.nz
> 
> 
> 
> _______________________________________________
> FX.php_List mailing list
> FX.php_List at mail.iviking.org
> http://www.iviking.org/mailman/listinfo/fx.php_list

-------------- next part --------------
An HTML attachment was scrubbed...
URL: http://mail.iviking.org/pipermail/fx.php_list/attachments/20121023/5354e6ef/attachment.html