2 automatische menus in javascript, hoe? - Softwareontwikkeling

vrijdag 3 oktober 2003 15:30

Acties:

Verwijderd

Topicstarter

Ik heb een javascript database gedownload, 1 van de scripts wil ik gebruiken maar wil in plaats van 1, 2 menus in 1 pagina. Hoe kan ik dit doen? Ik heb geen verstand van java @ ALL

Dit is het script;

<SCRIPT LANGUAGE="JavaScript">




</SCRIPT>

<center><BR><BR><BR>
<form name="form">
<select name="site" size=1 onChange="javascript: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
</select>
</form>

Het script werkt, alleen niet als ik 2 dezelfde menus in 1 html pagina wil stoppen (dus 2 menus creeer) wat moet ik wijzigen/toevoegen...?

Bedankt!

vrijdag 3 oktober 2003 15:32

Acties:

André

Analytics dude

En als je alleen de select 2 keer in de pagina zet? (dus alles wat tussen <form> en </form> staat)

vrijdag 3 oktober 2003 15:33

Acties:

Verwijderd

Andere naam/id geven aan <select> en daar in de formHandler ook naar verwijzen.
_{- [ code ] tags zijn wel beter leesbaar

- Standaard opmerking: java != javascript}

vrijdag 3 oktober 2003 15:34

Acties:

Verwijderd

Het script is niet zo netjes. Verander de volgende dingen:

JavaScript:

function formHandler(oElm){
var URL = oElm.options[oElm.selectedIndex].value;
window.location.href = URL;
}

HTML:

<form name="form1">
<select name="site1" size=1 onChange="formHandler(this);">
<option value="">Go to....
<option value="http://www.yahoo.com">Yahoo
<option value="http://www.lycos.com">Lycos
</select>


<select name="site2" size=1 onChange="formHandler(this);">
<option value="">Go to....
<option value="http://www.tweakers.net">Tweakers
<option value="http://www.nu.nl">Nu.nl
</select>
</form>

Zo kun je zoveel van die menu's neerzetten als je maar wil

[ Voor 59% gewijzigd door Verwijderd op 03-10-2003 15:35 ]

vrijdag 3 oktober 2003 15:59

Acties:

Verwijderd

Topicstarter

Bedankt allemaal maar het werkt niet... helaas,
vooralsnog is dit dus de gehele code...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
<HTML>
<HEAD>
<LINK href="general.css" rel="stylesheet" type="text/css">

<SCRIPT LANGUAGE="JavaScript">




</SCRIPT>

</HEAD>

<BODY Background=../graphics/grayback.jpg>
<center><BR><BR><BR>
<form name="form">
<select name="site" size=1 onChange="javascript: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
</select>
</form>

<center><BR><BR><BR>
<form name="form">
<select name="site" size=1 onChange="javascript: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
</select>
</form>

</center>
</BODY>
</HTML>

Hoe krijg ik dus twee werkende menus hier in deze pagina... moet ik de verschillende apart nummeren, 1, 2 of moet ik het script zelf herhalen? Zo ja waar moet ik die dan zetten/proggen?

Thx guys..

vrijdag 3 oktober 2003 16:02

Acties:

Verwijderd

Beide selects hebben dezelfde naam (site) en in de formHandler word ook alleen verwezen naar "site". Werkte de code van Blues niet?

JavaScript:

function formHandler(oElm){
var URL = oElm.options[oElm.selectedIndex].value;
window.location.href = URL;
}

[ Voor 4% gewijzigd door Verwijderd op 03-10-2003 16:03 ]

vrijdag 3 oktober 2003 16:06

Acties:

ramonp

Verwijderd schreef op 03 October 2003 @ 16:02:
Beide selects hebben dezelfde naam (site) en in de formHandler word ook alleen verwezen naar "site". Werkte de code van Blues niet?
JavaScript:
1
2
3
4
function formHandler(oElm){
var URL = oElm.options[oElm.selectedIndex].value;
window.location.href = URL;
}

Code van Blues werkt gewoon.

vrijdag 3 oktober 2003 16:08

Acties:

Verwijderd

offtopic:
Ja dat snap ik, daarom quote ik ook de code van Blues

vrijdag 3 oktober 2003 16:09

Acties:

Verwijderd

Topicstarter

Verwijderd schreef op 03 October 2003 @ 16:02:
Beide selects hebben dezelfde naam (site) en in de formHandler word ook alleen verwezen naar "site". Werkte de code van Blues niet?
JavaScript:
1
2
3
4
function formHandler(oElm){
var URL = oElm.options[oElm.selectedIndex].value;
window.location.href = URL;
}

Bedankt voor je reactie! Nee zijn code werkt niet, je krijgt wel 2 menus maar beide linken niet door...

Wat moet ik met jouw script hierboven doen... ik bedoel de mijne vervangen of ertussen zetten?
Kun je me misschien iets meer helpen met wat ik dan moet veranderen aan <select> aangezien ik die code niet begrijp (kan lezen) en dus niet weet wat ik veranderen moet...
Ja, ik wil ook graag dat die link zich laadt in de frame van mijn site... Ik heb nu 2 javamenus die dit werk doen maar de mensen moeten nu op GO klikken, das een beetje irritant omdat dat vertraagd, ik kan helaas de code niet afkijken hehe

aangezien deze heel anders is opgebouwd...

Bedankt!

vrijdag 3 oktober 2003 16:11

Acties:

Verwijderd

De code van Blues werkt perfect hoor, moet ik het dan onder elkaar zetten?

code:

<script language="javascript">
function formHandler(oElm){
var URL = oElm.options[oElm.selectedIndex].value;
window.location.href = URL;
}
</script>

<form name="form1">
<select name="site1" size=1 onChange="formHandler(this);">
<option value="">Go to....
<option value="http://www.yahoo.com">Yahoo
<option value="http://www.lycos.com">Lycos
</select>


<select name="site2" size=1 onChange="formHandler(this);">
<option value="">Go to....
<option value="http://www.tweakers.net">Tweakers
<option value="http://www.nu.nl">Nu.nl
</select>
</form>

vrijdag 3 oktober 2003 16:13

Acties:

BtM909

Watch out Guys...

KIJK EENS GOED NAAR DE VERSCHILLEN

Verwijderd schreef op 03 October 2003 @ 15:59:
HTML:
1
2
<form name="form">
<select name="site" size=1 onChange="javascript:formHandler()">

Verwijderd schreef op 03 October 2003 @ 15:34:
HTML:
1
2
<form name="form1">
<select name="site1" size=1 onChange="formHandler(this);">

[ Voor 15% gewijzigd door BtM909 op 03-10-2003 16:13 ]

Ace of Base vs Charli XCX - All That She Boom Claps (RMT) | Clean Bandit vs Galantis - I'd Rather Be You (RMT)
You've moved up on my notch-list. You have 1 notch
I have a black belt in Kung Flu.

vrijdag 3 oktober 2003 16:18

Acties:

Verwijderd

Topicstarter

oke oke SORRY, de oplossing van riffic en blues is correct... $_/-\o_$ mijn htmlprog topstyle kon de link niet laten zien omdat het niet met het internet mag communiceren (firewall). Toen ik het in explorer laadde deed hij het perfect...

I feel like a

hehe

Maaruh, hoe zit het dan met de originele code/script daar moet het toch ook mee mogelijk zijn?

Thx

vrijdag 3 oktober 2003 16:21

Acties:

Verwijderd

Dit is dus ook niets meer dan een "aanpassing" op jouw script. Het is alleen even variabeler neergezet.

_{Btw, een javascript tutorial is misschien aan te raden}

vrijdag 3 oktober 2003 16:24

Acties:

André

Analytics dude

Verwijderd schreef op 03 October 2003 @ 16:18:
oke oke SORRY, de oplossing van riffic en blues is correct... $_/-\o_$ mijn htmlprog topstyle kon de link niet laten zien omdat het niet met het internet mag communiceren (firewall). Toen ik het in explorer laadde deed hij het perfect...

I feel like a hehe

Maaruh, hoe zit het dan met de originele code/script daar moet het toch ook mee mogelijk zijn?

Thx

Het script dat jij had keek in 1 bepaalde select voor de te openen url, en dat script van Blues kijkt naar de select die het script aanroept. Waardoor je dus veel meer selects op 1 pagina kwijt kan.

vrijdag 3 oktober 2003 16:31

Acties:

Bosmonster

*zucht*

- scriptrequest..
- javascript database

- javascript != java

als je geen verstand hebt van javascript, ga dan eens een tutorialtje doen