Avatar billede thomaspries Nybegynder
24. februar 2003 - 11:49 Der er 4 kommentarer og
1 løsning

Timing

Jeg har et problem med min timing på dropdownmenuen i
http://www.cbc.dk/gac/GAC/dropdown.html

Den virker på "logistics", men når den lukker ned igen er timingen ikke helt perfekt mellem mit layer og cellen

Er det forståligt??

Mvh.Thomas
Avatar billede Slettet bruger
24. februar 2003 - 16:22 #1
Upload lige din JS-fil som en txt-fil, tak.
Avatar billede thomaspries Nybegynder
25. februar 2003 - 12:01 #2
// Dropdown start



//names of dropdowns stored here
f7_droplayer=new Array()
f7_droplayer[0]="drop1"
f7_droplayer[1]="drop2"
f7_droplayer[2]="drop3"
f7_droplayer[3]="drop4"
f7_droplayer[4]="drop5"
f7_droplayer[5]="drop6"
f7_droplayer[6]="drop7"

f7_cells=new Array()
f7_cells[0]="space1"
f7_cells[1]="space2"
f7_cells[2]="space3"
f7_cells[3]="space4"
f7_cells[4]="space5"
f7_cells[5]="space6"
f7_cells[6]="space7"


//simple browser check
f7_v4=(parseInt(navigator.appVersion)>=4 && parseInt(navigator.appVersion)<=5)?1:0
f7_ie=(document.all && f7_v4)?1:0
f7_ns=(document.layers && f7_v4)?1:0




function f7_showdrop(thelayer){
    f7_keep=thelayer; f7_hideall(); f7_showitnow=1
    f7_showit(thelayer)
    document.getElementById('space1').style.backgroundColor = "#94B7B6";
    document.getElementById('cell1').style.backgroundColor = "#94B7B6";
    }

function f7_showit(thelayer){
        if(f7_ie){ eval(f7_droplayer[thelayer]+'.style.visibility="visible"') }
        if(f7_ns){ eval('document.'+f7_droplayer[thelayer]+'.visibility="show"');}
       
    }






function f7_hidedrop(){
    f7_keep=-1; setTimeout('f7_hideall()',100)
}

function f7_changeCell(){
    document.getElementById('space1').style.backgroundColor = "#AFC8C7";
    document.getElementById('cell1').style.backgroundColor = "#AFC8C7";
}

f7_keep=-1

function f7_hideall(){
   
    for(i=0;i<f7_droplayer.length;i++){ 
        f7_hideit=0; f7_checkmousepos(i)
        if(f7_ie && f7_keep!=i){
            if(f7_hideit){
                eval(f7_droplayer[i]+'.style.visibility="hidden"')
               
                }
                else
                f7_changeCell()
            }
           
        if(f7_ns && f7_keep!=i){
            if(f7_hideit){ eval('document.'+f7_droplayer[i]+'.visibility="hide"') }
            }
        }
   
    }


//deal with cursor over layer
document.onmousemove = f7_getmousepos
if (f7_ns) document.captureEvents(Event.MOUSEMOVE)

function f7_getmousepos(e){
    if(f7_ns){f7_mousex=e.pageX; f7_mousey=e.pageY}
    if(f7_ie){f7_mousex=event.clientX; f7_mousey=event.clientY;}
    }

function f7_checkmousepos(i){         
    if(f7_ns){   
        f7_x_min=eval('document.'+f7_droplayer[i]+'.left')
        f7_x_max=f7_x_min+eval('document.'+f7_droplayer[i]+'.clip.width')
        f7_y_min=eval('document.'+f7_droplayer[i]+'.top')
        f7_y_max=f7_y_min+eval('document.'+f7_droplayer[i]+'.clip.height')
        }   
    if(f7_ie){   
        f7_x_min=eval(f7_droplayer[i]+'.style.pixelLeft')
        f7_x_max=f7_x_min+eval(f7_droplayer[i]+'.scrollWidth')
        f7_y_min=eval(f7_droplayer[i]+'.style.pixelTop')
        f7_y_max=f7_y_min+eval(f7_droplayer[i]+'.scrollHeight')
        }
    if (f7_mousex>=f7_x_min && f7_mousex<=f7_x_max && f7_mousey>=f7_y_min && f7_mousey<=f7_y_max){
        f7_hideit=0; setTimeout('f7_hideall()',500)
        }
    else { f7_hideit=1 }
    return f7_hideit
    }












//Dropdown end




function newBgColor(ID,color,imgID,img) {
    document.getElementById(ID).style.backgroundColor = color;
    document.getElementById(imgID).src = "images/"+img;
}

var sddStatus = false;
function searchDD(ID) {
    if(sddStatus) {
        document.getElementById("mainDD").style.zIndex = -100;
        document.getElementById(ID).style.visibility = "hidden";
        sddStatus = false;
    }   
    else {
        document.getElementById("mainDD").style.zIndex = 100;
        document.getElementById(ID).style.visibility = "visible";
        sddStatus = true;
    }
}

var nddStatus = false;
function newsDD(ID) {
    if(nddStatus) {
        document.getElementById("mainDD").style.zIndex = -100;
        document.getElementById(ID).style.visibility = "hidden";
        nddStatus = false;
    }   
    else {
        document.getElementById("mainDD").style.zIndex = 100;
        document.getElementById(ID).style.visibility = "visible";
        nddStatus = true;
    }
}

function linkOver(ID1,ID2) {
    document.getElementById(ID1).style.color = "#993333";
    document.getElementById(ID2).style.color = "#993333";
}

function linkOut(ID1,ID2) {
    document.getElementById(ID1).style.color = "#696951";
    document.getElementById(ID2).style.color = "#696951";
}
Avatar billede thomaspries Nybegynder
25. februar 2003 - 12:05 #3
UUUUUUPS!!! Det var en gammel version jeg fik uploadet. her kommer den nye:


// Dropdown start



//names of dropdowns stored here
f7_droplayer=new Array()
f7_droplayer[0]="drop1"
f7_droplayer[1]="drop2"
f7_droplayer[2]="drop3"
f7_droplayer[3]="drop4"
f7_droplayer[4]="drop5"
f7_droplayer[5]="drop6"
f7_droplayer[6]="drop7"

f7_cells=new Array()
f7_cells[0]="space1"
f7_cells[1]="space2"
f7_cells[2]="space3"
f7_cells[3]="space4"
f7_cells[4]="space5"
f7_cells[5]="space6"
f7_cells[6]="space7"


//simple browser check
f7_v4=(parseInt(navigator.appVersion)>=4 && parseInt(navigator.appVersion)<=5)?1:0
f7_ie=(document.all && f7_v4)?1:0
f7_ns=(document.layers && f7_v4)?1:0




function f7_showdrop(thelayer){
    f7_keep=thelayer; f7_hideall(); f7_showitnow=1
    f7_showit(thelayer)
   
    }

function f7_showit(thelayer){
        if(f7_ie){ eval(f7_droplayer[thelayer]+'.style.visibility="visible"') }
        if(f7_ns){ eval('document.'+f7_droplayer[thelayer]+'.visibility="show"');}
        document.getElementById('space1').style.backgroundColor = "#94B7B6";
        document.getElementById('cell1').style.backgroundColor = "#94B7B6";
    }



function showCell(thelayer){
    //for (i=0;i<=7;i++){
        //if(thelayer!=i){
            //document.getElementById(f7_cells[i]).style.backgroundColor = "#AFC8C7";
        //}
    //}
    document.getElementById(f7_cells[thelayer]).style.backgroundColor = "#94B7B6";
}

function hideCell(number){
    for (i=0;i<=7;i++){
        if(number!=i){
            document.getElementById(f7_cells[number]).style.backgroundColor = "#AFC8C7";
        }
    }
    document.getElementById(f7_cells[number]).style.backgroundColor = "#94B7B6";
}

function f7_hidedrop(){
    f7_keep=-1; setTimeout('f7_hideall()',100)
    document.getElementById('space1').style.backgroundColor = "#AFC8C7";
    document.getElementById('cell1').style.backgroundColor = "#AFC8C7";
    }

f7_keep=-1

function f7_hideall(){
   
    for(i=0;i<f7_droplayer.length;i++){ 
        f7_hideit=0; f7_checkmousepos(i)
        if(f7_ie && f7_keep!=i){
            if(f7_hideit){ eval(f7_droplayer[i]+'.style.visibility="hidden"')

    }
            }
        if(f7_ns && f7_keep!=i){
            if(f7_hideit){ eval('document.'+f7_droplayer[i]+'.visibility="hide"') }
            }
        }
   
    }


//deal with cursor over layer
document.onmousemove = f7_getmousepos
if (f7_ns) document.captureEvents(Event.MOUSEMOVE)

function f7_getmousepos(e){
    if(f7_ns){f7_mousex=e.pageX; f7_mousey=e.pageY}
    if(f7_ie){f7_mousex=event.clientX; f7_mousey=event.clientY;}
    }

function f7_checkmousepos(i){         
    if(f7_ns){   
        f7_x_min=eval('document.'+f7_droplayer[i]+'.left')
        f7_x_max=f7_x_min+eval('document.'+f7_droplayer[i]+'.clip.width')
        f7_y_min=eval('document.'+f7_droplayer[i]+'.top')
        f7_y_max=f7_y_min+eval('document.'+f7_droplayer[i]+'.clip.height')
        }   
    if(f7_ie){   
        f7_x_min=eval(f7_droplayer[i]+'.style.pixelLeft')
        f7_x_max=f7_x_min+eval(f7_droplayer[i]+'.scrollWidth')
        f7_y_min=eval(f7_droplayer[i]+'.style.pixelTop')
        f7_y_max=f7_y_min+eval(f7_droplayer[i]+'.scrollHeight')
        }
    if (f7_mousex>=f7_x_min && f7_mousex<=f7_x_max && f7_mousey>=f7_y_min && f7_mousey<=f7_y_max){
        f7_hideit=0; setTimeout('f7_hideall()',500)
        }
    else { f7_hideit=1 }
    return f7_hideit
    }












//Dropdown end




function newBgColor(ID,color,imgID,img) {
    document.getElementById(ID).style.backgroundColor = color;
    document.getElementById(imgID).src = "images/"+img;
}

var sddStatus = false;
function searchDD(ID) {
    if(sddStatus) {
        document.getElementById("mainDD").style.zIndex = -100;
        document.getElementById(ID).style.visibility = "hidden";
        sddStatus = false;
    }   
    else {
        document.getElementById("mainDD").style.zIndex = 100;
        document.getElementById(ID).style.visibility = "visible";
        sddStatus = true;
    }
}

var nddStatus = false;
function newsDD(ID) {
    if(nddStatus) {
        document.getElementById("mainDD").style.zIndex = -100;
        document.getElementById(ID).style.visibility = "hidden";
        nddStatus = false;
    }   
    else {
        document.getElementById("mainDD").style.zIndex = 100;
        document.getElementById(ID).style.visibility = "visible";
        nddStatus = true;
    }
}

function linkOver(ID1,ID2) {
    document.getElementById(ID1).style.color = "#993333";
    document.getElementById(ID2).style.color = "#993333";
}

function linkOut(ID1,ID2) {
    document.getElementById(ID1).style.color = "#696951";
    document.getElementById(ID2).style.color = "#696951";
}
Avatar billede thomaspries Nybegynder
25. februar 2003 - 15:14 #4
Så virker det...
Avatar billede Slettet bruger
25. februar 2003 - 15:36 #5
En anden gang: Upload hellere filen. Det forvirrer med så megen tekst i spørgsmålet.
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