Dropdown menu over plaatje plaatsen - Softwareontwikkeling

woensdag 24 november 2004 14:35

Acties:

Topicstarter

Voor de navigatie op een website die ik aan het maken ben, wil ik gebruik maken van een dropdownmenu. Het is de bedoeling dat deze in de rechteronderhoek van een plaatje komt (800*100 pixels). Ik heb alleen TOTAAL GEEN idee hoe ik dit aan moet pakken.

Iemand die mij op weg kan helpen?

woensdag 24 november 2004 14:51

Acties:

X-Lars

Just GoT it.

Misschien is het handig om de relevante code te posten, want nu heb ik ook TOTAAL GEEN idee hoe je probleem op te lossen in je website.

Misschien kan het wel met een divje, het plaatje als achtergrond hiervan in te stellen en de tekst rechtsonderuit te lijnen. Met CSS, that is.

woensdag 24 november 2004 14:54

Acties:

André

Analytics dude

www.w3schools.com doornemen, daarna iets gaan proberen en eventuele struikelblokken opzoeken. En als laatste redmiddel ons vragen.

woensdag 24 november 2004 14:54

Acties:

BtM909

Watch out Guys...

Vooruit, omdat ik in een goede bui ben

Maar probeer wel ff de code te begrijpen waarom ik dit zo heb toegepast

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Urftitled</title>
<style type="text/css" media="screen">
#menu{
  position:relative;
  width: 800px;
  height: 100px;
  border: 1px solid red;
  background-image: url(bewijs.jpg);
  background-repeat: no-repeat;
}

#navigatie{
  position: absolute;
  bottom: 0;
  right: 0;
}
</style>
</head>
<body>
<div id="menu">
  <select id="navigatie">
    <option value="BtM909">BtM909</option>
    <option value="urf">urf</option>
  </select>
</div>
</body>
</html>

Of had ik anders moeten reageren

[ Voor 46% gewijzigd door BtM909 op 24-11-2004 15:00 ]

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.

woensdag 24 november 2004 15:15

Acties:

Woudloper

« - _ - »

Goed zoeken is over het algemeen het devies. Hoe wil je het menu maken? Moet dit zijn middels een form (zoals rechtsonderaan in GoT) of wil je het doen middels DHTML of wil je het doen door goed gebruik maken van HTML en CSS (dus middels een UL lijst).

woensdag 24 november 2004 15:17

Acties:

BtM909

Watch out Guys...

Woudloper schreef op woensdag 24 november 2004 @ 15:15:
door goed gebruik maken van HTML en CSS (dus middels een UL lijst).

Als je navigatie wordt verzorgd door een <select> dan weet ik niet of je dat wel in een UL wilt stoppen?

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.

woensdag 24 november 2004 15:22

Acties:

Woudloper

« - _ - »

BtM909 schreef op woensdag 24 november 2004 @ 15:17:
Als je navigatie wordt verzorgd door een <select> dan weet ik niet of je dat wel in een UL wilt stoppen?

Klopt, maar ik bedoel of of of... Daarbij is mij uit de TS niet duidelijk wat er precies gedaan moet worden. Zo ik het zie moet het een oplossing zijn middels DHTML (Coolmenu, etc. etc.[/]) of als je nog wat tijd hebt kan je het correct doen middels csshover van Clay. Dat laatste lijkt mij de leukste uitdaging

woensdag 24 november 2004 15:26

Acties:

urf

Topicstarter

BtM909 schreef op woensdag 24 november 2004 @ 14:54:
Vooruit, omdat ik in een goede bui ben

Maar probeer wel ff de code te begrijpen waarom ik dit zo heb toegepast

HTML:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Urftitled</title>
<style type="text/css" media="screen">
#menu{
  position:relative;
  width: 800px;
  height: 100px;
  border: 1px solid red;
  background-image: url(bewijs.jpg);
  background-repeat: no-repeat;
}

#navigatie{
  position: absolute;
  bottom: 0;
  right: 0;
}
</style>
</head>
<body>
<div id="menu">
  <select id="navigatie">
    <option value="BtM909">BtM909</option>
    <option value="urf">urf</option>
  </select>
</div>
</body>
</html>

Of had ik anders moeten reageren

Dit werkt prima!! Onwijs bedankt!! Ik ga ff kijken of ik het zelf ook nog kan snappen

woensdag 24 november 2004 15:45

Acties:

urf

Topicstarter

Hmm, nog ff snel een vraagje

Ik wil de gegevens in het dropdownmenu gebruiken als link naar een ander bestand. Hoe doe ik dat? Gewoon <a href='blabla.php'>BtM909</a> toevoegen ipv gewoon BtM909 werkt niet

woensdag 24 november 2004 15:51

Acties:

BtM909

Watch out Guys...

urf schreef op woensdag 24 november 2004 @ 15:45:
Hmm, nog ff snel een vraagje Ik wil de gegevens in het dropdownmenu gebruiken als link naar een ander bestand. Hoe doe ik dat? Gewoon <a href='blabla.php'>BtM909</a> toevoegen ipv gewoon BtM909 werkt niet

Moet je maar even [google=JS select navigation]

We gaan hier niet alles voorkauwen.

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.

woensdag 24 november 2004 15:52

Acties:

André

Analytics dude

urf schreef op woensdag 24 november 2004 @ 15:45:
Hmm, nog ff snel een vraagje Ik wil de gegevens in het dropdownmenu gebruiken als link naar een ander bestand. Hoe doe ik dat? Gewoon <a href='blabla.php'>BtM909</a> toevoegen ipv gewoon BtM909 werkt niet

code:

<div id="menu">
  <select id="navigatie" onchange="window.open(this.value)">
    <option value="http://www.google.com">BtM909</option>
    <option value="http://www.bla.nl">urf</option>
  </select>
</div>

[ Voor 32% gewijzigd door André op 24-11-2004 15:57 ]

woensdag 24 november 2004 15:52

Acties:

Preatorium

Kan met Javascript, onclick (of zoals door André aangegeven met onchange).

Wordt dus b.v.:

code:

1	<option value="BtM909" Onclick="javascript:window.open('BtM909.php', '_blank');">BtM909</option>

[ Voor 61% gewijzigd door Preatorium op 24-11-2004 15:53 ]

Remember this; very little is needed to make a happy life. ~ Marcus Aurelius Antoninus (121-180)

woensdag 24 november 2004 15:56

Acties:

BtM909

Watch out Guys...

Preatorium schreef op woensdag 24 november 2004 @ 15:52:
Kan met Javascript, onclick (of zoals door André aangegeven met onchange).

Wordt dus b.v.:
code:
1
<option value="BtM909" Onclick="javascript:window.open('BtM909.php', '_blank');">BtM909</option>

Wordt onclick uberhaupt getriggered als je erdoorheen scrollt met je pijltjes-toetsen?

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.

woensdag 24 november 2004 15:58

Acties:

Preatorium

BtM909 schreef op woensdag 24 november 2004 @ 15:56:
[...]

Wordt onclick uberhaupt getriggered als je erdoorheen scrollt met je pijltjes-toetsen?

Als je na de pijltjes op [enter] drukt wel...

Remember this; very little is needed to make a happy life. ~ Marcus Aurelius Antoninus (121-180)

woensdag 24 november 2004 15:58

Acties:

BtM909

Watch out Guys...

Preatorium schreef op woensdag 24 november 2004 @ 15:58:
[...]

Als je na de pijltjes op [enter] drukt wel...

Lekkere navigatie

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.

woensdag 24 november 2004 16:01

Acties:

André

Analytics dude

Preatorium schreef op woensdag 24 november 2004 @ 15:58:
[...]

Als je na de pijltjes op [enter] drukt wel...

Nietus

woensdag 24 november 2004 16:05

Acties:

Preatorium

André schreef op woensdag 24 november 2004 @ 16:01:
[...]

Nietus

Wellus

Probeer in IE maar eens bij selecteer forum... pijltjes selecteren en enter werkt ook daar bij mij in elk geval

Remember this; very little is needed to make a happy life. ~ Marcus Aurelius Antoninus (121-180)

woensdag 24 november 2004 16:06

Acties:

urf

Topicstarter

André schreef op woensdag 24 november 2004 @ 15:52:
[...]

code:

<div id="menu">
  <select id="navigatie" onchange="window.open(this.value)">
    <option value="http://www.google.com">BtM909</option>
    <option value="http://www.bla.nl">urf</option>
  </select>
</div>

Dit werkt opzich wel, maar helaas nog niet helemaal zoals ik wil

Ik ga het voorlopig wel ff op een andere manier doen. Als de rest van de site af is ga ik wel verder klooien met een menu maken op deze manier

Wil namelijk sowieso alle links openen in het zelfde scherm als je waar je in zit. Wil ook gewoon iets als 'navigatie' bovenaan in het dropdownmenu zetten zonder dat deze word gezien. Wil daarna weer, ook nog kijken naar of een gebruiker is ingelogd en daar het menu op aanpassen. Maar voorlopig ga ik wel ff ergens anders aan werken. Dit is me nog ff te lastig.

iig bedankt voor de hulp allemaal

woensdag 24 november 2004 16:07

Acties:

André

Analytics dude

Preatorium schreef op woensdag 24 november 2004 @ 16:05:
[...]

Wellus Probeer in IE maar eens bij selecteer forum... pijltjes selecteren en enter werkt ook daar bij mij in elk geval

Daar staat een onchange op de <select>, en geen onclick op de <select> of op de <option>'s:

code:

1	<select name="select_forum" onchange="switchforum(this)">

Pagina: 1

Reageer