Problemer med fade in funktion (iframe)

.filter skal du bruge med forsigtighed (for det lægger alle browsere ned med undtagelse af IE !-), og i IE skal du bruge:

if(iframe.filters)
  iframe.filters.alpha.opacity = newOpacity;

-- til andre kan du f.eks.

iframe.style.MozOpacity = newOpacity/100;
iframe.style.KhtmlOpacity = newOpacity/100;
iframe.style.opacity = newOpacity/100;

Hvad er newOpacity?

Den nye værdi, f.eks.

<script type="text/javascript">
var op = 100;
function ChangeIframe(page){
    var iframe = document.getElementById("FadeIframe");
    op -= 10;
    if(op>=0){
      if(iframe.filters)
        iframe.filters.alpha.opacity = op;
      iframe.style.MozOpacity = op/100;
      iframe.style.KhtmlOpacity = op/100;
      iframe.style.opacity = op/100;
      setInterval("ChangeIframe();", 100);
    } else {
        iframe.src = page;
    }
}
</script>

Den siger:
sti/til/fil/undefined er ikke defineret, kontroller venligst stien.

Det er som om at variablen "page" ikke bliver defineret når setInterval() køres...?

sådan?

<html>
<head>
<style>
.knap{
    display:inline;
    width:auto;
    cursor:pointer;
    border:1px solid #000;
}
</style>
<script type="text/javascript">

var op = 100;

function ChangeIframe(page){
    var iframe = document.getElementById("FadeIframe");
    op -= 10;
    if(op>=0){
      if(iframe.filters)iframe.style.filter="progid:DXImageTransform.Microsoft.Alpha(Opacity="+op+")";
      iframe.style.MozOpacity = op/100;
      iframe.style.KhtmlOpacity = op/100;
      iframe.style.opacity = op/100;
      setTimeout("ChangeIframe('"+page+"');", 100);
    } else {
    iframe.src = page;
    fadeup();
    }
}

function fadeup(){
iframe=document.getElementById("FadeIframe");
op+=10;
if(op<=100){
  if(iframe.filters)iframe.style.filter="progid:DXImageTransform.Microsoft.Alpha(Opacity="+op+")";
  iframe.style.MozOpacity = op/100;
  iframe.style.KhtmlOpacity = op/100;
  iframe.style.opacity = op/100;
  setTimeout("fadeup();", 100);
}
}

</script>
</head>
<body>
    <div class="knap" onClick="ChangeIframe('2.html');">Side 1</div>
    <div class="knap" onClick="ChangeIframe('3.html');">Side 2</div>
        <br /><br />
    <iframe src="iframe.html" id="FadeIframe"></iframe>
</body>
</html>

hmm, det kan godt det har en bedre effekt (synsmæssig) hvis fadeup fjernes fra function ChangeIframe(page){ og sættes ind i iframe tagget som her:

<iframe onload="fadeup();" src="iframe.html" id="FadeIframe"></iframe>

hmm, det kan godt det har ... -> Hmm, det kan godt være, at det har ...

rettede også setInterval til en setTimeout...
setInterval blev jo ikke clearet - så det var en uendelig løkke...

og i et script:

<html>
<head>
<style>
.knap{
    display:inline;
    width:auto;
    cursor:pointer;
    border:1px solid #000;
}
</style>
<script type="text/javascript">

o=100;

function fade(p,t){
i=document.getElementById("FadeIframe");
o=(t==0)?o-10:o+10;
if(((o>0)&&(t==0))||((o<100)&&(t==1))){
  if(i.filters)i.style.filter="progid:DXImageTransform.Microsoft.Alpha(Opacity="+o+")";
  i.style.MozOpacity = o/100;
  i.style.KhtmlOpacity = o/100;
  i.style.opacity = o/100;
  setTimeout("fade('"+p+"','"+t+"');", 100);
}else if(p!=""){
  i.src=p;
}
}

</script>
</head>
<body>
    <div class="knap" onClick="fade('2.html',0);">Side 1</div>
    <div class="knap" onClick="fade('3.html',0);">Side 2</div>
        <br /><br />
    <iframe onload="fade('',1);" src="2.html" id="FadeIframe"></iframe>
</body>
</html>

Mange tak for det clemens, har dog ikke lige tid til at kigge på det lige nu, men jeg vender tilbage :-)
Læg evt. et svar med det samme, så kan jeg altid afvise hvis det ikke virker..

God påske!

[ Læg evt. et svar med det samme, så kan jeg altid afvise hvis det ikke virker.. ]
Ok, roenving lægger du ikke lige et også, så deler vi, hvis det virker...

[ God påske! ]
- I lige måde :)

Oki '-)

Nu får i sgu bare pointene - jeg stoler på jer i tager jo sjældent fejl ;o)

hehe ... :P ellers får du dem lige tilbage ;)

- og tak for point :)

og karma :)

Selv tak ;-)

-- også jeg takker ;~}