thewooleymammoth Posted January 6, 2010 Share Posted January 6, 2010 Im using prototype and scriptaculous, I would like to have a div fade in on load... cant figure out how to do it. someone on a nother forum i searched came up with this suggestion using jquery 1. $("#divid").load(function() { 2. alert("The div has been loaded."); 3. }); can this be done somehow with prototype? Quote Link to comment Share on other sites More sharing options...
RichardRotterdam Posted January 6, 2010 Share Posted January 6, 2010 can this be done somehow with prototype? here is an example of prototype + scriptaculous <script type="text/javascript" src="js/prototype.js"></script> <script type="text/javascript" src="js/scriptaculous.js"></script> <script type="text/javascript" src="js/effects.js"></script> <script type="text/javascript"> document.observe("dom:loaded", function() { $("fadein").appear({ duration: 3.0 }); }); </script> <div id="fadein" style="display:none"> This content is hidden when the page loads </div> Quote Link to comment Share on other sites More sharing options...
thewooleymammoth Posted January 6, 2010 Author Share Posted January 6, 2010 very cool, thank you very much Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.