Jump to content

Lite hjälp med HTML/Javascript


Pico
 Share

Recommended Posts

Hejsan på er. Jag håller på att fiffla med en hemsida i html och för att gå rakt på sak vill jag få en bild att länka till en popup-ruta som har bestämda mått på vidd respektive höjd. Jag antar att man gör detta med Javascript, men jag lyckades dock inte riktigt få till det.

Vad jag har förstått ska man någonstans i dokumentet sätta följande tagg:

<script LANGUAGE="JavaScript">
Saken är den att jag undrar om man ska skriva in den 1) i början av dokumentet eller 2) i samband med bilden, det vill säga någonstans i mitten. Det är dessutom runt ~25 bildlänkar det rör sig om här som ska ha exakt samma funktion (popup-länk). Om detta nu är bildens länk...
<img src="images/bild_18.jpg" width="138" height="138" alt=""></td>
... var och hur lägger jag in Javascripteriet?
<script LANGUAGE="JavaScript">

<!--


window.open("hemsida.shtml","fonstrets_namn","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,fullscre

n=no,width=350,height=250,top=200,left=200");


//-->

</SCRIPT>

Alla goda råd mottages. Fråga gärna om något är oklart.

Länk till kommentar
Dela på andra sidor

Jag skulle sätta javascript-grejen i sin egen funktion:

<script LANGUAGE="JavaScript">

<!--


function popup(url, namn, width, height, x, y)

{

window.open(url,namn,"toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,fullscre

=no,width="+width+",height="+height+",top="+x+",left="+y);

}


//-->

</script>
Placera den koden innanför <head>-taggarna. Sen när du vill öppna en popup så gör du så här:
<a href="#" onclick="popup('SIDA.HTML', 'NAMN PÅ RUTAN', 350, 250, 100, 100)">TEXT ELLER BILD HÄR</a>

350-100 är i ordning: bredden, höjden, avstånd från vänster sida av skärmen, avstånd från överst på skärmen.

Länk till kommentar
Dela på andra sidor

Tack för svaret!

Jag undrar bara om du skulle kunna göra en grej lite snabbt åt mig, ta den nedersta koden och göra en bildpopuplänk. Själv får jag nämligen inte till det riktigt, så det vore hyvens.

Edit: Alltså; när jag försöker så länkar den inte dit jag skriver (sylt.html) utan bara till sidan jag befinner mig på ( test.html). Såhär ser länken ut i det färdiga html-dokumentet:

[ ... ] My%20Documents/Webbdesign/Photoshop/test.html#
Jag har skrivit in den på detta vis:
<a href="#" onclick="popup('sylt.html', 'drottningsylt', 350, 250, 100, 100)">link</a>

Redigerad av Pico
Länk till kommentar
Dela på andra sidor

Du skulle kunna skriva länken på detta sätt:

<a href="java script:popup('sylt.html', 'drottningsylt', 350, 250, 100, 100)">link</a>

Det borde funka. Det är visserligen inte riktigt korrekt att göra så men du kanske inte bryr dig.

I kodrutan blir det ett mellanrum i javascript, ta bort det. Det är bara någon säkerhetsfunktion forumet har och ska inte vara i koden.

Förra exemplet funkade i mitt Firefox, men det funkade inte i IE?

Länk till kommentar
Dela på andra sidor

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Gäst
Skriv inlägg...

×   Innehåll kopierat inklusive formatering.   Ta bort formatering

  Only 75 emoji are allowed.

×   Din länk har expanderats till ett media-block.   Visa länk istället

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...