Solved

*Animate* Scroll Up on Timed Hide Function

Posted on 2004-09-03
5
289 Views
Last Modified: 2013-11-19
Script and example link will be shown in next post...

I have already have a timed hide function(currently it is set at after 7 seconds - it hides anything btwn the div)... all i need is to Animate the hide function.. I don't think it's possible to animate hide function in Netscape - so for netscrap - dissappear is fine.

requirements:
1. must animate scroll up hide function (just like for first time visitors on www.mtv.com on their home page - their banner scrolls up and hides after about 7 seconds)
2. must dissappear in netscape
0
Comment
Question by:andreni78
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
5 Comments
 

Author Comment

by:andreni78
ID: 11976586
Here's the timed hide script:

<div id="myBanner">
hello!
<br>
Hi!
<br>
animate!
</div>

<script type="text/javascript"><!--
// hides anything btwn divs after a set period of time
var iNbSecondsBeforeHiding = 7;
var iNbHoursToHide = 24;
if (("&"+document.cookie).indexOf("&hidebanner=1") != -1)
  f_hideBanner();
else {
  setTimeout("f_hideBanner();",iNbSecondsBeforeHiding*1000)
  document.cookie = "hidebanner=1;expires="+(new Date((new Date()).getTime()+iNbHoursToHide*60*60*1000)).toGMTString();
}
function f_hideBanner() {
  if (document.getElementById)
    document.getElementById("myBanner").style.display = "none";
  else if (document.all)
    document.all["myBanner"].style.display = "none";
}
//--></script>
0
 
LVL 36

Accepted Solution

by:
Zyloch earned 500 total points
ID: 11976828
Hi

Sorry about the missed reply on your last question. Well, for mtv, are you talking about the thing where the second image is of Bush? That's done using Flash and it's rarely effective to attempt to get the same level of smoothness with Javascript. For my script on the other question, try removing the style.display='none' part and see if that helps.

Regards,
Zyloch
0
 
LVL 2

Expert Comment

by:cheyennejk
ID: 11977110
This site has all the latest code for what you are trying to do :

http://www.codelifter.com
0
 

Author Comment

by:andreni78
ID: 11977365
there's a 728x90 banner on mtv.com only if u're a first time visitor.. you'd have to clear your cookies if you want to see the banner again.. it animates up after about 7 seconds as you can see.. that's all i'm looking for.. the hide animation script is available on this link http://majestic.gotdns.com/methoda.htm - if you choose option D and then choose somethign else - you'll see the hide animation.. this also works on netscape but it doesn't animate on NS...
0
 

Author Comment

by:andreni78
ID: 11977366
that link is mine btw so feel free to use the functions on there =)
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

What is Node.js? Node.js is a server side scripting language much like PHP or ASP but is used to implement the complete package of HTTP webserver and application framework. The difference is that Node.js’s execution engine is asynchronous and event…
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

749 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question