Javascript rollovers & Image maps
12 juli 2009 - 23:31   
geplaatst door: Michael
Ik ben met een projectje bezig waarbij je gebruik moet maken van image maps, de opzet en alle lukt me wel maar met javascript moet je de rollovers maken, kan iemand me helpen?

als je op de arm klikt krijg je het plaatje, maar dat plaatje moet links onder de text komen te staan als je dus met je muis eroverheen gaat....

de site: http://www.devosdesign.nl/MM4/

Javascript rollovers & Image maps
13 juli 2009 - 08:59    reactie #1
geplaatst door: moxie
wellicht heb je hier iets aan?
http://www.stunicholls.com/various/solar_map.html

in de broncode kun je zien hoe het werkt

Javascript rollovers & Image maps
13 juli 2009 - 15:28    reactie #2
geplaatst door: Michael
thnx kijk er vanavond even naar zit nu op me werk, maar het moet wel een rollover zijn
dus als de muis op het deel komt dan moet je het plaatje al zien
Javascript rollovers & Image maps
13 juli 2009 - 22:45    reactie #3
geplaatst door: Michael
Het werkt nu goed in safari, IE6, Google chrome... maar Firefox laat de teksten niet veranderen?

iemand een idee hoe dit kan?


(Bewerkt door Michael om 22:56, 13-07-2009)

(Bewerkt door Michael om 9:55, 14-07-2009)

Javascript rollovers & Image maps
14 juli 2009 - 12:50    reactie #4
geplaatst door: Merlin
De document.all is niet juist. Ipv. document.all.dynamic_text.innerHTML kan
je beter document.getElementById('dynamic_text').innerHTML gebruiken.
Grt. Merlin
Javascript rollovers & Image maps
14 juli 2009 - 13:20    reactie #5
geplaatst door: Peter Villevoye
Griezelig, als je ziet hoeveel we vertrouwen op zo'n techniek...
Maar on-topic: welke software gebruik je voor het maken van
je webpagina's ? Plak je alle code zelf bij elkaar of heb je ook
een gereedschap zoals DreamWeaver tot je beschikking ?
Studea — Advies - Training - Begeleiding in DTP, web- en app-design.  En... een PixelFreak !
Javascript rollovers & Image maps
14 juli 2009 - 18:36    reactie #6
geplaatst door: Michael
Thnx merlin, dat ga ik even uitproberen...


Citaat
Peter Villevoye om 13:20, 14-07-2009
Griezelig, als je ziet hoeveel we vertrouwen op zo'n techniek...

???

wat is een beter idee dan...het is maar een klein project en het werk in alle browsers op firefox na dan gewoon prima.

nu even dat van Merlin uitproberen

Javascript rollovers & Image maps
14 juli 2009 - 20:09    reactie #7
geplaatst door: Peter Villevoye
O sorry, helemaal vergeten erbij te vermelden:
ik zat tussendoor ff te mijmeren over de foto's
van die opengewerkte harddisk !
:sigh:
Studea — Advies - Training - Begeleiding in DTP, web- en app-design.  En... een PixelFreak !
Javascript rollovers & Image maps
14 juli 2009 - 20:12    reactie #8
geplaatst door: Michael
ow hahaha lol :P dacht dat er nog meer niet goed was haha
Javascript rollovers & Image maps
14 juli 2009 - 20:15    reactie #9
geplaatst door: Michael
ik schrijf het trouwens in dreamweaver,
ik heb nu deze regel ingevoerd bij allen -> document.getElementById('dynamic_text').innerHTML
maar nog steeds alleen in firefox geen verandering..
Javascript rollovers & Image maps
14 juli 2009 - 23:03    reactie #10
geplaatst door: Peter Villevoye
Ik heb ff geen Dreamweaver bij de hand, maar kan je niet
bij Eigenschappen met die tekentools je gebieden tekenen
in de ene afbeelding en dan via een Gedraging (Behaviour)
de andere (benoemde) afbeeldingen "remote" wisselen ?
Studea — Advies - Training - Begeleiding in DTP, web- en app-design.  En... een PixelFreak !
Javascript rollovers & Image maps
14 juli 2009 - 23:19    reactie #11
geplaatst door: Michael
moet nu ik alles overnieuw doen dan?

(Bewerkt door Michael om 23:19, 14-07-2009)

Javascript rollovers & Image maps
14 juli 2009 - 23:35    reactie #12
geplaatst door: Peter Villevoye
Scripts kan je beter niet teveel mixen - het zijn mini-programma's,
geen formatteringtaal zoals HTML die je willekeurig kan gebruiken.
Ik zou een scenario met een copie van de bestanden uitproberen...
De Gedragingen zitten er al in sinds de vorige eeuw, dus wie weet
zijn ze wat betrouwbaarder dan al die hap-snap scriptjes ?
Studea — Advies - Training - Begeleiding in DTP, web- en app-design.  En... een PixelFreak !
Javascript rollovers & Image maps
14 juli 2009 - 23:39    reactie #13
geplaatst door: Michael
het moet wel met javascript, heb je er een voobeeldje van?

in principe werkt het nu allemaal....alleen Firefox is dit keer lastig..

Javascript rollovers & Image maps
15 juli 2009 - 00:05    reactie #14
geplaatst door: Peter Villevoye
Dreamweaver noemt JavaScripts liever "Gedragingen",
een oude erfenis van de Lingo-scripts uit Director, ooit.
O ja, wacht ff, tegenwoordig heten ze "ECMA scripts",
volgens de W3C. Whatever...
Studea — Advies - Training - Begeleiding in DTP, web- en app-design.  En... een PixelFreak !
Javascript rollovers & Image maps
15 juli 2009 - 13:26    reactie #15
geplaatst door: Merlin
Vreemd dat de getElementById niet werkt, ik had het zelf in Firefox getest met
jouw pagina. Je moet natuurlijk wel alle document.all aanroepen aanpassen ...
Grt. Merlin
Javascript rollovers & Image maps
15 juli 2009 - 15:54    reactie #16
geplaatst door: Michael
oeps....zag dat ik er een paar had overgeslagen  :blush: maar nu werkt het wel overal!!! :D thnx!!!