Tutorial: http://www.tutorialspoint.com/script.aculo.us/scriptaculous_toggle_effect.htm Test file: http://www.ofsgraphics.com/test/effects_toggle_test.html
Test file Implemented (ABOUT PAGE LINK): http://www.ofsgraphics.com/test/index.html Effect page (about page html, page where the effect occurs): http://www.ofsgraphics.com/test/about.html Problem: Looking at the test file, the toggle appear effect (from scipt.aculo.us) works seamlessly on it's own window, div, and style. I basically ripped off most of the style sheet because I have my own css to be implemented on my index page. Now, looking at my index page the toggle appear effect does not render properly. http://www.ofsgraphics.com/test/index.html (Click on ABOUT US) Here's how I set up my index/main page (linking all the scripts): http://www.ofsgraphics.com/test/js/ <script src="js/prototype.js" type="text/javascript"></script> <script src="js/scriptaculous.js" type="text/javascript"></script> <script src="js/unittest.js" type="text/javascript"></script> The above scripts were saved in my index file to render the effects when the about page is being loaded in the "content" div <script type="text/javascript" src="js/jquery-1.3.2.js"></script> <script type="text/javascript" src="js/sliding_effect.js"></script> <script type="text/javascript" src="js/noreload.js"></script> These scripts are from jsquery that are currently used to give the navigation slide effect (sliding_effect.js), no page refresh (noreload.js) Secondly, I kept this function in the about page (simplified, no js and css) <a href="#" onclick="Effect.toggle('d3','appear'); return false;">Toggle appear</a> <div id="d3" style="display:none;"><div style="background- color:#FFFFFF;width:650px;padding:10px;"> So basically whenever my index page loads the about page using the sliding navigation buttons, it should render the java scripts linked from my index to the about page and the function supports the script which can be found on the about page. At first I thought the "content" div might be messing up the height when It tries to load the div "d3" from the about page but I don't think that is the case. My question is, does the linking of multiple java script files specifically from different java script sources mix up the rendering/animation I wanted to achieve? Thank you very much in advance. Hope to receive your feedbacks. --~--~---------~--~----~------------~-------~--~----~ 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 -~----------~----~----~----~------~----~------~--~---
