Gå til innhold

Ny "guide"


Anbefalte innlegg

Kjeder meg alltid når jeg skal levere markedsføringsoppgaver...

Kommentarer til guiden for å mekke popups som passer til størrelsen til bilder tas mot med takk

 

Link

 

Kom gjerne med forbedringer til scriptet hvis dere har :)

 

ps, fryktelig stille her en tirsdags morgen...

Endret av enden
Lenke til kommentar
Videoannonse
Annonse

hrmf, måtte trykke to ganger på serveren jeg og

Dukker ned i koden igjen jeg

 

oftopic: juuhuuu, ferdig med markedsføringsoppgaven. Alt gjort to siste dagene av 4 uker tilgjengelig tid. La dette være en lærepenge til dere barn. Ikke utsett ting :p Karakter følger om noen uker

Lenke til kommentar

Vet ikke om du har gjort det med overlegg, men du kan vel kjøre et javascript fra link uten å benytte onClick?

<a href="javascript:popPic('../picks/banner.gif')"> bilde</a>

Sånn har iallefall jeg alltid gjort det, og så vidt jeg vet er det ingen browsere som har problemer med det. :roll:

Lenke til kommentar
Vet ikke om du har gjort det med overlegg, men du kan vel kjøre et javascript fra link uten å benytte onClick?

<a href="javascript:popPic('../picks/banner.gif')"> bilde</a>

Sånn har iallefall jeg alltid gjort det, og så vidt jeg vet er det ingen browsere som har problemer med det.  :roll:

Gammel vane. Bruker mye scripting til andre elementer enn <a>

Selvfølgelig kan du bare gjøre det sånn :)

 

Har ikke fikset noe nei.

Skjønner ikke hva det er som gjør at popupen har feil størrelse første gangen. Det verste er at jeg ikke får opp noe kildekode når den er sånn. Andre gangen, derimot, går det fint å få opp kildekode. Det eneste jeg kan se for meg er at scriptet ikke rekker å laste ned bildet for å finne størrelsen før denne hentes og brukes til å definere størrelsen på vinduet. Løsningen vil være å stoppe scriptet til bildet er lastet ned, men det er jeg ikke sikker på hvordan jeg skal løse. For å gjøre det ekstra ille så ser det ut til å virke hos Smidt...

 

 

Hyggelig at folk tar imot guidene mine med sånn glede. :woot: Er jo ikke mye da

Lenke til kommentar

Tok meg gleden av å se på litt javascript selv ;) tror jeg kanskje kom frem til en løsning:

 

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
        <title>bilde popup test</title>
<script type="text/javascript">
<!--
var g_bilde;

function bildeLoad()
{
	if(g_bilde.width > 0 && g_bilde.height > 0)
	{
		g_bilde.onerror = null;
		g_bilde.onload = null;
		vindu = window.open('', '', 'width='+g_bilde.width+',height='+g_bilde.height);
		kode = "<html><head><title>Tullball</title></head><body style=\"margin:0;padding:0;\">";
		kode += "<img src="+g_bilde.src+" alt=\""+g_bilde.src+"\"/></body></html>";
		vindu.document.write(kode);
		vindu.document.close();
		// Her kan man fortelle bruker at bilde er ok
		// DOM sak som bytter ut innholdet på f.eks en <div id="message"></div>
		document.getElementById("message").innerHTML = "loaded";
	}
	else
	{
		// Bildet kunne ikke loades, en liten hack for Opera 7.21
		if(navigator.userAgent.toLowerCase().indexOf("opera") != -1)
		{
			bildeError();
		}
	}
}

function bildeError()
{
	// Her kan man fortelle bruker at bilde ikke kunne lastes ned
	// DOM sak som bytter ut innholdet på f.eks en <div id="message"></div>
	document.getElementById("message").innerHTML = "error loading image";
	g_bilde.onerror = null;
	g_bilde.onload = null;
}

function bildePopup(url)
{
	g_bilde = new Image();
	g_bilde.onerror = bildeError;
	g_bilde.onload = bildeLoad;
	g_bilde.src = url;
}
-->
</script>
</head>
<body>
<div id="message"></div>
<a href="javascript:popupPic('et-popup-bilde.gif')">test</a>
</body>
</html>

 

Edit: Endre koden en del ;) Men Opera 7.21 har visst problemer med onerror eventet, virker som en bug, ifølge google

Men klarte å lage en liten omvei rundt det problemet. Men nå looper ikke koden lengre.

 

Edit: Oppdatert koden, så den inneholder alle endringer som ble gjort gjennom tråden her ;)

Endret av FuLu
Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...