Avatar billede lindob Nybegynder
27. november 2001 - 09:49 Der er 17 kommentarer og
1 løsning

drop dawn menu

kære eksperter.

er der nogen der kan give en meget nybegynder et java script på en drop dawn menu
Avatar billede netz-dk Nybegynder
27. november 2001 - 09:50 #1
til formular eller menu?
Avatar billede nikolajdu Nybegynder
27. november 2001 - 09:52 #2
Avatar billede nikolajdu Nybegynder
27. november 2001 - 09:53 #3
Vil dog lige sige at det ikke er helt for nybegyndere at rette den slags til, men så må du jo spørge på www.eksperten.dk :-)
Avatar billede netz-dk Nybegynder
27. november 2001 - 09:53 #4
Denne kode sætter du ind i <HEAD>

<SCRIPT LANGUAGE=\"JavaScript\">
<!-- Begin
function formHandler(form){
var URL = document.form.site.options[document.form.site.selectedIndex].value;
window.location.href = URL;
}
// End -->
</SCRIPT>

Og denne kode sætter du ind hvor du vil have din menu

<center>
<form name=\"form\">
<select name=\"site\" size=1>
<option value=\"\">Go to....
<option value=\"http://www.yahoo.com\">Yahoo
<option value=\"http://www.metacrawler.com\">Metacrawler
<option value=\"http://www.altavista.digital.com\">Altavista
<option value=\"http://www.webcrawler.com\">Webcrawler
<option value=\"http://www.lycos.com\">Lycos
<option value=\"http://javascript.internet.com\">JavaScript Source
</select>
<input type=button value=\"Go!\" onClick=\"java script:formHandler(this)\">
</form>
</center>

Du får vist ingen problemer med at gætte hvor linkene skal være *Ss*
Avatar billede netz-dk Nybegynder
27. november 2001 - 09:57 #5
Hvis du vil undgå \"Go!\"-knappen skal du bruge denne kode:

Sæt dette stykke kode ind i <HEAD>

<SCRIPT LANGUAGE=\"JavaScript\">
<!-- Begin
function formHandler(form){
var URL = document.form.site.options[document.form.site.selectedIndex].value;
window.location.href = URL;
}
// End -->
</SCRIPT>

Og dette stykke kode ind der hvor du vil have at din menu skal være...

<center>
<form name=\"form\">
<select name=\"site\" size=1 onChange=\"java script:formHandler()\">
<option value=\"\">Go to....
<option value=\"http://www.yahoo.com\">Yahoo
<option value=\"http://www.metacrawler.com\">Metacrawler
<option value=\"http://www.altavista.digital.com\">Altavista
<option value=\"http://www.webcrawler.com\">Webcrawler
<option value=\"http://www.lycos.com\">Lycos
<option value=\"http://javascript.internet.com\">JavaScript Source
</select>
</form>
</center>

- Netz.dk
Avatar billede netz-dk Nybegynder
27. november 2001 - 09:58 #6
Og hvis du bruger frames findes der selvfølgelig også løsninger på det...

Bruger du Frames??
Skal du bruge noget Style sheet til din dropdown-menu??
Avatar billede nikolajdu Nybegynder
27. november 2001 - 10:00 #7
Det var dog besværligt hvorfor ikke fjerne hele din script-del og bare nøjes med:

<select name=\"site\" size=1 onChange=\"self.location.href=this.options[this.selectedIndex].value\">
Avatar billede netz-dk Nybegynder
27. november 2001 - 10:05 #8
nikolajdu > Det er ikke noget jeg selv har lavet, bare et hurtigt jeg fandt på internettet...
Avatar billede lindob Nybegynder
27. november 2001 - 10:19 #9
ja jeg bruger frames
Avatar billede netz-dk Nybegynder
27. november 2001 - 10:21 #10
skal du have den med eller uden \"Go!\"-knap og så til frames?
Avatar billede lindob Nybegynder
27. november 2001 - 10:21 #11
hvis jeg nu skal have siden ind på target=\"indhold\", hvor skal det sættes ind ?
Avatar billede lindob Nybegynder
27. november 2001 - 10:22 #12
uden go
Avatar billede netz-dk Nybegynder
27. november 2001 - 10:23 #13
vent 2 sek....

så skaffer jeg lige scriptet...
Avatar billede nikolajdu Nybegynder
27. november 2001 - 10:24 #14
<select name=\"site\" size=1 onChange=\"parent.indhold.location.href=this.options[this.selectedIndex].value\">
Avatar billede netz-dk Nybegynder
27. november 2001 - 10:27 #15
Her er scriptet... og lavet til at alle siderne bliver åbnet i \"indhold\"

Koden som skal sættes ind i <HEAD>

<SCRIPT LANGUAGE=\"JavaScript\">
<!-- Begin
function leapto(form) {
var myindex=form.dest.selectedIndex
parent.indhold.location.href=(form.dest.options[myindex].value);
// You can output to ANY frame using:  parent.indhold.location.href
}
// End -->
</SCRIPT>

Og koden som skal sættes ind på din side <BODY> er her hvor du bare skal rette i adressen og teksten *Ss*

<CENTER>
<FORM NAME=\"myform\">
<SELECT NAME=\"dest\" SIZE=1 onChange=\"leapto(this.form)\">
<OPTION SELECTED VALUE=\"http://javascriptsource.com\">The JavaScript Source
<OPTION VALUE=\"http://buttons.javascriptsource.com\">Buttons
<OPTION VALUE=\"http://games.javascriptsource.com\">Games
<OPTION VALUE=\"http://links.javascriptsource.com\">Links
<OPTION VALUE=\"http://navigation.javascriptsource.com\">Navigation
<OPTION VALUE=\"http://user-details.javascriptsource.com\">User Details
</SELECT>
</FORM>
</CENTER>

Og jeg er ret sikker på at det virker... *Ss*

- Netz.dk
Avatar billede lindob Nybegynder
27. november 2001 - 10:48 #16
det virker jo perfekt, tak for det.
Og nu kommer designet, hvis det skal virker som f.eks ved tv2.dk altså uden border og pile, kun med ordet ? anden bgcolor hvad så, hvor skal jeg rette
Avatar billede lindob Nybegynder
27. november 2001 - 11:22 #17
er der mulighed for ovenstående, stylesheet ??? som i refererede til eller ???
Avatar billede lindob Nybegynder
27. november 2001 - 11:31 #18
har i mistet forbindelsen ???
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