[javascript] image link in table veranderen

[wizza]

beste medetweakers,

Ik ben bezig met een nieuwe website, ik heb in Dreamweaver MX 2 tables gemaakt,
in de 1e table staat een plaatje (timeline.jpg) op dit plaatje heb ik via "hotspots"
met een behavior ingesteld dat, als je met je muis over een hotspot gaat er via
"OnMouseOver" in de 2e table het plaatje gewisseld wordt. Nu staan er op het
2e plaatje ook "hotspots" met links naar andere pagina's ..

Het lukt mij nu niet om het voor elkaar te krijgen dat, als het plaatje in de 2e
table gewisseld wordt, ook de link te veranderen (die via de hotspot op dit plaatje
is ingesteld).

voorbeeld :

-------------------------------------
| PlAATJE (TimeLine.jpg) |
| In Table-1 .. is static, |
| veranderd dus niets. |
-------------------------------------
| PLAATJE (link1.jpg) |
| In Table-2 .. is dynamisch |
| wordt aangepast via een |
|behavior OnMouseOver |
-------------------------------------


Nu heb ik al via de gOT Search gezocht, via Google.com en via HotScripts.com,
maar kan helaas niets vinden, ook geen script o.i.d die kan kan modden ..

Heeft iemand misschien een idee hoe ik dit kan oplossen? (ik wil geen Layers / Frames gebruiken!!)

NB: indien een visueel voorbeeld gewenst is omdat de beschrijving omslachtig is,
kan ik deze wel even online zetten. (heb ik nogniet gedaan omdat ik niet wil spamen o.i.d).

[ Voor 0% gewijzigd door wizza op 05-09-2002 15:48 . Reden: typo ]

[Verwijderd]

dan een visueel voobeeld alsjeblieft, en nog liever ook een stuk code

[OkkE]

Misschien alle verschillende link*.jpg plaatjes in apparte layers zetten en die dan dmv de eerste links verbergen en weer laten zien.

[Verwijderd]

OkkE schreef op 05 september 2002 @ 15:53:
Misschien alle verschillende link*.jpg plaatjes in apparte layers zetten en die dan dmv de eerste links verbergen en weer laten zien.

wizZa schreef op 05 september 2002 @ 15:46:
Heeft iemand misschien een idee hoe ik dit kan oplossen? (ik wil geen Layers / Frames gebruiken!!)

Ik weet ook niet waarom, maar gezien die twee uitroeptekens meent hij het

[Verwijderd]

wizZa schreef op 05 september 2002 @ 15:46:
Heeft iemand misschien een idee hoe ik dit kan oplossen? (ik wil geen Layers / Frames gebruiken!!)

Niet lullig bedoeld, maar als je je site maakt in Dreamweaver en niet weet hoe je dit in dit programma doet, kun je je hier misschien maar beter niet aan wagen. Niet omdat DW niet een goed programma zou zijn! Je haalt jezelf alleen maar heel veel ellende op de hals voor iets dat (zo te horen) voor een gebruiker alleen maar heel erg verwarrend is.

Ik raad je aan om een ander interactiemodel te verzinnen. Iets wat je zelf in DW kunt fixen en onderhouden. Daar bespaar je jezelf een hoop ellende mee.

[wizza]

Blues schreef op 05 september 2002 @ 17:56 zijn verhaal:
[...]

uhmmkay, thnx voor de info .. ik werk echter al een aantal jaar met verschillende
Macromedia programma's en heb er al verschillende boeken over gelezen enz.

dat is dus niet de issue!, ik vermoed dat er een stukje scripting aan te pas moet
komen, maar weet het niet helemaal zeker.

Voor een voorbeeld check :

http://pruts.wizza.nl/voorbeeld/voorbeeld.html


NB: dit is geen script request o.i.d, maar een verzoek aan meedenkende gOTTers.

[Morrar]

Wat je probeert is de image-map (de hotspots) eraf te knikkeren maar het kan ook anders...

Laat de hotspot hetzelfde en roep er steeds dezelfde Javascript funtie mee aan die iedere keer een ander URL laadt. Dus in je map:

<AREA href="javascript:openCurrURL();" ...>

En dan de met de onmouseover trigger:

onMouseOver="MM_swapImage('ImageChanger','','images/1998.jpg',1);CurrURL='blaat1.htm';"

en

onMouseOver="MM_swapImage('ImageChanger','','images/1999.jpg',1);CurrURL='blaat2.htm';"

etc...

De functie openCurrURL wordt dan iets als:

function openCurrURL()
{ self.location = CurrURL;
}

Zoiets... je moet het zelf ff in je pagina fiedelen maar dit was geen script request, dus dat mag je zelf uitpuzzelen: suc6!

[wizza]

Morrar schreef op 06 september 2002 @ 02:11 zijn verhaal:
[...]

Kijk hier heb ik iets aan!! ik ga hier vanavond mee aan de slag en zal jullie
up-2-date houden (like you care ... )

i.i.g .. thnx Morrar !!

[ Voor 0% gewijzigd door wizza op 06-09-2002 10:25 . Reden: typo ofzo ]

[wizza]

Het is gelukt!, zoals belooft nog even een voorbeeld :

http://pruts.wizza.nl/voorbeeld/voorbeeld.html


De souce is uiteindelijk geworden (voor de liefhebbers) :


Het java script:

<SCRIPT language=JavaScript type=text/JavaScript>
<!--
function openCurrURL(url, width, height) {
var Win = window.open(CurrURL,"openCurrURL",'width=' + 150 + ',height=' + 175 + ',resizable=0,scrollbars=auto,menubar=no,status=no' );
}
//-->
</SCRIPT>


ImageMap:

<MAP name=Map>
<AREA
onMouseOver="MM_swapImage('ImageChanger','','images/1998.jpg',1);CurrURL='blaat1.htm';MM_displayStatusMsg('1998');return document.MM_returnValue" shape=RECT
alt=1998 coords=15,9,49,26
href="#">
<AREA
onMouseOver="MM_swapImage('ImageChanger','','images/1999.jpg',1);CurrURL='blaat2.htm';MM_displayStatusMsg('1999');return document.MM_returnValue" shape=RECT
alt=1999 coords=41,58,76,75
href="#">
<AREA
onMouseOver="MM_swapImage('ImageChanger','','images/2000.jpg',1);CurrURL='blaat3.htm';MM_displayStatusMsg('2000');return document.MM_returnValue" shape=RECT
alt=2000 coords=164,60,199,75
href="#">
</MAP>
<map name="ImageChangerMap">
<area shape="rect" coords="286,100,385,126" href="javascript:openCurrURL();" alt="Click here" onMouseOver="MM_displayStatusMsg('Show Details');return document.MM_returnValue">
</map>


Thnx again Morrar