4 replies [Last post]
darktraf
Offline
newbie
Last seen: 16 years 6 weeks ago
Joined: 2006-06-30
Posts: 2
Points: 0

does anyone know the code that will make page transitions work in firefox as well as IE, (CSS)
code i have atm which works in IE not firefox
<meta>

thanks in advance

Tags:
thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 15 weeks 21 hours ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

css code for page transition

Unfortunately you need to select "disable HTML in this post" for the code to show up.

And page transitions are a MSIE only feature. Not only that, they're tacky, bloated, put people off visiting your site, and don't validate Laughing out loud

Verschwindende wrote:
  • CSS doesn't make pies

darktraf
Offline
newbie
Last seen: 16 years 6 weeks ago
Joined: 2006-06-30
Posts: 2
Points: 0

css code for page transition

<meta http-equiv="Page-Enter" content="blendtrans(duration=2.0)">

ye i know most of them look quite bad, but the dissolve one looks nice

iv found code for when you exit the page, but i need one for when the page opens

var xmlhttp;
var timerId = 0;
var op = 1;
function getPageFx()
{
url = "/transpage2.html";
if (window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest()
xmlhttp.onreadystatechange=xmlhttpChange
xmlhttp.open("GET",url,true)
xmlhttp.send(null)
}
else
getPageIE();
}

function xmlhttpChange()
{
// if xmlhttp shows "loaded"
if (xmlhttp.readyState==4)
{
// if "OK"
if (xmlhttp.status==200)
{
if(timerId!=0)
window.clearTimeout(timerId);
timerId = window.setTimeout("trans();",100);
}
else
{
alert(xmlhttp.status)
}
}
}

function trans(){
op -= .1;
document.body.style.opacity = op;
if(op<.4){ window.clearTimeout(timerId); timerId = 0; document.body.style.opacity = 1; document.open(); document.write(xmlhttp.responseText); document.close(); return; } timerId = window.setTimeout("trans();",100); } function getPageIE(){ window.location.href = "transpage2.html"; }

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 30 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

css code for page transition

Um this is a CSS forum ,

Moved to 'Off Topic'

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

thepineapplehead
thepineapplehead's picture
Offline
Moderator
Last seen: 15 weeks 21 hours ago
Timezone: GMT+1
Joined: 2004-06-30
Posts: 9683
Points: 819

css code for page transition

As I said in my original post:

thepineapplehead wrote:
And page transitions are a MSIE only feature. Not only that, they're tacky, bloated, put people off visiting your site, and don't validate Laughing out loud

Have I not put you off using them yet? Or do you want to give your pages that retro, 1990s feel?

Verschwindende wrote:
  • CSS doesn't make pies