[Proto-Scripty] jquery -v- scriptaculous - what best can replace jquery's .toggle .animate
Historically the site used jquery for some animation effects.
but recently we added some scriptaculous ones - only to find there are
conflicts.
Can someone point me to a scriptaculous effect that moves a div into view
and when clciked again move it (mostly) out of view (i.e. leaving a tab
showing to move it back in when required).
The present code is:
$('#slideButton').toggle(function() {
$('#slider').animate({
bottom: '+=180'
}, 2000, 'swing', function() {
// Animation complete. CALLBACK?
$('#slideButton').removeClass().addClass(sliderOut)
});
}, function() {
$('#slider').animate({
bottom: '-=180'
}, 1000, 'swing', function() {
// Animation complete. CALLBACK?
$('#slideButton').removeClass(sliderOut).addClass()
});
});
Alternatively how can I overcome the conflicts?
I read about jquery here :
http://stackoverflow.com/questions/5813744/scriptaculous-and-jquery-do-not-collaborate
but didnt get it to work.
Thanks
--
You received this message because you are subscribed to the Google Groups
Prototype script.aculo.us group.
To unsubscribe from this group and stop receiving emails from it, send an email
to prototype-scriptaculous+unsubscr...@googlegroups.com.
To post to this group, send email to prototype-scriptaculous@googlegroups.com.
Visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en.
For more options, visit https://groups.google.com/groups/opt_out.
[Proto-Scripty] .morph has stopped working - it now says Object [object Object] has no method 'morph'
My code used to work, but now the *.morph* no longer works - in the chrome console it says: Uncaught TypeError: Object [object Object] has no method 'morph' The code includes the following: link href= https://ajax.googleapis.com/ajax/libs/scriptaculous/1.9.0/scriptaculous.js; / script type=text/javascript src= http://script.aculo.us/prototype.js;/script script type=text/javascript src= http://script.aculo.us/scriptaculous.js;/script But when I look at the code using Chrome 'Elements' pane it shows: link href= https://ajax.googleapis.com/ajax/libs/scriptaculous/1.9.0/scriptaculous.js; script src= https://apis.google.com/_/scs/apps-static/_/js/k=oz.gapi.en.iRGda-ATQBk.O/m=plusone/am=QQ/rt=j/d=1/rs=AItRSTMWXweuF4qvyKvRjzAhTggmGqAPyA/cb=gapi.loaded_0; async=/script script type=text/javascript async= src= https://apis.google.com/js/plusone.js; gapi_processed=true/script script id=twitter-wjs src=//platform.twitter.com/widgets.js/script script type=text/javascript src= http://script.aculo.us/prototype.js;/script script type=text/javascript src= http://script.aculo.us/scriptaculous.js;/script script type=text/javascript src= http://script.aculo.us/builder.js;/script ... script type=text/javascript src= http://script.aculo.us/sound.js;/script Can someone tell me where the extra lines come from e.g.: script src= https://apis.google.com/_/scs/apps-static/_/js/k=oz.gapi.en.iRGda-ATQBk.O/m=plusone/am=QQ/rt=j/d=1/rs=AItRSTMWXweuF4qvyKvRjzAhTggmGqAPyA/cb=gapi.loaded_0; async=/script and if this/something else is causing the problem. The working code can be seen at: http://www.alanarnoldguitars.co.uk/guitar_woods.htm (but the code is compressed) and the version where the 'minimise' button doesnt work is currently at: http://www.alanarnoldguitars.co.uk/guitar_woods_UNCOMPRESSED.htm Thanks -- You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To unsubscribe from this group and stop receiving emails from it, send an email to prototype-scriptaculous+unsubscr...@googlegroups.com. To post to this group, send email to prototype-scriptaculous@googlegroups.com. Visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en. For more options, visit https://groups.google.com/groups/opt_out.
[Proto-Scripty] Re: .morph has stopped working - it now says Object [object Object] has no method 'morph'
*Thanks Walter* - by going through the issues top-down, as you suggested, I eventually uncovered the problem. It wasn't in the page-code itself, but a result of an update to the site template - and there's a conflict between two types of effects - which I will now have to solve. You also enlightened me to Firefoxes debugging, etc. I wasn't using it, but will do now! *Thanks Jason* - you've highlighted my misunderstanding of how to link to scriptaculous libraries. I'll re-read the instructions ;-! . -- You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To unsubscribe from this group and stop receiving emails from it, send an email to prototype-scriptaculous+unsubscr...@googlegroups.com. To post to this group, send email to prototype-scriptaculous@googlegroups.com. Visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en. For more options, visit https://groups.google.com/groups/opt_out.
[Proto-Scripty] How visual feedback the minimization of a window eg morph
I have an interactive page that contains a pop-up(type) window that can be minimized by the user (and later restored to normal size). The problem is that visitors don't notice where the minimized window has gone (actually to top right). Is there visual feedback I could use - e.g morphing the size and position? But the window includes several images, etc. How can I reduce the size of the images, or replace the whole content with eg a pre- prepared thumbnail? Any other ideas greatfully considered - thanks -- You received this message because you are subscribed to the Google Groups Prototype script.aculo.us group. To post to this group, send email to prototype-scriptaculous@googlegroups.com. To unsubscribe from this group, send email to prototype-scriptaculous+unsubscr...@googlegroups.com. For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en.
