[JS] Hoe te werken met form-option acties - Softwareontwikkeling

vrijdag 15 juli 2005 15:04

Acties:

Topicstarter

Bij het toevoegen van een bericht krijg je een dropdown-menu waarbij je kan kiezen tussen opties als nieuwsbericht, artikel, review en dergelijke.
Afhankelijk van de gekozen optie kunnen eventueel meerdere dropdown-menu's komen met opnieuw opties als aantal pagina's en soort artikel.
Hierna moet het formulier komen dat hoort bij de gekozen waarde.

Ik heb al het een en ander gezocht op het internet maar kon niet het juiste vinden. Ben ook nog niet zo bekend met JavaScript, dus lukt het me zelf niet.
Ik wil dus dat afhankelijk van de dropdown-menu keuze een div getoond of verborgen wordt.
Ik heb scripts gezien waarbij het formulier afhankelijk van de gekozen waarde in het stukje javascript code terechtkwam of zelfs tussen de <head>tags kwam. Dit werkt niet prettig, aangezien het een flinke formulier kan worden en er het een en ander aan php in verwerkt zit/wordt.

Ik heb hier een scriptje gevonden (niet mijn script), wat in princiepe aardig werkt, alleen wordt hier nog de boxen gevuld met waardes die in de <head> tags staan.

Ik wil dus dat er iets gedaan wordt als:

<option value="1" onSelect="Visible('box1');">

en onder het formulier komt dan iets als

<div id="box1" style="visibilty: hidden;">
Wanneer optie 1 is geselecteerd wordt deze div zichtbaar.
</div>

Aangezien ik niet zo bekend ben: hoe moet ik werken met de diverse acties als onChange en het hiden/showen van divjes, wat me nog niet goed lukt?

Oh oh Mr. B, oh oh!

vrijdag 15 juli 2005 15:21

Acties:

Blaise

Misschien heb je hier wat aan?

[ Voor 7% gewijzigd door Blaise op 15-07-2005 15:22 ]

vrijdag 15 juli 2005 18:07

Acties:

VincentG

Topicstarter

Opzet is leuk, maar ze werken jammergenoeg niet met het tonen/verbergen van divjes en plaatsen de te komen tekst in de javascript-code.
Ik heb op mn site een uitklapmenu, dat uitklapt (toont) als je muiscursor op een link zit en inklapt (verbergt) als je je muiscursor van de link afhaald. Echter zit er ook nog een heel stuk JS-code aan vast waar aik weinig vat op heb.

<a href="link.php" onClick="return clickreturnvalue();open url('link.php')" onMouseover="dropdownmenu(this, event, 'menu1');">
[img]"plaatje"[/img]</a>
<div id="menu1" class="main_menu" style="width: 115px; border-top: 0px;">
<a class="sub_menu" href="link1">Link 1</a>
<a class="sub_menu" href="link2">Link 2</a>
</div>

Kan eens proberen of de OnMouseover werkt (maar dan keydown oid), maar zal vast wel niet.

Oh oh Mr. B, oh oh!