---
title: "länkmål i css?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/98271-länkmål-i-css"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "silfver"
published: "2004-02-26T19:09:05.000Z"
updated: "2004-02-26T20:11:42.000Z"
replies: 5
views: 226
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/98271-länkmål-i-css"
---

# länkmål i css?

## #1 — silfver, 2004-02-26T19:09Z

Hejsan!

För att försöka förklara titeln lite bättre så gör vi så här -\>
Använder mig av den här:

.bild {	
	margin: 5px;
	border: 1px solid #000000;
}

samt det här scriptet:

```
<script type="text/javascript"> 
/* Detta script finns att hämta på [url]http://www.jojoxx.net[/url] och 
   får användas fritt så länge som dessa rader står kvar. */ 

function popup(url){ 
   MyWin = window.open("","","scrollbars=no,resizable=no,toolbar=no,location=no,directories=no,status=no,menubar=no,width=100,height=100"); 
   with(MyWin.document){ 
   open(); 
   write("<html>\n<head><scr"+"ipt>awidth=(document.layers)?0:8;awidth+=(document.all)?4:0;aheight=(document.layers)?0:29;</scr"+"ipt>\n<title>silfverART</title>\n</head>\n<body onLoad=\"window.resizeTo(document.images[0].width+awidth,document.images[0].height+aheight)\"marginwidth=0 marginheight=0 leftmargin=0 topmargin=0 rightmargin=0 style=\"overflow:hidden;\">\n"); 
   write("<img src=\""+url+"\">\n"); 
   write("</body>\n</html>\n"); 
   close(); 
   } 
} 
</script>
```

Och länken ser ut så här:

```
<a onClick="popup(this.href); return false;" href="bild.jpg"><img src="bild.jpg" width="100" class="bild"></a>
```

Kan man på något sätt slippa att skriva in:
onClick="popup(this.href); return false;"

i alla länkar? Kan man skriva det i css eller göra det på något annat sätt? Eller måste man helt enkelt skriva in det?

Mvh silfver  :)

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

## #2 — dectgap, 2004-02-26T19:25Z

CSS kommer du inte långt med, men JavaScript löser det åt dig:

```
<script type="text/javascript">
window.onload=function(){
    var imgs = document.getElementsByTagName("IMG");
    for(var x=0; x<imgs.length; x++){
        if(imgs[x].className == "bild")
            if(imgs[x].parentNode.tagName == "A")
                imgs[x].parentNode.onclick = function(){ popup(this.href); return false; }
    }
}
</script>
```

För alla länkar som har ett barn som är en bild av klassen "bild" ändras *onlick* till  *popup(this.href); return false;*.

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

## #3 — silfver, 2004-02-26T19:26Z

Hehe, tack så mycket! Så om jag förstod dig rätt så räcker det med att infoga det scriptet så behöver jag inte fylla i "koden" i alla länkar?

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

## #4 — dectgap, 2004-02-26T19:27Z

Exakt.
Se bara till att bilderna har klassen "bild".

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

## #5 — silfver, 2004-02-26T19:31Z

Ja nu ser jag. Tack så mycket! :)

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

## #6 — jarvklo, 2004-02-26T20:11Z

Flyttas från  HTML, XHTML & CSS

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/98271-länkmål-i-css
