Avatar billede jensb Nybegynder
20. juni 2001 - 13:24 Der er 12 kommentarer og
2 løsninger

Flere dropdown menuer

Hey

Jeg kunne godt tænke mig at lave mine links i nogle dropdown menuer. Jeg har så fundet det følgende script, og har heller ingen problemer med at få det til at virke.

Men jeg vil gerne have flere dropdown menuer på den samme side, og det kan jeg ikke få til at virke.

Jeg har prøvet at sætte 2 ind, men så vrker det ikke, når man trykke på den ene knap, bliver man linket til den side der er valgt i den anden dropdown. Det er selvfølgelig fordi de 2 scripts hedder det samme, og jeg har derfor prøvet at rode lidt med t ændre navnene. Men eg er stadig på Frontpage-stadiet, så jeg roder rundt i blinde og er derfor ikke komet videre.

Det skal være denne her type \"standard\" design menu. Kan det eventuelt gøres i Frontpage (har Frontpage extensions). Jeg har rodet lidt med det i Frontpage, man kan kun få det til at virke til at sende resultater med mail, og ikke som link.


<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>
</HEAD>

<BODY>

<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>

Avatar billede teqno Nybegynder
20. juni 2001 - 13:30 #1
<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>
</HEAD>

<BODY>

<center>
<form name=\"form\">
<select name=\"site\" size=1>
<option value=\"\">Go to....
<option value=\"http://www.1.dk\">1
<option value=\"http://www.2.dk\">2
<option value=\"http://www.3.com\">3
<option value=\"http://www.4.com\">4
<option value=\"http://5.dk\">5
</select>
<input type=button value=\"Go!\" onClick=\"java script:formHandler(this)\">
</form>
</center>

<SCRIPT LANGUAGE=\"JavaScript\">

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

<BODY>

<center>
<form name=\"form\">
<select name=\"site\" size=1>
<option value=\"\">Go to....
<option value=\"http://www.6.com\">6
<option value=\"http://www.7.com\">7
<option value=\"http://www.8.com\">8
<option value=\"http://www.9.com\">9
<option value=\"http://www.10.com\">10
<option value=\"http://11.com\">11
</select>
<input type=button value=\"Go!\" onClick=\"java script:formHandler(this)\">
</form>
</center>




JEg har bare skrevet tal men det skal du selv rette...

-Teqno
Avatar billede jensb Nybegynder
20. juni 2001 - 13:58 #2
tja...det kan jeg nu heller ikke rigtig få til at virke.

Jeg får besked om at siden indeholder \"duplicate form names\". Burde de to form ikke hedde noget forskelligt f.eks. form1 og form 2? men hvor skal man så rette det i head?

Og er det rigtigt at begge :

<SCRIPT LANGUAGE=\"JavaScript\">

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

skal indsættes i head?
Avatar billede teqno Nybegynder
20. juni 2001 - 15:52 #3
Prøv sådan her..... :



<HEAD>

<SCRIPT LANGUAGE=\"JavaScript\">

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

<SCRIPT LANGUAGE=\"JavaScript\">

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

</HEAD>

<BODY>

<center>
<form name=\"form1\">
<select name=\"site\" size=1>
<option value=\"\">Go to....
<option value=\"http://www.1.dk\">1
<option value=\"http://www.2.dk\">2
<option value=\"http://www.3.com\">3
<option value=\"http://www.4.com\">4
<option value=\"http://5.dk\">5
</select>
<input type=button value=\"Go!\" onClick=\"java script:formHandler(this)\">
</form>
</center>




<center>
<form name=\"form2\">
<select name=\"site\" size=1>
<option value=\"\">Go to....
<option value=\"http://www.6.com\">6
<option value=\"http://www.7.com\">7
<option value=\"http://www.8.com\">8
<option value=\"http://www.9.com\">9
<option value=\"http://www.10.com\">10
<option value=\"http://11.com\">11
</select>
<input type=button value=\"Go!\" onClick=\"java script:formHandler(this)\">
</form>
</center>
Avatar billede teqno Nybegynder
20. juni 2001 - 15:58 #4
Jeg er ikke sikker på om den her eller den oven over virker men prøv dem begge :)



<HEAD>

<SCRIPT LANGUAGE=\"JavaScript\">

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

<SCRIPT LANGUAGE=\"JavaScript\">

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

</HEAD>

<BODY>

<center>
<form name=\"form1\">
<select name=\"site\" size=1>
<option value=\"\">Go to....
<option value=\"http://www.1.dk\">1
<option value=\"http://www.2.dk\">2
<option value=\"http://www.3.com\">3
<option value=\"http://www.4.com\">4
<option value=\"http://5.dk\">5
</select>
<input type=button value=\"Go!\" onClick=\"java script:formHandler(form1)\">
</form>
</center>




<center>
<form name=\"form2\">
<select name=\"site\" size=1>
<option value=\"\">Go to....
<option value=\"http://www.6.com\">6
<option value=\"http://www.7.com\">7
<option value=\"http://www.8.com\">8
<option value=\"http://www.9.com\">9
<option value=\"http://www.10.com\">10
<option value=\"http://11.com\">11
</select>
<input type=button value=\"Go!\" onClick=\"java script:formHandler(form2)\">
</form>
</center>   

 
Avatar billede jensb Nybegynder
20. juni 2001 - 18:14 #5
Det hjalp ikke...

Der kommer en fejlmeddelelse når man ændre navnet \"form\" til \"form1\"...og hvis man ikke gør, så får man besked om at der er duplicate form names.

Det kan da ikke være rigtigt at det ikke kan lade sig gøre... Nu har jeg hævet pointene til 60, da det åbenbart er sværere end jeg troede...så håber jeg at der er andre der har et forslag.
Avatar billede teqno Nybegynder
20. juni 2001 - 18:40 #6
Prøv det her.... :)



<HEAD>

<SCRIPT LANGUAGE=\"JavaScript\">

<!-- Begin
function formHandler(form){
var URL = document.form.site.options[document.form.site.selectedIndex].value;
window.location.href = URL;
}
function formHandler(form){
var URL = document.form.site.options[document.form.site.selectedIndex].value;
window.location.href = URL;
}

// End -->

</SCRIPT>

</HEAD>

<BODY>

<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>

<center>
<form name=\"form1\">
<select name=\"site1\" 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>

</BODY>
Avatar billede jensb Nybegynder
20. juni 2001 - 18:51 #7
nope...  du kan selv prøve på www.bjargum.dk/testside.htm

Den ene virker, man uanset hvad man vælger i den anden, så kommer man til det der er valgt i den øverste.
Avatar billede the_nest Nybegynder
20. juni 2001 - 21:19 #8
Simpelt :) prøv dette :)
ps. dette er det først stykke java jeg skrive :)

<head>

<script language=\"javaScript\">

function newSite(form, select) {
    window.location.href=form[select].options[form[select].selectedIndex].value;
}

</script>
</head>
<body>

<form name=\"form1\">
    <select name=\"select1\" size=\"1\">
        <option value=\"\">Go to....
        <option value=\"http://www.1.com\">1
        <option value=\"http://www.2.com\">2
        <option value=\"http://www.3.com\">3
        <option value=\"http://www.4.com\">4
        <option value=\"http://www.5.com\">5
    </select>
    <input type=\"button\" value=\"Go\" onClick=\"newSite(this.form, \'select1\')\">
</form>

<form name=\"form2\">
    <select name=\"select2\" size=1>
        <option value=\"\">Go to....
        <option value=\"http://www.6.com\">6
        <option value=\"http://www.7.com\">7
        <option value=\"http://www.8.com\">8
        <option value=\"http://www.9.com\">9
        <option value=\"http://www.10.com\">10
    </select>
    <input type=\"button\" value=\"Go\" onClick=\"newSite(this.form, \'select2\')\">
</form>

</body>
Avatar billede jensb Nybegynder
20. juni 2001 - 22:33 #9
Jubii...tja, på www.bjargum.dk ind under links, der er beviset på at det virker...FEDT!!!

Det var The_nest\'s script der virkede, lige med det samme, så det skal han selvfølgelig ha\' point for. Men på grund af teqno\'s ihærdige indsats, har jeg valgt at give ham 15 og så 45 til the_nest, da det var hans der virkede

Kan jeg måske lige få en hurtig gratis :-)  Hvis de skal åbne i et nyt vindue, hvor skal jeg så smide target=\"_blank\" ind henne?
Avatar billede the_nest Nybegynder
20. juni 2001 - 23:21 #10
Så skidt da :)

du skal bare ændre:

window.location.href=form[select].options[form[select].selectedIndex].value;

til:

window.open(form[select].options[form[select].selectedIndex].value);
Avatar billede jensb Nybegynder
20. juni 2001 - 23:25 #11
Jamen du har jo ret igen...fedt!!!

tak for hjælpen
Avatar billede the_nest Nybegynder
20. juni 2001 - 23:25 #12
Det er også muglighed for at ændre vinduets udsene.

Syntaksen er:

window.open(\"url\", \"name\", \"status=yes, toolbar=yes, width=600, height=400\");

ps. \"url\" i dit tilfelde skal udskiftes med:

form[select].options[form[select].selectedIndex].value

ps. bemærk at du også skal fjerne \"\" omkring url :)
Avatar billede the_nest Nybegynder
20. juni 2001 - 23:26 #13
var så lidt :)
Avatar billede jensb Nybegynder
20. juni 2001 - 23:33 #14
fedt nok
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