Avatar billede pnr Nybegynder
29. juli 2003 - 16:06 Der er 4 kommentarer og
1 løsning

bruge coolselect som link boks

Jeg er intereseret i at bruge coolselect (http://www.tangveje.dk/) som en link boks. Dvs at når jeg trykker på en af punkterne i comboboxen skal det linke til en anden side.
Avatar billede pnr Nybegynder
06. august 2003 - 08:37 #1
lukker
Avatar billede tangveje Nybegynder
22. december 2003 - 02:21 #2
Kom lige tilfældigvis forbi... Ved godt det er lidt sent :( men anyway....

Den nuværende version (1.0) er lidt kringlet og arbejde med, specielt i tilfælde som dette. Den næste version (2.0) skulle hjælpe på det, men den har været under vejs meget længe nu, og jeg aner ikke hvornår jeg bliver færdig med den :(

Jeg har rodet lidt med koden og lavet nogen hurtige ændringer. Først, åben coolselect.js filen i notepad (or whatever), og find funktionen 'option', skift hele funktionen ud med følgende (ser nok lidt rodet ud her på eksperten) :

function option( sel, label, val, url ) {
    if ( document.getElementById ) {
        document.open( ) ;
        if (url != "") {
            document.write( '<div><a href="#" onclick="location.href=\'' + url + '\' ; return false ;">' + label + '</a></div>' ) ;
        } else {       
            document.write( '<div><a href="#" onclick="clickselect(\'' + sel + '\', \'' + label + '\', \'' + val + '\') ; return false ;">' + label + '</a></div>' ) ;
        }       
        document.close( ) ;
    } else {
        document.open( ) ;
        document.write( '<option>' + label + '</option>' ) ;
        document.close( ) ;
    }
}

Der er tilføjet en parameter til funktionen, så scriptet ved hvor den skal sende folk hen når der klikkes. Når du så vil lave dine options, skal du blot bruge dette format :

option( "sel1", "Option 1", "1", "http://www.hvorhen.dk" ) ;

Hvis du IKKE vil sende brugeren et nyt sted hen, skal du blot efterlade sidste parameter tom :

option( "sel1", "Option 1", "1", "" ) ;

Håber det hjalp :) Har kun testet det hurtigt, så det er muligt mine ændringer indfører et par bugs... Man ved aldrig med den slags :(
Avatar billede pnr Nybegynder
23. december 2003 - 11:06 #3
Det var lækkert med et svar her :-) bedre sent end aldrig.

Jeg har lige et tillæg spørgsmål, er det muligt at lave en scroll bar i coolselect, på samme måde som i en alm combobox hvor man definere at der skal være eks. 5 synlige elementer af gangen.
Avatar billede tangveje Nybegynder
23. december 2003 - 11:35 #4
Kan muligvis klares ved at rode lidt med CSS filen... prøv følgende

.selectbox {
    position : absolute ;
    z-index : 2 ;
    visibility : hidden ;
    width : 100px ;
    border : 1px solid #808080 ;
    background-color : #EAEAEA ;
    overflow : auto ;
    height : 300px ;
    }

Det er de to sidste linier jeg har tilføjet. Har ikke testet, men det er den simple løsning. Det skulle så resultere i en ganske alm. grå scroll bar. Ikke det kønneste syn, men i IE kan den i hvert fald farves (hvis du ikke har noget imod at bryde lidt med standarderne).
Avatar billede pnr Nybegynder
23. december 2003 - 12:04 #5
Ja noget i retningen af det :-). Tusind tak for hjælpen!!
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