Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › General / Announcements › JavaScript › blind and fade, then go to URL

blind and fade, then go to URL

Thread began 4/14/2009 12:02 pm by missbrashaw307820 | Last modified 12/04/2009 6:57 am by Ray Borduin | 6803 views | 6 replies |

4/14/2009 12:02 pm | #1 missbrashaw307820

blind and fade, then go to URL

Hello,
I am quite new to JS...
What I want to accomplish is when a link is clicked it activates
spry blind and fade
and THEN the go to URL.
So, is there a way to delay the link function?
If it blinds for 1000ms and simultaneously fades at 800ms,
I want the link to occur at 1000ms

I found a site that does this (hallassociates.ca/) and used SiteImport to examine their javascript
but it is above my comprehension...

Thanks!
Donovan

4/14/2009 12:11 pm | #2 Justin Nemeth

Sounds like you can use the setTimeout() function. That will allow you delay execution for your url redirect. You probably want something like this:

//your blind and fade code

setTimeout('urlFunction', 1000);

That would wait 1 second (1000 milliseconds) then call urlFunction(). For more info check out this: js_timing.asp

4/14/2009 12:45 pm | #3 missbrashaw307820

makes sense, but...

I have fiddled around with adding that code and it still does not seem to work.
Here is the example i am messing with (only has blind, no fade)

-->
</style>
<script src="SpryAssets/SpryEffects.js" type="text/javascript"></script>
<script type="text/javascript">

</script>
</head>

<body class="oneColFixCtr">

<div id="container">
<div id="mainContent" onclick="MM_effectBlind(this, 1000, '100%', '0%', false);MM_goToURL('plugins/parent','index.html');return document.MM_returnValue">
<h1> level heading </h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Praesent aliquam, justo convallis luctus rutrum, erat nulla fermentum diam, at nonummy quam ante ac quam. Maecenas urna purus, fermentum id, molestie in, commodo porttitor, felis. Nam blandit quam ut lacus. Quisque ornare risus quis ligula. Phasellus tristique purus a augue condimentum adipiscing. Aenean sagittis. Etiam leo pede, rhoncus venenatis, tristique in, vulputate at, odio.</p>
</div>
</div>
</body>
</html>

where do I add it?

thanks!

4/14/2009 12:47 pm | #4 Ray BorduinWebAssist

onclick="MM_effectBlind(this, 1000, '100%', '0%', false);setTimeout('MM_goToURL(\'parent\',\'index.html\')',2000);return document.MM_returnValue"

Did this help? Tips are appreciated...

4/14/2009 12:49 pm | #5 missbrashaw307820

Awesome!

thank you so much!
works perfect!

I love the WA forums. I started from scratch and have learned so much!

thanks again!

12/01/2009 5:33 pm | #6 gruant2000381341

set on text links

this is pretty neat, I followed the posts above and got one working. How can I apply this to a text link, so I can have a few different links on the same page. Example clickk here to go to page r and click here to go to page j. Then when clicked, I will get the blind effect and redirection to the coresponding page

I have tried to copy the code and apply it to a href tag but that didnt work. Any ideas?

<a href="#"onclick="MM_effectBlind(this, 1000, '100%', '0%', false);setTimeout('MM_goToURL(\'parent\',\'index.html\')',1500);return document.MM_returnValue" >

12/04/2009 6:57 am | #7 Ray BorduinWebAssist

maybe try:

<a href="javascript:MM_effectBlind(this, 1000, '100%', '0%', false);setTimeout('MM_goToURL(\'parent\',\'index.h tml\')',1500);return document.MM_returnValue" >

Did this help? Tips are appreciated...

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.