---
title: "Sticky button"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/17355-sticky-button"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "esra"
published: "2001-01-22T15:07:00.000Z"
updated: "2001-01-23T08:10:00.000Z"
replies: 4
views: 225
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/17355-sticky-button"
---

# Sticky button

## #1 — esra, 2001-01-22T15:07Z

Har någon en idé om hur man gör en knapp som har en vanlig rollover funktion(dvs. byter bild om man för över markören). MEN... om man klickar på bilden så behåller den mouseover bilden. Vet någon hur?

MVH / esra

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

## #2 — Erik Juhlin, 2001-01-22T16:15Z

Jojoxx har ett script för det!http://www.jojoxx.net/jscript/archive/imageswap6.html

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

## #3 — esra, 2001-01-23T07:46Z

Det är bra men jag skulle gärna vilja se ett alternativ till detta.

Någon?

MVH / esra

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

## #4 — Stina, 2001-01-23T07:57Z

I headen:

\<script LANGUAGE="JavaScript"\>
\<!--
        if (document.images) {

            img1on = new Image(); 
            img1on.src = "button1on.gif";   
            img1off = new Image(); 
            img1off.src = "button1off.gif"; 

            img2on = new Image(); 
            img2on.src = "button2on.gif";   
            img2off = new Image(); 
            img2off.src = "button2off.gif";

           

          
        }
function imgOn(imgName) {

        if (document.images) {
            document\[imgName\].src = eval(imgName + "on.src");
        }
}

function imgOff(imgName) {
        if (document.images) {
            document\[imgName\].src = eval(imgName + "off.src");
		}
}
// --\>                                                                
\</script\>

I bodyn:

\<table border="0" cellspacing="0"\>
  \<tr\>
    \<td\>\<a href="" target="right" onMouseOver="imgOn ('img1')"
    onMouseOut="imgOff('img1')"\>\<img SRC="img/button1off.gif" BORDER="0" ALT=""
    NAME="img1"\>\</a\>\</td\>
  \</tr\>
  \<tr\>
    \<td\>\<a href="" target="right" onMouseOver="imgOn ('img2')"
    onMouseOut="imgOff('img2')"\>\<img SRC="button2off.gif" BORDER="0" ALT=""
    NAME="img2" width="100" height="30"\>\</a\>\</td\>
  \</tr\>
\</table\>

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

## #5 — esra, 2001-01-23T08:10Z

Jo Stina, det var ju denna kod dom jojexx bidrar med. Men...
när jag placerar anropet på funktionen...

\--------------------------
\<a href="" target="right" onMouseOver="imgOn ('img1')"
onMouseOut="imgOff('img1')"\>\<img SRC="img/button1off.gif" BORDER="0" ALT=""
NAME="img1"\>\</a\>
\--------------------------

...i ett layer så funkar det inte. Därför, finns det något alternativ?

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/17355-sticky-button