[HTML/Java] Niet standaard onMouseOver geval... - Softwareontwikkeling

dinsdag 21 oktober 2003 22:39

Acties:

Verwijderd

Topicstarter

Hoi mensen,

Een, voor sommige misschien een heel klein probleem, maar na lang puzzlen door mij niet op te lossen. Ik heb echt gezocht, maar kon hier op GoT geen vergelijkbaar probleem vinden en ook andere zoekactie's leverden weinig op...

Het probleem:

http://tat.quickhost.nl/tw/rollover1.htm
http://tat.quickhost.nl/tw/rollover2.htm

Twee optie's... Bij de eerste werkt het in principe zoals ik wil, alleen moet je de muis echt helemaal ztil houden op een button links. De bedoelingis dat ie als ie eenmaal op de button is niet opniew de waarde zend, zodat ie niet knippert.

Bij de tweede heb ik de onMouseOut vervangen door "return false", maar dat blijkt niet te werken, hij blijft staan in de stand van onMouseOver, maar hij moet dus teruggaan ...

Rollover 1

code:

<script javascript>
function showme(objectid,showing)
{
  var object = document.getElementById(objectid);
  if (showing)
  {
    object.style.visibility = 'visible';
  }
  else
  {
    object.style.visibility = 'hidden';
  }
}
</script>
</head>
<body>
<div id="Layer1" style="position:absolute; left:311px; top:102px; width:102px; height:93px; z-index:1"></div>
[img]"Info.gif"[/img]
[img]"Stad.gif"[/img]
[img]"Ooi.gif"[/img]

<div id="Info" style="visibility:hidden;"> 
[img]"Info-over.gif"[/img]
[img]"groen.gif"[/img]
</div>
<div id="Stad" style="visibility:hidden;">
[img]"Stad-over.gif"[/img]
[img]"blauw.gif"[/img]
</div>
<div id="Ooi" style="visibility:hidden;">
[img]"Ooi-over.gif"[/img]
[img]"rood.gif"[/img]
</div>

Rollover 2

code:

<script javascript>
function showme(objectid,showing)
{
  var object = document.getElementById(objectid);
  if (showing)
  {
    object.style.visibility = 'visible';
  }
  else
  {
    object.style.visibility = 'hidden';
  }
}
</script>
</head>
<body>
<div id="Layer1" style="position:absolute; left:311px; top:102px; width:102px; height:93px; z-index:1"></div>
[img]"Info.gif"[/img]
[img]"Stad.gif"[/img]
[img]"Ooi.gif"[/img]

<div id="Info" style="visibility:hidden;"> 
[img]"Info-over.gif"[/img]
[img]"groen.gif"[/img]
</div>
<div id="Stad" style="visibility:hidden;">
[img]"Stad-over.gif"[/img]
[img]"blauw.gif"[/img]
</div>
<div id="Ooi" style="visibility:hidden;">
[img]"Ooi-over.gif"[/img]
[img]"rood.gif"[/img]
</div>

Iemand advies?

PS. sorry van de lay-out

dinsdag 21 oktober 2003 23:07

Acties:

crisp

Devver

Pixelated

ik zou er een image-swap van maken, en daarnaast alleen het gekleurde vak showen en hiden. Het probleem wat je nu hebt is namelijk dat je een nieuwe image over je image met events heenlegt waardoor de mouseout meteen getriggered wordt en bij elke beweging door event bubbling weer de mouseover van je onderste plaatje.

Intentionally left blank

dinsdag 21 oktober 2003 23:48

Acties:

Verwijderd

Topicstarter

Het idee is dat het gekleurde vlak straks ook tekst bevat, dus gewoon de kleur wijzigen is geen optie, omdat die tekst per rollover verschilt. Maar hoe had je dat met image-swap in gedachten?

woensdag 22 oktober 2003 01:01

Acties:

André

Analytics dude

HTML:

[img]"Info.gif"[/img]
<div id="Info" style="visibility:hidden;"> 
  [img]"groen.gif"[/img]
</div>