länkmål i css?

5 svar · 221 visningar · startad av silfver 26 feb. 2004

silfverMedlem sedan apr. 20039 709 inlägg

26 feb. 2004 19:09#1

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 :)

dectgapMedlem sedan sep. 20021 542 inlägg

26 feb. 2004 19:25#2

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;.

silfverMedlem sedan apr. 20039 709 inlägg

26 feb. 2004 19:26#3

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?

dectgapMedlem sedan sep. 20021 542 inlägg

26 feb. 2004 19:27#4

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

silfverMedlem sedan apr. 20039 709 inlägg

26 feb. 2004 19:31#5

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

jarvkloMedlem sedan juli 20013 295 inlägg

26 feb. 2004 20:11#6

Flyttas från HTML, XHTML & CSS