Avatar billede bjering Nybegynder
17. oktober 2002 - 21:33 Der er 4 kommentarer og
1 løsning

script til mouseover i et link der starter en midi

okay her er så hvad jeg mangler (hvis det da kan lade sig gøre).

jeg har 2 flag på min login side, problemer er at når brugeren sætter musen over en af flagene (dansk eller amerikansk) skal den så afspille enten den danske nationalmelodi eller den americanske, jeg har midi filerne, men hvordan kan det så gøres..

den skal så oxo stoppe midien når man fjerner musemarkøren igen.

jeg har html som intro siden så det skal jo nok gøres som java script ? ikke...
nogen der kan hjælpe ?
Avatar billede 0ffline Nybegynder
17. oktober 2002 - 22:05 #1
Den er lidt lang, men den virker :O)

.......................................................
<HTML>
<HEAD>
<TITLE></TITLE>
<bgsound id='JSSound' src=''>
</HEAD>

<SCRIPT LANGUAGE = "JavaScript">
<!--
nMaxItem = 4;
NameIndex = 0;
MouseOverState = 1;
MouseClickState = 2;
MouseDownState = 3;
MouseOutState = 4;
sndCounter = 0;
SoundList = new Array();
//-->
</SCRIPT>

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

function RestoreImage(){ //v2.0
    nCount = document.OriginImage.length;
    ImgArray = document.OriginImage;

    if (document.OriginImage != null)
        for (i = 0; i < (nCount - 1); i += 2)
            ImgArray[i].src = ImgArray[i+1];
    document.OriginImage = null;
}

function ReplaceImage(){ //v2.0
    j = 0;
    ImgArray = new Array;
    oldImgArray = document.OriginImage;

    for (i = 0; i < ReplaceImage.arguments.length; i += 2) {
        obj=ReplaceImage.arguments[i]
        ImgArray[j++] = obj;
        if (oldImgArray == null || oldImgArray[j-1] != obj)
            ImgArray[j++] = obj.src;
        else
            ImgArray[j++] = oldImgArray[j];
        obj.src = ReplaceImage.arguments[i + 1];
    }
    if (document.OriginImage == null)
        document.OriginImage = ImgArray;
}

function AddSoundToList(name, MouseOver, MouseClick, MouseDown, MouseOut)
{
    SoundList[sndCounter] = new Array(nMaxItem);
    SoundList[sndCounter][NameIndex] = name;
    SoundList[sndCounter][MouseOverState] = MouseOver;
    SoundList[sndCounter][MouseClickState] = MouseClick;
    SoundList[sndCounter][MouseDownState] = MouseDown;
    SoundList[sndCounter][MouseOutState] = MouseOut;
    sndCounter++;
}

function PlaySound(name, state)
{
    for (i = 0; i < sndCounter; i++)
    {
        if (name == SoundList[i][NameIndex])
        {
            if (navigator.appName == 'Netscape')
            {
                if (SoundList[i][state] != "")
                    document.NSSound.play();
                else
                    document.NSSound.stop();
            }
            else
            {
                document.all.JSSound.src = SoundList[i][state];
                document.all.JSSound.loop = 1;
                document.all.JSSound.autostart = true;
            }
        }
    }
}
AddSoundToList("dansk", "din danske midifil.mid", "", "", "");
AddSoundToList("engelsk", "din engelske midifil.mid", "", "", "");
AddSoundToList("tom", "", "", "", "");


//-->
</SCRIPT>

<A HREF="#"    ONMOUSEOVER =" PlaySound('dansk', MouseOverState);"     ONCLICK =" PlaySound('tom', MouseClickState);"     ONMOUSEDOWN =" PlaySound('tom', MouseDownState);"     ONMOUSEOUT ="document.OriginImage=null;  PlaySound('tom', MouseOutState);" ><img scr="danskbillede.gif" border="0"><br>
<A HREF="#"    ONMOUSEOVER =" PlaySound('engelsk', MouseOverState);"     ONCLICK =" PlaySound('tom', MouseClickState);"     ONMOUSEDOWN =" PlaySound('tom', MouseDownState);"     ONMOUSEOUT ="document.OriginImage=null;  PlaySound('tom', MouseOutState);" ><img scr="amerikanskbillede.gif" border="0">

........................................................................
Som du kan se, skal du bare tilføje de nederste link til dine billeder for at få det til at virke

/0ffline
Avatar billede 0ffline Nybegynder
17. oktober 2002 - 22:07 #2
Det skal selvfølgelig være src istedetfor scr :O/
Så dit billedelink vil se således ud -->

<A HREF="#"    ONMOUSEOVER =" PlaySound('engelsk', MouseOverState);"    ONCLICK =" PlaySound('tom', MouseClickState);"    ONMOUSEDOWN =" PlaySound('tom', MouseDownState);"    ONMOUSEOUT ="document.OriginImage=null;  PlaySound('tom', MouseOutState);" ><img src="amerikanskbillede.gif" border="0">
Avatar billede 0ffline Nybegynder
17. oktober 2002 - 22:25 #3
Du kan se et eksempel her
http://www.exciter.dk/miditest.html
Avatar billede bjering Nybegynder
17. oktober 2002 - 23:26 #4
det virker bare ... det er til en side jeg er ved at lave tjek selv..

http://www.games4gamers.dk/gf/test2

takker mange gange :)
Avatar billede 0ffline Nybegynder
17. oktober 2002 - 23:54 #5
Ser squ rigtigt godt ud :O)
Tak 4 points
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