Avatar billede jesper-madsen Nybegynder
31. juli 2005 - 02:03 Der er 4 kommentarer og
1 løsning

Javascript: Alpha ved document.get osv.

Hvordan får jeg den til at skifte fra 0 til 100 i alpha på en div? Har prøvet dettte, dog uden held :( ->


<SCRIPT LANGUAGE="JavaScript">
<!--

var kasseleft=300;
function flytKasse() {
var alpha = kasseleft++;
  document.getElementById('kasse').style.left.filter = Alpha(Opacity="+alpha+");
  if (kasseleft<=0) {
    clearInterval(kasseint);
  }
}
var kasseint=setInterval("flytKasse()",5);
//-->
</SCRIPT>
Avatar billede jesper-madsen Nybegynder
31. juli 2005 - 02:04 #1
-- mener

<SCRIPT LANGUAGE="JavaScript">
<!--

var kasseleft=300;
function flytKasse() {
  var left = kasseleft--;
  document.getElementById('kasse').style.filter = Alpha(Opacity="+left+");
  if (kasseleft<=0) {
    clearInterval(kasseint);
  }
}
var kasseint=setInterval("flytKasse()",5);
//-->
</SCRIPT>
Avatar billede roenving Novice
31. juli 2005 - 02:27 #2
Du er forhåbentlig klar over, at den type kode ikke giver mening medmindre man bruger IE, men det kan f.eks. se således ud:

<script type="text/javascript">
<!--

var kasseleft=300;
function flytKasse() {
  if(document.filters){
    var left = kasseleft--;
    document.getElementById('kasse').filters = "alpha(opacity="+left+")";
    if (kasseleft<=0) {
      clearInterval(kasseint);
    }
  }
}
var kasseint=setInterval("flytKasse()",5);
//-->
</script>

-- hvis du vil se en mere multi-browser-agtig ting, kan du kigge på http://roenving.users.whitehat.dk/WD5Opacity.html !-)
Avatar billede roenving Novice
31. juli 2005 - 02:33 #3
Gaab, jeg er vist ikke helt vågen, for det ser selvfølgelig sådan ud:

    document.getElementById('kasse').filters.alpha.opacity=left;
Avatar billede jesper-madsen Nybegynder
31. juli 2005 - 02:35 #4
Det virker da ikke? - Den skal først være 0 i alpha også skal den gå op til 100, hvis du forstår.
Avatar billede jesper-madsen Nybegynder
10. august 2005 - 22:03 #5
nå lukker.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester