Maken van een menu, hoe moet ik dit oplossen? - Softwareontwikkeling

zaterdag 6 april 2002 10:35

Acties:

Verwijderd

Topicstarter

Ik ben bezig met een nieuwe website, het ontwerp heb ik groot en deels al af, alleen moet ik nog een menu implementeren.

Ik zou graag willen dat waneer ik met de muis over de knoppen ga de kleur veranderd, dit zou ik kunnen oplossen mbv een Javascript.
Alleen, hoe krijg ik de blokjes netjes in het menu? Vroeger heb ik wel eens met een kaart gewerkt & maps, dan kon je met coördinaten de knoppen aanduiden. Dat zou ik nu ook kunnen doen, alleen ik wil wel graag dat de kleur veranderd en dat kan volgens mij niet als je maps gebruikt.

Wie kan mij advies geven?

Het gaat om de volgende site:
1024 x 768 @ 0,32MB
http://members.chello.nl/~bjhm.velthuis/site.jpg

zaterdag 6 april 2002 10:52

Acties:

sjroorda

Zoek eens op een js-site (bijv. http://www.jsexamples.com) naar 'rollover' evt. i.c.m. 'menu'.

zaterdag 6 april 2002 10:56

Acties:

Positron

Immer positief! +1,6*10^-19 C

Het is mogelijk hoor

Je moet gewoon de OnMouseOver-codes enzo net zoals normaal in je hyperlinks zetten, ik had het vroeger ook op m'n site.

//edit

Ik had dat dus met plaatjes die veranderden; een groene knop (jpg) die veranderde in een blauwe zegmaar (jpg) dus de plaatjes werden verwisseld.

//edit2

oke, hier dus even het stukje van mijn website, ik neem aan de je het er wel uit moet kunnen halen wat je zoekt, aangezien je vaker met Image maps gewerkt zegt te hebben:


</script>
</head>
<body bgcolor="000000">
<div align="center">
<map name="VanWissen.COM">
<area shape="rect" coords="94, 17, 396, 51"
href="http://www.forum4free.f2s.com/read.php3?fname=vwissen"
onMouseOver="onder.src='forum.GIF'" OnMouseOut="onder.src='onderleeg.GIF'" onClick="onder.src='forum.GIF'" />

<area shape="rect" coords="125, 63, 427, 97" href="/vakantiefotos/index.htm" onMouseOver="onder.src='fotos.GIF'" OnMouseOut="onder.src='onderleeg.GIF'" onClick="onder.src='fotos.GIF'" />

<area shape="rect" coords="160, 111, 462, 145" href="http://home.hccnet.nl/van.wissen/index2.htm" onMouseOver="onder.src='pidgey.GIF'" OnMouseOut="onder.src='onderleeg.GIF'" onClick="onder.src='pidgey.GIF'" />

<area shape="rect" coords="193, 162, 495, 196" href="psx.htm" onMouseOver="onder.src='psx.GIF'" OnMouseOut="onder.src='onderleeg.GIF'" onClick="onder.src='psx.GIF'" />
</map>

<div align="left">
[img]"linkindex.GIF"[/img]<br />[img]"linksonder.GIF"[/img][img]"onderleeg.GIF"[/img]

Ik hoop dat je het een beetje kunt zien, ik heb de code-tag niet gebruikt vanwege het upfucken van de layout

Garmin Fenix 6 Sapphire | Swim.. Bike.. Run!

zaterdag 6 april 2002 12:06

Acties:

Verwijderd

Topicstarter

Bedankt voor jullie reacties

Ik heb nog eens wat rondgekeken, want het maken van maps kost wel erg veel tijd

Toch heb ik een heel handig programmaatje gevonden, 't is 300 kb. Je opent gewoon een html file met een jpg'tje, en dan kun je zelf gewoon selecties maken. De selecties worden vervolgens de coördinaten voor je map.

Je kunt volgens mij ook Javascript implementeren alleen is me dat nog niet echt gelukt. Ik ga weer eens verder proberen

Ohh jah, de url van het proggie:
http://www.boutell.com/mapedit/

zaterdag 6 april 2002 14:10

Acties:

Orphix

Die site die jij hebt zou je ook heel goed zonder maps kunnen maken, dat is makkelijker hanteerbaar.
Het menu is gewoon een zooi plaatjes direct onder elkaar.
Via javascript doe je dabn bij OnMouseOver -> een nieuw plaatje (geselecteerd plaatje dus).

zaterdag 6 april 2002 15:13

Acties:

Phydomir

Dennis

Op zaterdag 06 april 2002 12:06 schreef Toverstaf het volgende:
Bedankt voor jullie reacties

Ik heb nog eens wat rondgekeken, want het maken van maps kost wel erg veel tijd
Toch heb ik een heel handig programmaatje gevonden, 't is 300 kb. Je opent gewoon een html file met een jpg'tje, en dan kun je zelf gewoon selecties maken. De selecties worden vervolgens de coördinaten voor je map.

Je kunt volgens mij ook Javascript implementeren alleen is me dat nog niet echt gelukt. Ik ga weer eens verder proberen

Ohh jah, de url van het proggie:
http://www.boutell.com/mapedit/

Dit kan je ook gewoon me dreamweaver maken hoor.

Plaatjes knippen en onder elkaar zetten werkt ook prima.

iRacing | Sim Gear: SimXperience AccuForce, Heusinkveld Pro, Custom 80/20 rig, Sparco R100 Sky

zaterdag 6 april 2002 15:31

Acties:

Chiron

Moderator Discord / TFV & AWM

gewoon slicen en in een tabelletje mikken

"Light thinks it travels faster than anything. It doesn't. For wherever light travels it finds darkness has got there first and is waiting for it."