Toon posts:

dropdownbox

Pagina: 1
Acties:

Verwijderd

Topicstarter
LS,

Ik bezig met het vernieuwen van mijn persoonlijke website met foto's ed.
Nu ben ik van plan een dropdownbox te maken met keuzes uit meerder foto pagina's.

Gezien ik helemaal geen ervaring heb met HTML / dropdownboxes heb ik al het een en ander gevonden via het internet, alleen loop ik momenteel vast.

Ik wil als men in het dropdown menu voor foto's x kiest dat deze dan weergegeven word in een ander frame. Dat zou in principe met de target funtie moeten kunnen.

Echter heb ik het al op verschillende manieren geprobeert maar kom er niet uit. momenteel heb ik de volgende code:


<option value="">Selecteer pagina</option>
<option value="/foto's/foto's 1/index.htm">1</option>
<option value="/foto's/foto's 2/index.htm">2</option>
<option value="/foto's/foto's 3/index.htm">3</option>
</select></font></div>



Nu worden de pagina's weergegeven in hetzlefde frame als de link zich in bevind.

Diverse mogelijkheden als:
<option value="http://www.tweakers.netnlcom" target ="onder">4</option>
werkt niet.

Heeft iemand een oplossing? of heeft iemand een beter iedee? Ik hoor het graag! bvd

  • moto-moi
  • Registratie: Juli 2001
  • Laatst online: 09-06-2011

moto-moi

Ja, ik haat jou ook :w

God, root, what is difference? | Talga Vassternich | IBM zuigt


  • Willem
  • Registratie: Februari 2001
  • Laatst online: 15:06
Ik zou zeggen ga eens op onderzoek uit met betrekking tot de mogelijkheden van JavaScript. :)
Op hotscripts.com staan best wat leuke voorbeelden.

Motor onderhoud bijhouden


Verwijderd

Het <select>-element met bijbehorende <option>-elementen zal zeer vermoedelijk deel uitmaken van een <form>. Van het <form> kun je vervolgens de target-eigenschap zetten. Het formulier wordt dan verstuurd en de uitkomst zal in het betreffende frame getoond worden.

Verwijderd

ik ben te goed

HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<html>
<head>
<script type="text/javascript">
function search(selectell)
{
    if(selectell.selectedIndex > 0)
    {    
        window.location = 'http://' + selectell.value;
    }
}
</script>
</head>
<body>

<select onchange="search(this)">
    <option value="">- - - - - - - - - - - - - - - - - - - -</option>    
    <option value="www.google.nl">google</option>
    <option value="www.msn.nl">msn</option>
    <option value="www.blaat.nl">blaat</option>
</select>

</body>
</html>


owjaa, de bedoeling is wel dat je hiervan iets leert :D

[ Voor 79% gewijzigd door Verwijderd op 08-12-2005 14:08 ]


  • Willem
  • Registratie: Februari 2001
  • Laatst online: 15:06
* Willem steekt een veer in de reet van Par0xysm :P

Motor onderhoud bijhouden


Verwijderd

JavaScript:
1
window.location.href = 'http://' + selectell.options[selectell.selectedIndex].value;

En dat is eigenlijk nog beter ;)
Pagina: 1