Avatar billede rastaman Nybegynder
14. juni 2004 - 10:24 Der er 1 kommentar

Menu+glidende effekt

Hej

Jeg har lige en lang smøre som jeg ikke kan finde ud af.

Jeg vil gerne have mixet de to nedenstående scripts sammen til en funktion, således at når jeg klikker på et link i min menu (i sin egen seperate frame) så glider teksten som det link angår i en en anden frame.

Er der nogen som kan overskue det ???




Menuscript i HEAD

<script>

    function skift1(){
    top.location.href="index.htm";
    }
    function skift2(){
    parent.Ramme2_2.location.href="overskrift.htm";
    parent.Ramme5_4.location.href="hovedside.htm";
    }
    </script>

Menupunktet

<a href="java script:skift2()" style="text-decoration:none;">Hovedside</a>


   
    Glidende fade-tekst i HEAD

<style type="text/css">
#minDiv {
  visibility: hidden;
    position: relative;
  width: 400px;
  background-color: transparent;
  color: #000000;
  font-family: Verdana, sans-serif;
  font-size: 10px;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
}
</style>
<script type="text/javascript">
akt = null;

var i, l;

function visTxt(nr) {
  if (akt != nr) {
    akt = nr;
    t = document.getElementById("minDiv");
    t.style.visibility = "hidden";
      t.innerHTML = document.getElementById("txt" + nr).innerHTML;
    t.style.left = -20;
    if (document.all)
      t.filters.opacity = 0;
    else
      t.style.MozOpacity = 0;
        i = 0;
        l = -20;
      t.style.visibility = "visible";
      loopTxt();
    }
}

function loopTxt() {
  ++i;
  t = document.getElementById("minDiv");
  l += Math.ceil((0 - l) * 0.25);
  if (l > 0)
    l = 0;
  t.style.left = l;
  if (document.all)
      t.filters.alpha.opacity = i * 5;
    else
    t.style.MozOpacity = (i * 5) / 100;
    if (i < 20)
        setTimeout("loopTxt();", 50);
}
</script>   


    Link som fremkalder glidende effekt/(skal bruges sammen med menulink)

<a href="#" onClick="visTxt(2); return false;">Vis tekst 2</a>

Tekst som glider ind (skal glide ind i en anden frame end menuen

<div id="txt2" style="display: none;">
Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.<br />
Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla.<br />
</div>
Avatar billede knudx Nybegynder
15. juni 2004 - 12:58 #1
Det første script virker ved at der loades et nyt dokument ind i en frame (to frames faktisk,) mens det andet virker ved at teksten i et HTML element skiftes ud - så sidens udseende skifter, uden at et nyt dokument loades. Den sidstnævnte teknik benytter man netop for at undgå at bruge frames - m.a.o., virker det ikke fjollet *først* at loade et nyt dokument, for *derefter* at ændre dets udseende vha javascript ?
Stay irie..
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