---
title: "onMouseOver, onMouseOut, onClick"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/86825-onmouseover-onmouseout-onclick"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "stitch"
published: "2003-09-24T07:23:36.000Z"
updated: "2003-09-24T13:47:24.000Z"
replies: 3
views: 254
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/86825-onmouseover-onmouseout-onclick"
---

# onMouseOver, onMouseOut, onClick

## #1 — stitch, 2003-09-24T07:23Z

jag har ett gäng bildikoner med mouseover/out på.. men jag vill även att ikonen ska "markeras" då man klickar på den..  OCH avmarkeras om man klickar igen!

bildlägen blir alltså:
bild_off.gif - ikonen
bild_over.gif - musen över ikonen
bild_on.gif - ikonen är klickad (markerad)
bild_off.gif - markerad ikon klickas igen

så här långt har jag kommit.. men hur får jag den att markera/avmarkeras?

\<a href="#" onMouseOut="document.images'rad1_bock1'\].src='images/bock_off.gif' " 
onMouseOver="document.images\['rad1_bock1'\].src='images/bock_over.gif' "
onClick="???"\>

\<img src="images/bock_off.gif" name="rad1_bock1"\>

\</a\>

Permalänk: https://www.webforum.nu/p/86825

## #2 — stitch, 2003-09-24T07:38Z

ingen så här på morgonkvisten som känner sej manad?? =)

Permalänk: https://www.webforum.nu/p/1165361

## #3 — dectgap, 2003-09-24T13:36Z

Du kan göra så här:

```
<script type="text/javascript">
var clicked = false;
</script>

...

<img
  src="images/bock_off.gif"
  name="rad1_bock1"
  onmouseover="this.src='images/bock_over.gif';"
  onmouseout="if(clicked){this.src='images/bock_on.gif';}else{this.src='images/bock_off.gif';}"
  onclick="clicked=!clicked;"
>
```

Permalänk: https://www.webforum.nu/p/1165608

## #4 — stitch, 2003-09-24T13:47Z

tackar!!

Permalänk: https://www.webforum.nu/p/1165617

---

Tråden på webben: https://www.webforum.nu/amne/javascript/86825-onmouseover-onmouseout-onclick