Apologies if this is painfully obvious/patronising, but have you made
sure that any file paths that may have changed on the new server are
correct?
On Oct 26, 8:20 pm, stoshski <[EMAIL PROTECTED]> wrote:
> My script used to work. Now it doesn't. The only thing that has
> changed is the hosting service. Now my scriptaculous effects are not
> defined.
>
> I'm a noob hanging off the edge of his learning curve. any help would
> be greatly appreciated. I've included the troubled script. Thanks to
> all in advance.
>
> script:
>
> //spinner function
> Ajax.Responders.register({
> onCreate: function(){ $('spinner').show();},
> onComplete: function(){
> if(0==Ajax.activeRequestCount)
> $('spinner').hide();
> }
> });
>
> //dynamicize function
> var DynamicExtensions = {
> dynamicize: function(element){
> element.dHref = element.href;
> element.dTarget = element.target;
> element.href = "#"+element.target;
> element.target = "";
> element.dynamic =
> dynamicallyLoad.bindAsEventListener(element);
> Event.observe(element, 'click', element.dynamic);
> }
> }
>
> Element.addMethods(DynamicExtensions);
>
> function dynamicallyLoad(e) {
>
> new Effect.Fade('content',{duration:0.5,
> afterFinish:function(){
>
> element = Event.element(e);
> new Ajax.Updater(element.dTarget, element.dHref, {
> method: 'get',
> onComplete: function() {
> setLinks(element,element.dTarget);
> new Effect.Appear('content', {duration:0.5,
> from:0.0, to:1.0});
>
> }
> });
> }});
> }
>
> function setLinks(e, target) {
> (target) ? selector = '#'+target+' ' : selector = '';
> $$(selector+'a.dynamic').invoke('dynamicize');
> }
>
> //link to fade function
> function changeLinkToFade( el ) {
> if (typeof(el) != 'object') el = $(el);
> // copy the href
> el.link = el.href;
> el.href='#';
> Event.observe(el,'click',function(event) {
> new Effect.Fade($('pageContainer'),{
> afterFinish:function() {
> // fix the back button (make page Appear after changing the
> page)
> new Effect.Appear($('pageContainer'),{duration: 5});
> // change the location
> window.location = el.link;
> return false;
> }
> });
> return false;
> });
> }
> function initiateLinkToFade() {
> $$('a.fade').each( function( el ) { changeLinkToFade( el ); }
> );
> }
>
> //centering function
> function center(){
> var windowHeight = document.viewport.getHeight();
>
> var containerHeight = $('pageContainer').getHeight();
>
> $('pageContainer').style.position='relative';
>
> $('pageContainer').style.top=((windowHeight/2)-(containerHeight/2))
> +'px';
> }
>
> //hide load process
> document.observe("dom:loaded",
> function(){
> new Effect.Opacity('pageContainer',{duration:.1,
> from:1.0, to:0});
> setLinks();
> });
>
> //center before appearing
> Event.observe(window, 'load', function(){
> center();
> new Effect.Opacity('pageContainer',{duration:25, from:0,
> to:1.0});
> initiateLinkToFade();
> });
>
> //center on window resize
> window.onresize= function(){
> center();
> }
--~--~---------~--~----~------------~-------~--~----~
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 [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/prototype-scriptaculous?hl=en
-~----------~----~----~----~------~----~------~--~---
